html {
    color: black;
    background: white;
     font-family: 'Gloria Hallelujah', cursive;
    font-size: 12px
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0;
    margin: 0
}

textarea {
    height: 2.4em
}

a {
    text-decoration: none;
    outline: none
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal
}

li {
    list-style: none;
	color:#EEE;
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline-style: none;
    outline-width: 0px;
    font-size: 100%
}

legend {
    color: black
}

del,
ins {
    text-decoration: none
}

.clear {
    clear: both;
    height: 0px;
    visibility: hidden
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

::-webkit-input-placeholder {
    color: #71767a;
    font-weight: normal
}

::-moz-placeholder {
    color: #71767a;
    font-weight: normal
}

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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: yellow;
    color: black
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.08);
        transform: scale(1.08)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pulse_large {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse_large {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.12);
        transform: scale(1.12)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse_large {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        transform: scale(1.12)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: white
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        background-color: #0099e5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #0099e5
    }
}

@-moz-keyframes bounceIn {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        background-color: white
    }
    50% {
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        background-color: #0099e5
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        background-color: #0099e5
    }
}

@keyframes bounceIn {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: white
    }
    50% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        background-color: #0099e5
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background-color: #0099e5
    }
}

@-webkit-keyframes bounceInNote {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: white
    }
    50% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        color: #0099e5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: #0099e5
    }
}

@-moz-keyframes bounceInNote {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        color: white
    }
    50% {
        -moz-transform: scale(1.04);
        transform: scale(1.04);
        color: #0099e5
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        color: #0099e5
    }
}

@keyframes bounceInNote {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        color: white
    }
    50% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
        color: #0099e5
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        color: #0099e5
    }
}

@-webkit-keyframes infinity_spinner {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -661px
    }
}

@-moz-keyframes infinity_spinner {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -661px
    }
}

@keyframes infinity_spinner {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -661px
    }
}

@-webkit-keyframes infinity_spinner_large {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -960px
    }
}

@-moz-keyframes infinity_spinner_large {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -960px
    }
}

@keyframes infinity_spinner_large {
    from {
        background-position: center 0px
    }
    to {
        background-position: center -960px
    }
}

@-webkit-keyframes heart_animation {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    3.4% {
        -webkit-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.81% {
        opacity: 0.5;
        -webkit-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.21% {
        -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    13.61% {
        -webkit-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    17.52% {
        -webkit-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    21.32% {
        -webkit-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25.23% {
        opacity: 1;
        -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.03% {
        -webkit-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    36.74% {
        -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    44.44% {
        -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    59.86% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75.28% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    90.69% {
        -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@-moz-keyframes heart_animation {
    0% {
        opacity: 0;
        -moz-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    3.4% {
        -moz-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.81% {
        opacity: 0.5;
        -moz-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.21% {
        -moz-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    13.61% {
        -moz-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    17.52% {
        -moz-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    21.32% {
        -moz-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25.23% {
        opacity: 1;
        -moz-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.03% {
        -moz-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    36.74% {
        -moz-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    44.44% {
        -moz-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    59.86% {
        -moz-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75.28% {
        -moz-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    90.69% {
        -moz-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes heart_animation {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    3.4% {
        -webkit-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.81% {
        opacity: 0.5;
        -webkit-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.21% {
        -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    13.61% {
        -webkit-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    17.52% {
        -webkit-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    21.32% {
        -webkit-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25.23% {
        opacity: 1;
        -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.03% {
        -webkit-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    36.74% {
        -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    44.44% {
        -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    59.86% {
        -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75.28% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    90.69% {
        -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
(min-device-width: 320px) and (max-device-width: 568px) {
    * {
        -webkit-overflow-scrolling: touch
    }
}

html,
body {
    font-family: 'Gloria Hallelujah', cursive;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    height: 100%;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    color: #222222;
    font-size: 14px;
    -webkit-text-size-adjust: 100%
}

body {
    min-height: 100%;
    position: relative
}

body h1,
body h2,
body h3,
body h4 {
    text-rendering: optimizeLegibility
}

body p {
    text-rendering: optimizeLegibility
}

body button,
body input,
body optgroup,
body select,
body textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

button {
    font-family: inherit
}

.pull-left {
    position: relative;
    float: left
}

.pull-right {
    position: relative;
    float: right
}

.shadow-box {
    border: 1px solid #d9dee1;
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15)
}

.shadow-box:before,
.shadow-box:after {
    content: " ";
    display: table
}

.shadow-box:after {
    clear: both
}

h1 {
    font-size: 36px;
    font-weight: normal;
    color: #525558;
    margin: 32px 0 20px 0
}

h2 {
    font-size: 24px;
    color: #71767a;
    font-weight: normal;
    margin: 32px 0 16px 0
}

h3 {
    font-size: 14px;
    color: #0099e5;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1em
}

h3.light {
    color: #b9c1c7
}

h3.dark {
    color: #71767a
}

h3 a:hover {
    color: #00aaff
}

h4 {
    font-size: 14px;
    color: inherit;
    font-weight: bold;
    margin-bottom: 1em
}

h5 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1em
}

p {
    font-size: 14px;
    line-height: 1.4em;
    color: #525558
}

p+p {
    margin-top: 1.4em
}

p.large {
    font-size: 18px
}

em {
    font-weight: bold
}

.label-value-list {
    font-size: 14px;
    line-height: 1.6em
}

.label-value-list ul {
    float: left
}

.label-value-list .label {
    color: #71767a
}

.label-value-list .value {
    color: #525558;
    margin-left: 20px
}

.label-value-list .value+.label {
    margin-left: 40px
}

.sidebar {
    width: 230px;
    padding: 37px 0 0 0;
    margin: 0 40px 0 0;
    float: left;
    min-height: 100vh;
    border-right: 1px solid #eeeff2;
    position: fixed
}

.sidebar h3 {
    margin-bottom: 10px
}

.sidebar ul {
    width: 199px;
    margin-left: -10px
}

.sidebar ul li.active ul {
    font-size: 12px;
    display: block
}

.sidebar ul li.active ul li {
    margin-left: 26px
}

.sidebar ul li.active ul li.active a {
    border-left-color: #0099e5;
    color: #0099e5
}

.sidebar ul li.active ul li.active a:hover {
    color: #0099e5
}

.sidebar ul li.active ul li a {
    padding: 0 0 0 10px;
    border-left: 2px solid #eeeff2;
    height: 22px;
    line-height: 22px;
    color: #525558;
    background-color: transparent;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out
}

.sidebar ul li.active ul li a:hover {
    color: #b9c1c7;
    background-color: transparent
}

.sidebar ul li.active a {
    color: #0099e5
}

.sidebar ul li.active a:hover {
    color: white;
    background-color: #00aaff
}

.sidebar ul li a {
    padding: 0 0 0 10px;
    display: block;
    height: 28px;
    line-height: 28px;
    height: 100%;
    color: #525558
}

.sidebar ul li a:hover {
    color: #525558;
    background-color: #f7f8fa
}

.sidebar ul li ul {
    display: none
}

.sidebar ul+h3 {
    margin-top: 38px
}

.button {
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    background-color: #0099e5;
    border: 1px solid #08c;
    text-shadow: 0px 1px 0px #08c;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out
}

.button:hover {
    background-color: #00aaff
}

.button:hover:active {
    background-color: #0099e5;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset
}

.button.following:not(.mini_follow) {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.button.new_fav {
    position: relative;
    min-width: 60px;
    text-align: center;
    background-color: #ff4c4c;
    border-color: #ff3333;
    text-shadow: none
}

.button.new_fav .icon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.button.new_fav .icon .shape {
    fill: transparent;
    stroke: white;
    stroke-width: 3px;
    stroke-dasharray: 150;
    stroke-linejoin: round;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.button.new_fav:hover {
    background-color: #ff6666
}

.button.new_fav:active {
    background-color: #ff4c4c
}

.button.new_fav.hearted .icon {
    -webkit-animation: heart_animation 0.8s linear both;
    -moz-animation: heart_animation 0.8s linear both;
    animation: heart_animation 0.8s linear both
}

.button.new_fav.hearted .icon .shape {
    fill: white;
    stroke-opacity: 0
}

.button.new_fav.with_count {
    padding-left: 40px
}

.button.new_fav.with_count .icon {
    left: 10px;
    right: auto
}

.button.new_like {
    position: relative;
    min-width: 60px;
    text-align: center;
    background-color: #0099e5;
    border-color: #0088cc;
    text-shadow: none
}

.button.new_like .icon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.button.new_like .icon .shape {
    fill: transparent;
    stroke: white;
    stroke-width: 3px;
    stroke-dasharray: 150;
    stroke-linejoin: round;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.button.new_like:hover {
    background-color: #00aaff
}

.button.new_like:active {
    background-color: #0099e5
}

.button.new_like.liked .icon {
    -webkit-animation: heart_animation 0.8s linear both;
    -moz-animation: heart_animation 0.8s linear both;
    animation: heart_animation 0.8s linear both
}

.button.new_like.liked .icon .shape {
    fill: white;
    stroke-opacity: 0
}

.button.mini_follow {
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    padding: 0 8px;
    background: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0099e5;
    font-weight: normal;
    border-color: #0099e5
}

.button.mini_follow:hover {
    background-color: rgba(0, 153, 229, 0.1)
}

.button.mini_follow:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.mini_follow.following {
    background-color: #34bf49;
    border-color: #34bf49;
    color: white;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.button.mini_follow.following:hover {
    border-color: #ff3333;
    background-color: #ff6666
}

.button.submit,
.button.following:not(.mini_follow) {
    background-color: #34bf49;
    border-color: #2fab41;
    text-shadow: 0px 1px 0px #2fab41
}

.button.submit:hover,
.button.following:hover:not(.mini_follow) {
    background-color: #41cb56
}

.button.submit:hover:active,
.button.following:hover:active:not(.mini_follow) {
    background-color: #34bf49;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset
}

.button.secondary {
    background-color: #71767a;
    border-color: #65696d;
    text-shadow: 0px 1px 0px #65696d
}

.button.secondary:hover {
    background-color: #7d8387
}

.button.secondary:hover:active {
    background-color: #71767a;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset
}

.button.tertiary {
    background-color: #f7f8fa;
    border-color: rgba(185, 193, 199, 0.5);
    text-shadow: none;
    color: #71767a
}

.button.tertiary:hover {
    background-color: #eeeff2
}

.button.tertiary:hover:active {
    background-color: #f7f8fa;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset
}

.button.delete,
.button.following:not(.mini_follow):hover {
    background-color: #ff4c4c;
    border-color: #ff3333;
    text-shadow: 0px 1px 0px #f33
}

.button.delete:hover,
.button.following:not(.mini_follow):hover {
    background-color: #ff6666
}

.button.delete:hover:active,
.button.following:active:not(.mini_follow):hover {
    background-color: #ff4c4c;
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset
}

.button.large {
    min-width: 250px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-size: 20px
}

.button.medium {
    min-width: 180px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 16px
}

.button.disabled {
    cursor: default;
    opacity: 0.5
}

.button.disabled:hover {
    background-color: #0099e5
}

.button.disabled.new_fav:hover {
    background-color: #ff4c4c
}

.button.disabled.submit:hover,
.button.disabled.following:hover:not(.mini_follow) {
    background-color: #34bf49
}

.button.disabled.secondary:hover {
    background-color: #71767a
}

.button.disabled.tertiary:hover {
    background-color: #b9c1c7
}

.button.disabled.delete:hover,
.button.disabled.following:not(.mini_follow):hover {
    background-color: #ff4c4c
}

.button.on-image {
    border: none;
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.15)
}

.button.only_icon {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 30px;
    height: 30px;
    min-width: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 0
}

.button.only_icon .icon {
    width: 24px;
    height: 24px
}

.button.only_icon:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.only_icon:hover {
    background-color: transparent
}

.button.only_icon:hover .icon .shape {
    fill: rgba(255, 255, 255, 0.4)
}

.button.only_icon.hearted .icon .shape {
    fill: white
}

.button.full {
    width: 100%;
    text-align: center
}

.button+.button {
    margin-left: 10px
}

.pill {
    display: inline-block;
    background-color: #b9c1c7;
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out
}

.pill:hover {
    background-color: #00aaff
}

.pill.action {
    background-color: #0099e5
}

.pill.action:hover {
    background-color: #00aaff
}

.pill.submit,
.pill.button.following:not(.mini_follow) {
    background-color: #34bf49
}

.pill.submit:hover,
.pill.button.following:hover:not(.mini_follow) {
    background-color: #41cb56
}

.pill.delete:hover,
.pill.button.following:not(.mini_follow):hover {
    background-color: #ff6666
}

.pill.grey:hover {
    background-color: #71767a
}

.pill+.pill {
    margin-left: 10px
}

.action-button {
    background: center center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-size: 16px;
    background-color: rgba(34, 34, 34, 0.2);
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.action-button.animate:hover {
    background-color: rgba(34, 34, 34, 0.4)
}

.action-button.animate:hover .icon {
    top: -15px;
    opacity: 0
}

.action-button.animate:hover .count {
    top: 0px;
    opacity: 1
}

.action-button.grey-bg,
.action-button.grey-bg.animate:hover {
    background-color: #222222
}

.action-button.favorite .icon {
    background-image: url(//assetcdn.500px.org/assets/v3/focus/fave-8e6e4561f7b2eaf49191953fba112545.svg);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px
}

.action-button.favorite.active,
.action-button.favorite.active:hover {
    background-color: #ff4c4c
}

.action-button.external .icon {
    background-image: url(//assetcdn.500px.org/assets/v3/focus/view_photo_page-5771b6a8e5b245be481094e54376454d.svg);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px
}

.action-button.close .icon {
    background-image: url(//assetcdn.500px.org/assets/groups/photo-focus_close-283c6f6ad2ebc7b39de15a5c27ce793f.png);
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
    .action-button.close .icon {
        background-image: url(//assetcdn.500px.org/assets/groups/photo-focus_close@2x-730552810b7e32f7c25dcc5e6c7a0230.png)
    }
}

.action-button.active.pulse {
    -webkit-animation: pulse 0.6s 0.15s ease-in-out;
    -moz-animation: pulse 0.6s 0.15s ease-in-out;
    animation: pulse 0.6s 0.15s ease-in-out
}

.action-button span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 48px;
    background: center center no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transition-property: opacity top background-color;
    -moz-transition-property: opacity top background-color;
    transition-property: opacity top background-color
}

.action-button .count {
    top: 15px;
    opacity: 0
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

fieldset {
    border: 0px solid transparent
}

.form-group {
    display: block;
    position: relative
}

.form-group .validation span {
    display: block;
    position: relative;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4em
}

.form-group .validation span.hint-group:before,
.form-group .validation span.hint-group:after {
    content: " ";
    display: table
}

.form-group .validation span.hint-group:after {
    clear: both
}

.form-group .validation span.hint-group .hint,
.form-group .validation span.hint-group .hint-optional {
    display: inline-block
}

.form-group .validation span[class*="error-"] {
    display: none
}

.form-group.invalid-value .validation span {
    color: #ff4c4c
}

.form-control {
    display: block;
    position: relative
}

.help-block {
    display: block;
    position: relative
}

.form_heading {
    font-size: 14px;
    color: #0099e5;
    font-weight: normal;
    margin-bottom: 10px
}

.invalid-value .error {
    color: #ff4c4c;
    margin-top: 5px;
    font-size: 12px
}

.valid-value textarea,
.valid-value input {
    border: 1px solid #34bf49
}

.invalid-value textarea,
.invalid-value input {
    border: 1px solid #ff4c4c
}

.with-feedback textarea,
.with-feedback input {
    padding-right: 22.5px
}

.with-feedback textarea+.icon,
.with-feedback input+.icon {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out
}

.with-feedback.valid-value textarea+.icon,
.with-feedback.invalid-value textarea+.icon,
.with-feedback.valid-value input+.icon,
.with-feedback.invalid-value input+.icon {
    opacity: 1;
    background: transparent url(//assetcdn.500px.org/assets/styleguide/forms/validation-feedback-9514b6e5b3105592dca33371c2d7d0d8.svg) left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.with-feedback.valid-value textarea+.icon,
.with-feedback.valid-value input+.icon {
    background-position: 0 0
}

.with-feedback.invalid-value textarea+.icon,
.with-feedback.invalid-value input+.icon {
    background-position: -12px 0
}

input {
    font-size: 14px;
    padding: 8px 10px;
    color: #525558;
    border: 1px solid rgba(185, 193, 199, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
    resize: none;
    line-height: 1.4em
}

input:-moz-placeholder {
    color: #b9c1c7
}

input::-moz-placeholder {
    color: #b9c1c7
}

input:-ms-input-placeholder {
    color: #b9c1c7
}

input::-webkit-input-placeholder {
    color: #b9c1c7
}

input:focus {
    border-color: #0099e5
}

input.checkbox_input {
    display: none
}

input.checkbox_input:checked+.checkbox:before {
    opacity: 1;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards
}

textarea {
    font-size: 14px;
    padding: 8px 10px;
    width: 100%;
    color: #525558;
    border: 1px solid rgba(185, 193, 199, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 1.4em;
    height: auto;
    resize: none;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s
}

textarea:-moz-placeholder {
    color: #b9c1c7
}

textarea::-moz-placeholder {
    color: #b9c1c7
}

textarea:-ms-input-placeholder {
    color: #b9c1c7
}

textarea::-webkit-input-placeholder {
    color: #b9c1c7
}

textarea:focus {
    border-color: #0099e5
}

.select_wrap {
    position: relative;
    height: 34px
}

.select_wrap select,
.select_wrap .ui-selectmenu-text {
    color: #525558;
    border: 1px solid rgba(185, 193, 199, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    width: 100%;
    padding: 6px 30px 6px 10px;
    resize: none;
    -webkit-transition: border-color 0.1s;
    -moz-transition: border-color 0.1s;
    transition: border-color 0.1s;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select_wrap select:focus,
.select_wrap .ui-selectmenu-text:focus {
    border-color: #0099e5
}

.select_wrap select:focus+.arrows,
.select_wrap .ui-selectmenu-text:focus+.arrows {
    border-color: #0099e5
}

.select_wrap select::-ms-expand,
.select_wrap .ui-selectmenu-text::-ms-expand {
    display: none
}

.select_wrap .arrows,
.select_wrap .ui-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    border: 1px solid rgba(185, 193, 199, 0.5);
    border-left: none;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-image: url(//assetcdn.500px.org/assets/styleguide/forms/up_down-012b8403afd3296de7f76d51d6eb3617.png);
    background-repeat: no-repeat;
    -webkit-background-size: 7px 12px;
    background-size: 7px 12px;
    background-position: center center;
    background-color: white;
    -webkit-transition: border-color 0.1s;
    -moz-transition: border-color 0.1s;
    transition: border-color 0.1s;
    pointer-events: none
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
    .select_wrap .arrows,
    .select_wrap .ui-icon {
        background-image: url(//assetcdn.500px.org/assets/styleguide/forms/up_down@2x-e74ccd72ff05e4d7aff0aac3eaf256b2.png)
    }
}

.select_wrap.minimal select,
.select_wrap.minimal .arrows {
    border: none
}

.checkbox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid rgba(185, 193, 199, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    background-color: white
}

.checkbox:before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(//assetcdn.500px.org/assets/styleguide/forms/check-a2892b2d3bc83bc86ef3dc76a4243320.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.checkbox.checked:before {
    opacity: 1;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards
}

.checkbox.multi_values:before {
    opacity: 1;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards;
    background-image: url(//assetcdn.500px.org/assets/styleguide/forms/indeterminate-ffe249efd4b5fdbaa325fae316fcca85.svg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px
}

.filepicker_wrap input[type="file"] {
    display: none
}

.filepicker_wrap .filepicker_label {
    display: inline-block;
    cursor: pointer;
    padding: 8px 10px 8px 25px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    color: #525558;
    border: 1px solid rgba(185, 193, 199, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    background-image: url(//assetcdn.500px.org/assets/styleguide/forms/plus@2x-3e8fe6913c5740a0c434dfc6ed39e945.png);
    -webkit-background-size: 9px;
    background-size: 9px;
    background-position: 10px center;
    background-repeat: no-repeat
}

.tooltip-overlay {
    width: 230px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b9c1c7;
    min-height: 100px;
    padding: 16px 18px;
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    color: #525558;
    line-height: 1.4em
}

.tooltip-overlay h3 {
    margin-bottom: 13px
}

.tooltip-overlay p a {
    color: #0099e5
}

.tooltip-overlay p a:hover {
    color: #00aaff
}

.tooltip-overlay p+* {
    margin-top: 1.4em
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    padding: 5px;
    text-align: center;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tooltip p {
    text-align: center;
    white-space: normal;
    max-width: 250px;
    font-size: 11px;
    color: white;
    line-height: 12px
}

.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.8)
}

.popover {
    position: relative;
    width: 276px;
    z-index: 2010
}

.popover.actors_popover {
    width: 350px
}

.popover .arrow-with-fill,
.popover .arrow-with-fill:after {
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.popover .arrow-with-fill {
    top: -3px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c7ced2;
    border-top: 10px solid transparent;
    margin-left: -10px
}

.popover .arrow-with-fill:after {
    display: inline-block;
    content: " ";
    left: 50%;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-top: 9px solid transparent;
    margin: 0 0 0 -9px;
    z-index: 2111
}

.popover .arrow-with-fill.arrow-pointing-left {
    top: 30px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #c7ced2;
    border-left: 10px solid transparent
}

.popover .arrow-with-fill.arrow-pointing-left:after {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #fff;
    border-left: 9px solid transparent;
    top: 0;
    left: -6px;
    margin: -9px 0 0 0
}

.popover .arrow-with-fill.arrow-pointing-right {
    top: 30px;
    left: auto;
    right: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #c7ced2;
    border-right: 10px solid transparent
}

.popover .arrow-with-fill.arrow-pointing-right:after {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #fff;
    border-right: 9px solid transparent;
    top: 0;
    left: -12px;
    margin: -9px 0 0 0
}

.popover .contain {
    background: #f7f8fa;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2)
}

.popover .header {
    -webkit-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    width: auto;
    background-color: white;
    position: fixed;
    height: 45px;
    line-height: 44px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
    z-index: 2110
}

.popover .header.relative {
    width: 100%;
    position: relative
}

.popover .header h3 {
    display: block;
    float: left;
    color: #71767a;
    margin: 0
}

.popover .header .count {
    color: #525558;
    margin-left: 5px
}

.popover .header .pill {
    margin: 13px 0 0;
    float: right
}

.popover .header .pill.label {
    float: left;
    cursor: default;
    margin-left: 5px
}

.popover .header .pill.label:hover {
    background-color: #b9c1c7
}

.popover .header .close {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    color: #71767a;
    line-height: 16px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.popover .header .close:hover {
    opacity: 0.7
}

.popover .inside {
    height: 100%;
    color: #525558;
    border-right-color: #eeeff2;
    background-color: white;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #c7ced2;
    z-index: 2105;
    position: relative;
    width: 100%;
    overflow: hidden
}

.popover .scroll {
    overflow: auto
}

.popover .list .actors .actor {
    position: relative;
    padding: 0 10px;
    overflow: hidden;
    width: 100%;
    height: 60px
}

.popover .list .actors .actor:hover {
    background-color: #f7f8fa
}

.popover .list .actors .actor.following .follow {
    display: none
}

.popover .list .actors .actor.following .following {
    display: inline-block
}

.popover .list .actors .actor.self .follow {
    display: none
}

.popover .list .actors .actor.self .following {
    display: none
}

.popover .list .actors .actor.self .self {
    display: inline-block
}

.popover .list .actors .actor .left {
    float: left;
    width: 100%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
    font-size: 0
}

.popover .list .actors .actor .right {
    position: absolute;
    right: 10px;
    top: 5px
}

.popover .list .actors .actor .avatar {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: white;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0;
    margin: 10px 10px 0 0;
    cursor: pointer
}

.popover .list .actors .actor .avatar:hover {
    opacity: 0.5
}

.popover .list .actors .actor .actor_info {
    display: inline-block;
    vertical-align: middle;
    max-width: -webkit-calc(100% - 55px);
    max-width: -moz-calc(100% - 55px);
    max-width: calc(100% - 55px);
    margin-top: 5px
}

.popover .list .actors .actor .name {
    float: left;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    color: #525558;
    line-height: 1.4em;
    padding: 0;
    margin-bottom: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.popover .list .actors .actor .name:hover {
    color: #0099e5
}

.popover .list .actors .actor .description {
    float: left;
    clear: both;
    font-size: 12px;
    font-weight: normal;
    color: #71767a;
    line-height: 1.4em
}

.popover .list .actors .actor .following {
    display: none
}

.popover .list .actors .actor .self {
    display: none;
    color: #b9c1c7
}

.popover .list li {
    font-size: 14px;
    font-weight: normal;
    color: #71767a;
    line-height: 48px;
    background-color: #f7f8fa;
    border-top: 1px solid #eeeff2;
    height: 50px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s
}

.popover .list li:hover {
    background-color: #eeeff2
}

.popover .list li:first-child {
    border-top: 0
}

.popover .list li:first-child a:not(.button) {
    -webkit-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px
}

.popover .list li a:not(.button) {
    display: block;
    color: #71767a;
    padding: 0 10px 0 10px;
    height: 100%
}

.popover .list li a:not(.button).active .check {
    opacity: 1;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards
}

.popover .list li a:not(.button) img {
    float: left;
    position: relative;
    top: 10px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.popover .list li a:not(.button) strong {
    float: left;
    font-weight: bold
}

.popover .list li a:not(.button) span {
    font-weight: normal
}

.popover .list li a:not(.button) .check {
    float: right;
    display: block;
    height: 50px;
    width: 16px;
    opacity: 0;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    background: url(../images/check.svg) center center no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px
}

.popover .pill.submit,
.popover .pill.button.following:not(.mini_follow) {
    display: none
}

.popover.selected .pill.submit,
.popover.selected .pill.button.following:not(.mini_follow) {
    display: block
}

.popover.selected .pill.grey {
    display: none
}

.popover .header {
    width: 100%;
    position: relative
}

.popover .inside.scrolled .header {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.067);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.067)
}

.popover .inside .scroll {
    position: relative
}

.popover .info .add_to_set .plus {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0 0 10px;
    color: white;
    background-color: #0099e5;
    text-align: center;
    line-height: 26px;
    font-size: 20px
}

.popover .info .add_to_set input {
    font-size: 14px;
    width: 100%;
    padding: 16px 0 0 0;
    text-indent: 10px;
    border: none;
    background-color: transparent
}

.popover .info .add_to_set input::-webkit-input-placeholder {
    font-weight: normal;
    color: #b2b6b8
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
    z-index: 1050;
    outline: 0
}

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

.modal:after {
    clear: both
}

body.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.modal.modal-backdrop .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.modal.fade {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

.modal.fade.in {
    opacity: 1
}

.modal .modal-dialog {
    position: relative;
    overflow: hidden;
    background: white;
    border: 2px solid #d4d5d6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.4)
}

.modal h3.modal-header-title {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    margin: 0;
    border-bottom: 1px solid #d4d5d6;
    background-color: #f7f8fa;
    line-height: 45px;
    color: #71767a;
    text-transform: uppercase;
    text-align: left
}

.modal .modal-header-close {
    position: relative;
    float: right;
    width: 16px;
    height: 16px;
    margin: 14px 10px;
    font-size: 16px;
    line-height: 0.8em;
    font-weight: bold;
    color: #71767a;
    text-align: center;
    cursor: pointer
}

.modal .modal-controls {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
    padding: 10px;
    border-top: 1px solid #d4d5d6;
    background-color: #f7f8fa
}

.modal+.overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: red
}

body.modal-open {
    height: 100%;
    overflow: hidden
}

.browser {
    display: inline-block;
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.15)
}

.browser.small .titlebar {
    height: 10px
}

.browser.small .titlebar .dot {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 3px 0 0 3px
}

.browser .titlebar {
    height: 16px;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background-color: #d9dee1;
    font-size: 0;
    text-align: left
}

.browser .titlebar .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #71767a;
    margin: 5px 0 0 5px
}

.browser .screenshot {
    background-color: #f7f8fa;
    border: 1px solid #d9dee1;
    border-top: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    line-height: 0;
    overflow: hidden
}

.browser .screenshot img {
    width: 100%;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.avatar-with-info.three-lines {
    border-top: none
}

.avatar-with-info.three-lines .text {
    width: 140px
}

.avatar-with-info.three-lines .text .info {
    width: 140px;
    padding: 1px 0 0 0;
    line-height: 1.3em
}

.avatar-with-info.three-lines .text .info a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.avatar-with-info.three-lines .text .info a.actor {
    font-size: 14px
}

.avatar-with-info.three-lines .text .info a.secondary {
    font-size: 12px;
    color: #525558
}

.avatar-with-info.three-lines .text .info a.tertiary {
    font-size: 12px;
    color: #b9c1c7
}

.avatar-with-info.two-lines {
    border-top: none
}

.avatar-with-info.two-lines .text {
    width: 180px
}

.avatar-with-info.two-lines .text .info {
    width: 180px
}

.avatar-with-info.two-lines .text .info .actor {
    font-size: 14px
}

.avatar-with-info.two-lines .text .info .break {
    margin: 4px 0 0 0;
    display: block
}

.avatar-with-info.two-lines .text .info .members {
    color: #b9c1c7;
    padding: 0 0 0 6px
}

.avatar-with-info.avatar-small.two-lines {
    min-height: 30px
}

.avatar-with-info.avatar-small.two-lines .avatar {
    width: 30px;
    height: 30px
}

.avatar-with-info.avatar-small.two-lines .avatar img {
    width: 30px;
    height: 30px
}

.avatar-with-info.avatar-small.two-lines .text {
    height: 30px;
    line-height: 14px
}

.avatar-with-info.avatar-small.two-lines .text .info .actor {
    font-size: 14px;
    line-height: 14px
}

.avatar-with-info.avatar-small.two-lines .text .info .break {
    font-size: 12px;
    margin: 2px 0 0 0
}

.avatar-with-info {
    min-height: 50px;
    overflow: hidden;
    border-top: 1px solid rgba(34, 34, 34, 0.1)
}

.avatar-with-info:first-child {
    border-top: 0px solid #000
}

.avatar-with-info.unread {
    background-color: #e5f5fc
}

.avatar-with-info.large {
    min-height: 100px
}

.avatar-with-info.large .text {
    height: 100px
}

.avatar-with-info.vertically .text {
    display: table
}

.avatar-with-info.vertically .text .info {
    display: table-cell;
    vertical-align: middle
}

.avatar-with-info .avatar {
    display: block;
    position: relative;
    float: left
}

.avatar-with-info .text {
    display: block;
    position: relative;
    float: left
}

.avatar-with-info .photo,
.avatar-with-info .follow:not(.mini_follow) {
    display: block;
    position: relative;
    float: right
}

.avatar-with-info .avatar,
.avatar-with-info .photo {
    width: 50px;
    height: 50px;
    margin: 10px
}

.avatar-with-info .avatar img,
.avatar-with-info .photo img {
    width: 50px;
    height: 50px
}

.avatar-with-info .follow:not(.mini_follow) {
    min-width: 50px;
    height: 24px;
    line-height: 24px;
    margin: 23px 10px
}

.avatar-with-info .text {
    width: 200px;
    height: 50px;
    margin: 10px 0
}

.avatar-with-info .text.full {
    width: 100%;
    padding: 10px 20px
}

.avatar-with-info .text {
    font-size: 13px;
    line-height: 16px
}

.avatar-with-info .follow:not(.mini_follow) {
    padding: 0 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #0099e5;
    color: white;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.avatar-with-info .follow:not(.mini_follow):hover {
    background-color: #00aaff
}

.avatar-with-info .avatar img,
.avatar-with-info .photo img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.15s all;
    -moz-transition: 0.15s all;
    transition: 0.15s all
}

.avatar-with-info .avatar.number,
.avatar-with-info .photo.number {
    overflow: hidden;
    line-height: 48px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: #0099e5;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.avatar-with-info .avatar.number:hover,
.avatar-with-info .photo.number:hover {
    background-color: #00aaff
}

.avatar-with-info .text .info {
    clear: both
}

.avatar-with-info .text .info h3 {
    padding: 0 20px 20px;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3em
}

.avatar-with-info .text .info p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 1.3em
}

.avatar-with-info .text a.target,
.avatar-with-info .text a.actor {
    color: #525558;
    font-weight: bold
}

.avatar-with-info .text a.target:hover,
.avatar-with-info .text a.actor:hover {
    color: #00aaff
}

.avatar-with-info .text .timestamp {
    display: block;
    font-size: 12px;
    color: #71767a
}

.avatar-with-info .avatar,
.avatar-with-info .photo {
    opacity: 1;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out
}

.avatar-with-info .avatar:hover,
.avatar-with-info .photo:hover {
    opacity: 0.9
}

.avatar-with-info .avatar.number .count,
.avatar-with-info .photo.number .count {
    position: relative;
    display: block;
    top: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.avatar-with-info .avatar.number .expand,
.avatar-with-info .photo.number .expand {
    position: relative;
    display: block;
    top: -32px;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.avatar-with-info .avatar.number .expand .plus:before,
.avatar-with-info .photo.number .expand .plus:before {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    -moz-transition: -moz-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out
}

.avatar-with-info .avatar.number.open .expand .plus:before,
.avatar-with-info .photo.number.open .expand .plus:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.avatar-with-info .avatar.number:hover .count,
.avatar-with-info .photo.number:hover .count {
    top: -15px;
    opacity: 0
}

.avatar-with-info .avatar.number:hover .expand,
.avatar-with-info .photo.number:hover .expand {
    top: -50px;
    opacity: 1
}

.avatar-with-info.following .follow {
    display: none
}

.avatar-with-info.following .following {
    display: inline-block
}

.avatar-with-info.self .follow {
    display: none
}

.avatar-with-info.self .following {
    display: none
}

.avatar-with-info.self .self {
    display: inline-block
}

.avatar-with-info .following {
    display: none
}

.avatar-with-info .self {
    display: none;
    color: #b9c1c7
}

.subnav {
    width: 100%;
    height: 60px;
    background-color: #f7f8fa;
    border-bottom: 1px solid #eeeff2
}

.subnav .subnav_wrapper {
    width: 1180px;
    margin: 0 auto
}

.subnav .subnav_wrapper ul li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    line-height: 60px;
    max-height: 60px;
    display: inline-block
}

.subnav .subnav_wrapper ul li a {
    color: #71767a;
    position: relative;
    font-size: 24px;
    font-weight: normal
}

.subnav .subnav_wrapper ul li a.active {
    color: #525558;
    font-weight: bold
}

.subnav .subnav_wrapper ul li a:before {
    position: absolute;
    display: block;
    top: 0px;
    left: -6px;
    padding: 2px 6px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s
}

.subnav .subnav_wrapper ul li a:hover:before {
    background-color: rgba(82, 85, 88, 0.075)
}

.subnav .subnav_wrapper ul li:last-of-type a {
    margin: 0
}

.photo_thumbnail {
    position: relative;
    overflow: hidden
}

.photo_thumbnail .photo_link {
    display: block;
    width: 100%;
    height: 100%
}

.photo_thumbnail .nsfw_placeholder_content {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #222222;
    text-align: center;
    padding: 0 10px
}

.photo_thumbnail .nsfw_placeholder_content span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: white
}

.photo_thumbnail.nsfw_placeholder .nsfw_placeholder_content {
    display: table
}

.photo_thumbnail.nsfw_placeholder img {
    display: none
}

.photo_thumbnail.two_lines .info {
    min-height: 55px
}

.photo_thumbnail:hover .buttons {
    opacity: 1;
    top: 10px
}

.photo_thumbnail:hover .info {
    opacity: 1
}

.photo_thumbnail:hover .credits,
.photo_thumbnail:hover .right {
    opacity: 1;
    bottom: 10px;
    -webkit-transition: bottom 0.2s;
    -moz-transition: bottom 0.2s;
    transition: bottom 0.2s
}

.photo_thumbnail .photo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.photo_thumbnail .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    min-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.photo_thumbnail .credits {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 50px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-align: left;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6)
}

.photo_thumbnail .credits.no_fav {
    right: 10px
}

.photo_thumbnail .credits.no_avatar .photo_info_wrap {
    max-width: 100%;
    margin-left: 0
}

.photo_thumbnail .credits .avatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    pointer-events: auto
}

.photo_thumbnail .credits .avatar:hover {
    opacity: 0.8
}

.photo_thumbnail .credits .photo_info_wrap {
    position: relative;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.photo_thumbnail .credits .photo_info_wrap .timestamp {
    display: block;
    font-size: 12px;
    margin-top: 1px;
    cursor: default;
    pointer-events: none
}

.photo_thumbnail .credits .photographer_wrap {
    position: relative
}

.photo_thumbnail .credits .photographer,
.photo_thumbnail .credits .photo_title {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    font-weight: bold;
    font-weight: 500;
    color: white;
    position: relative;
    position: static;
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.photo_thumbnail .credits .photographer:before,
.photo_thumbnail .credits .photo_title:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    width: 100%;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -3px;
    display: block;
    background-color: rgba(255, 255, 255, 0);
    z-index: 1;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s
}

.photo_thumbnail .credits .photographer:hover:before,
.photo_thumbnail .credits .photo_title:hover:before {
    background-color: rgba(255, 255, 255, 0.15)
}

.photo_thumbnail .right {
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.photo_thumbnail .right .button {
    pointer-events: auto
}

.px_card {
    position: relative;
    width: 280px;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.px_card:hover {
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08)
}

.px_card.small {
    width: 280px;
    margin: 0 10px 20px 10px
}

.px_card.medium {
    width: 360px;
    margin: 0 25px 50px 25px
}

.px_card.medium .top {
    height: 240px
}

.px_card.medium .bottom {
    height: 110px;
    padding-top: 35px
}

.px_card.no_badge.no_avatar .bottom {
    height: 90px;
    padding-top: 15px
}

.px_card.no_badge .top {
    height: 240px
}

.px_card.no_badge .bottom {
    height: 110px;
    padding-top: 10px
}

.px_card.no_badge .name {
    font-size: 20px;
    line-height: 1.4em
}

.px_card.no_badge .description {
    margin-bottom: 8px
}

.px_card.no_badge .avatar_wrap {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.px_card.no_badge .avatar,
.px_card.no_badge .avatar_background {
    display: block;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    bottom: auto;
    left: auto;
    margin-left: auto
}

.px_card.nsfw_placeholder .nsfw_placeholder_content {
    display: table
}

.px_card.nsfw_placeholder img {
    display: none
}

.px_card .nsfw_placeholder_content {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #222222;
    text-align: center;
    padding: 0 10px
}

.px_card .nsfw_placeholder_content span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: white
}

.px_card .link_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100
}

.px_card .top {
    position: relative;
    width: 100%;
    height: 130px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #eeeff2;
    border-bottom: none;
    border-top: none
}

.px_card .avatar {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    z-index: 150;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.px_card .avatar:hover {
    opacity: 0.7
}

.px_card .avatar_background {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    background-color: white
}

.px_card .bottom {
    width: 100%;
    height: 150px;
    text-align: center;
    padding-top: 35px;
    border: 1px solid #eeeff2;
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.px_card .name,
.px_card .followers,
.px_card .description {
    line-height: 1.4em
}

.px_card .button {
    position: relative;
    z-index: 150
}

.px_card .name {
    color: #525558;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 150;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.px_card .name:hover {
    color: #0099e5
}

.px_card .followers,
.px_card .description {
    color: #b9c1c7;
    font-size: 14px;
    display: block;
    margin: 0 auto 15px auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px)
}

.px_card .followers a,
.px_card .description a {
    color: #525558;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 150
}

.px_card .followers a:hover,
.px_card .description a:hover {
    color: #00aaff
}

.infinite_scroll_container .infinite_scroll_loader,
.infinite_scroll_container .infinite_scroll_warning {
    display: block;
    clear: both;
    height: 40px;
    margin: 10px;
    background-color: #eeeff2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #71767a;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px
}

.infinite_scroll_container .infinite_scroll_loader a,
.infinite_scroll_container .infinite_scroll_warning a {
    color: #0099e5;
    text-decoration: none
}

.infinite_scroll_container .infinite_scroll_loader a:hover,
.infinite_scroll_container .infinite_scroll_warning a:hover {
    color: #00aaff
}

.infinite_scroll_container .infinite_scroll_loader .loading,
.infinite_scroll_container .infinite_scroll_warning .loading {
    display: inline-block;
    margin: 12px 0px;
    width: 32px;
    height: 16px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAPACAYAAABU1nvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNjI2N0ZFOThFMjE2ODExODIyQTk2NDZFMjJDMzI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkRDMjIwNEU3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkRDMjIwM0U3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz6doOLOAAAjTElEQVR42uydCXwV1b3Hb%2B5NgORmNwuBhDWIIAQChDVAAigioBaxrUutvvfUVv1Un7UVfa64a7W2lVrt9qpWqyyK%2BqBhMQECgZCARgiILGYhZA9kM5jt%2Ff7hDD05zF2SO3PGwpnPZz6EuTPnf%2Bac%2F%2FKd%2F5k5x6%2Bzs9Oms4Vgd2IPwN6BvQn7Key6J%2BtsduyhrAz6u5WV0SCe6CdUIAx7Ava%2BOoW2YT%2BBvdKD8Bjscdj9dX47jb2E3cw5FYjFPpCOeRDQiP0ouyt%2Bo9Yahj3Yw%2FUk8Dj2Cr4C1FyJXgjXNhL%2BFfZv2P%2BD2PUBXl5PQg9jr9cqMBp7IHcC9XstE9APeyR2h1BIOyvExoTr%2FV7Dmj2QlWHnfqeyC6kCVPtRQu0Osabmm3cw0xGbUFGbULCN9XGR0E3UNRcLrXyAKkB9H88dpDs%2F5qLp4pmu2Hbu3Dmvtrb2XhIeGxv71MSJE3ewc6hvS11cP5S1hLaV2nX6rclN31HBpdu3b19aXV39bEdHR3%2FsMRUVFQ%2Fxv7u5Xiw7wN%2FWw23jxo13nT59epmO3fdq82f2zW%2BBrk7etGnTCgi%2FU7QIdMEzXBcFuGkFp3itXVA22iKY5ndrquzs7HtaWlpE4d%2FExcXdi%2F7P5o7FujDJYFY2vzX4s375FnsfdpDM6RJmQi2aCbW2to7r5kL9%2FJr69u17LYRv1zFDspZLdczQTzDDZjszuzKhZg7mUgdhj6b%2FDxgwYL3WWna7vRLC52HLYMcO6XhGrQxy7VGCnnRq3cS74gR2gcutsrIyoqioKD4gIODD8ePHnzTSFWsb1XSAC5dqejA6e4wLx%2F5mh2O7iybq7IEwnzbFA4oHFA8oHvCaBxD9%2FDIyMlZ8%2B%2B23PzWSB0gHSDlGCtp7kIXiri0rKyseLPBWW1tbmg4P3I%2F%2B3%2BWLEtKBMRwP8CbUkpeXNw19%2FBbOC9XjAYTk7b6YoT%2FHA0N0YrkNmn6fjvBqCF8M4TvZoUM6jsjhJryf5QGtRjWufDzg41Q3ynA49gQGBk7ihNPWTM2pg3fuXHG9VzyA5g8vKCh4sL29vb%2B%2Fv%2F%2FbdXV1L1533XXtigcUDygeUDygeEA6DzzxxBP2adOmvQYeuN0qHngHPDBTGg%2Bcwpafn59GEIK7Xsps3XAe0PzARQIP2IBfv25tbZ3pAs8qEJKvmjNnTq6vjkiXBxoaGvq5Eo6QvAd3PpkT7hMP8E1SovVbSEhIC8DjS%2BGuT0Lwo6jcZDR7sQv3%2FCUrp82FcOqOI1occMsDBw8eHFxaWnorfg8AFe0KCgpaDSv4xux0vRovUDygeEDxgOIBXR7YunVrQnNz89%2Bl8AAYYEZNTc0i%2FEkB5wh%2BH4XIeK0UHjh27NiA%2Ffv3r3HhRt3lB4zhgZMnTw70JJx4wMj8QDceiI6O%2FhgcUOjirs%2FyAGCkyDQegA4E1NfXL0a%2FT6PhGghuRKV24a5XKR5QPKB4QPGA4gFTeSA7O%2Fv7cMG34DGsGD7%2FlvT09P3SeABh%2BDKE4X9qP1KsR9RbjX8Pms0DXeMFVVVVtXzNINQJoTf3gAd8Gy%2BYPHlyXp8%2Bfd7wSmkM5oFuwWjz5s0%2Fa2lpeRjHovV4AJV8GdDyjKnjBevXr%2B%2BLu7wSAqe1t7dHQymbiAeghKsXLVrUrHhA8YDigfOTB7755ps%2BBQUF4%2BFkgqXzQHFxcdi%2BffveR0HxJSUl9TExMQtSUlIqZfGA%2FciRI7NJOAtCoWjWe1zxwIYNG16H8Ec88EC8G3m67xN%2B3c3btLVdhZiQwh8jHpgyZUqWDoz4%2FD6hX2Zmpj%2F8%2FHHqS75gBJ7ViAMHEQ9Gmp4f2LRp092Igr%2Fztt%2BMzA%2BcdcUZGRl%2FcwchPA%2BgdZboPKL7%2Fj4h%2Bv4%2BxgMRlvIAtqvQ91PwW5SWH1A8oHjAVB7AQ8nimpqaOZGRkXvGjBlTKJUH4GaT8Ei2CxUhQe0JCQm3jRs3bqUsHvCHf7%2BaCe96msFTUjL%2B%2FatOkx%2F2kQfohuoEHgixw94Hdruljo4aqTyAu3cIHq9Van6ABqKFFkiSmR%2Bww81mdzvS2ko8kCSNB%2FLy8gLQh8XUn7zCBAQErETrfCVlvAB3fBfA9FVLeQC8979o4h9%2FF3jgIRy7yDIeyMrK6odjV9J4AfGAlh9Q4wWm8wDI%2BL%2FR7LdByY4lJye%2FEBUV1SiNByB8CZRvlRapgoKC3oaWvyKDB%2Bz0yjbM7wU%2BTMIpheOfatZcVcypiHc7kt2tFmYDdBxRJSujmgvdNiar6xHOH8FlNu5%2BOF87aP1zLJ5r2wkdHiDPN6IHPFAj8AB5xyCKhumCo1mfnp6%2BXRoPoLkHdLMfuz3H0vECqESH4gHFA4oHLigeOKeWeDJq7d%2B%2F%2F9ejR4%2FeC%2FNq43igxWbCJnbBD%2BFkXoBFJKDJay6%2B%2BOLbR4wYUWQmD5w1Cyjhk7CEd0k4S1peVFJScq3QWgksCuppuxYhE2yuX4Qh0BmuxZOzFcCdL4UFPCyeDaU7oVNIMMuu8%2Bl9LeMe7E2rs0RI16dDXTyAZn9RdCKw8z9NmDDhZbN5wA93P6e5uXkzz34gInppeb2U%2FAAez9MER7NBEG46DwwUKpArmwe6xX9ov8oPKB5QPHBh8cA59rtlyxYKuy2443atvy%2B99NIMCJfLA%2FxJ%2Ffr1WwOFW242DzwOS3hHFE4blHOsqTxA%2BQEIedTVeIHT6dxoFg%2FQf%2Fw%2B%2BeSTQ%2BiKRN4hQuPX0Ce%2BCM3H0P9fmTZekJmZmdrY2LiN5wH0%2BSI2yYmU8YJ53ToyIOCfgnBzecB25kNn3uHskj1e4KfyA4oHFA8oHnDHA6gE9LOjHXfeYRkPsC6oRSs8gL7%2FkynjBcQD7kKyhgbjx4%2BfGR8fv9eo8QKveIBPGTB7NjY%2FAIV7XhBOPPAemvwh%2FPsmU55OsMFbuPsqQ%2FMDuPuZcEJb3fFAaWlpIOo5cuDAgQ4z8gNzPfEA7prM7zPFA4oHFA8oHrggeYBqd5pyh7j7Nst5AIr3XF1d3cumdIGXPNCVykVUXDpr1qwSw5RQfH%2FAYwfb7SfggCYlJyeX%2BWqGDjQtRbO1tjPfHvM8sAr7OxBWii4ZYeMmSkGlQ%2FBbRUJCQgE7PkKnydsZB9QyJezH3aAfq3SVf2pq6gw4oUSBBxbzIRmu%2BJGmpqa3EbpnaaAaFRV11GbA%2BwN2b3iA%2Bjs3Nzfd6XT%2BEpX7EHxwd01NTeK6M9s%2F8%2FPzp3OnV7DmbXXBA%2FwW4u8tDzz22GMUpmloJxY8cC%2Bs4QHtbhgPLGJRsMIDD0QqHlA8oHhA8UBP8wN%2BUNAA2L7DUh4gy0AXvJKTk%2FMEvGKbZTyALvkcPHBNWlra15bxALqnir5DMcIM3fIAnNHfccdFjAf41zydbW1tPywuLt4zbNiwCl94wKv8wKeffjoQ3UOffs8WvWFSUtISgElNb%2FMDXvEAnM7xXbt2zUGrvN6tHTs7nQUFBW%2F7wgNe5weIBy6%2F%2FPKfoO%2BfFCoR7Ut%2BwN5THnDjeBQPKB5QPHCe8oDZW0%2FyA%2BZ2QQ%2FyA8YrYS94wDgztLl5fwCCCtAdl5jqiLzhAVdTwaASLf379%2F%2B5L1PBeJ0fAA%2BkoVX%2BKITifidOnHgF7nyWLB64XeQBqjNiyQOW8gCNO8nigT%2FAVG8TY3pMTMyzsnjgNj0emDRp0jbFA4oHFA8oHvj35oF169YdQlRUPOAND7yhxwM7d%2B6cL4sH7tDjgerq6qeys7OvszI%2F4AfzfACVmGVFfoAP5TRqkiM1P8D2roGssLCwHdJ5ADu9bX1jRETEPjaFiOIBxQOKBxQPKB6QzwP47XJLeaCqquppesfQUh6oq6tbRu8W9HigoSc84GJ%2Bwn8ZOX7DOSvcyDOWB0gJaeeP4Zw7QUZ3ecsD%2FuHh4ZtR83KOBwJhFdszMjK84gF256tpAOusGbW10XoIXq13bAgP4PppcGQf0Iyf%2BK1u9OjRtwwdOvS4VB7Iz8%2Bnb5AWDh8%2B%2FDhatVHxgOIBxQOKBxQPXNA88Hs3Axjnrl8AJbwCSsjPOfEN3O7UuXPnFnijhJouCL4iC%2FpyE7174kkJfc4P6PEA%2B%2F1UbGzsDZMmTcozPT%2Fw6aefTsf1ayl48eehFTZCcR9054i6aoTmXoGT%2F%2BZVUkln%2FQI09Q46Rh9K8%2Bfi%2F7VuXHH39YxQ01tQyM9pEhwXd%2B12PSM61tjYOBlO7EFUsgDnroODek0nGLlfz0jxgOIBxQOKBxQPGMADr9O5VvPANijyDWlpaaWW8QA9%2B6MMejU4c8aMGVtxbphpPJCZmTkFLbSWrQhyzgbr2QQFXmYaD6Snp%2B%2BiNZARNXe70I05aEW7qTxAayBfeeWVU3DO%2F9C5gm%2FZh71DGg%2Fk5%2BcHIWougV5NIUUdMmTIXxMTE0ts3sxPSDwAz9fFAy7mMva4wTWTdXxC6sEBieIBxQOKBxQPXGA8EBQUdKPwbbI1PIBY8iXKprGDQZGRkR%2BmpKRkScsP6GxtSUlJ3xs0aFCZKfkB%2Bs3T5YglsablB%2Bg3OkfkAa7yu4cOHfqh6TwAS3BC2BJaEwn970SFytHCiPRbNrDvl83lAbQmVfRjUg8%2BQQFK7lA8oHhA8YDiAct5gFaTtIQH0DpzYU1vUdh3Op3v4IH219J4AIqejJ0W7zrrJ4YPH75w1KhR62TzwFkfERUVNXbq1KkHZPNAV4%2FBzzxOwqXzAH3FDd34ASr%2FlEweCEIZ5Sgja9u2bZss5QG0kuIBxQOKB6znga%2B%2B%2BmpwTk7OQlSc3HbP5yPywAOtl1122aOuToLg5JqamncpfVxbW3sqMTFxnlQeqK%2Bvp7WU%2B7DuCystLZ1uxvuEt9O5dA1%2FHBFzMcq%2BTNChAhk8cBhlT2BfX%2FhzgenowoULE63igU5Q0VJQ0RrD3idEJQbj%2BjXwFRM8lYHKL4eyPmYFD5RCxg814VJ4AGUEY68gUM3Ozl5nKQ8A%2FRQPfPd4oGs%2Bori4uLXCm7Rd8xHhbt%2BFEpax%2BYj4woOgYNcXFxfn93Q%2Boj179kxCQFoIi7HFxMQckMoDEH5jWVnZa6ylvw0ODp4ilQcQMcdy3dwHOnetVB7AzVYJhwZIzQ%2FolN0ulQdQ9mThUJk0HoCyz0fZV%2FDHaFRdSn4AvyWhYkt4U8b1hxctWnSxZTwAU1%2BK6y3hgU5cvxwW9bgVPFACGTdowqWNF6AM4gHo5dYN4sx%2BUnkADNh24fIATD38888%2FfwjdkoDr%2FwA6elkqD6B1l8FUl4pmqK1vqLt%2BAb0RA2fyFjkVIQpG4ZpN5N1sXq5fgDvnW6ZrjWWS7RMP2M5MBXO%2FNzwA5Z4JM93C3yjkpPvEA5T58JYHZs%2BevY3WUhZaMl0qD4hrKdNay7J5QJTVqXhA8YDigQuDB0pKSvrgOTJi9OjRndJ54NChQ4l4GH2d8oLUBeiiXyIU%2F%2BNst3DN5nJ9Q%2Ba3w1G55SEhIbmkcDqn6K5viLu%2FjoQzR5RAayrDYy7vVoEerGdE3xRPQCF5uGYq%2F7huc7GeEfq%2BTM9j0hrL2tCty%2FWMjOCBsWPHvoCy%2FmIT1kymNZal8kBmZuaVTU1Na%2FnuCQoKmiuNB0DE62gtZeFxPU0qD9CLTEJ0HCiVByCrXZCl8gOKBxQPWM8DpnxvSDwwZsyYDRBc61GfzOIBmN3TeOJeKHaBNB6AQibpOCLigXdIluk8gEi3wVWrkyySaWMCTXt%2FYMeOHZcgBA9G6yW7dESyxgvIFUMnPuF5IDg4eKa08QIqk8oW4sY82fmBXEvHC3QrpXhA8YDigfOSB9DE7bRGMs3cKZ0H8Ax4O%2BLGsyg3Uq8LRB4wdLygqKgo5YsvvtjiYrDCtRIaxQP4LcaD8HN4wND8wPDhw0nLV7Mua8C1b7I1k98TomPXGIXP%2BQFXPFBSUkJF72fLFMvngYSEhDxeuOIBxQOKBxQPXHg8AC%2FYSmsk284M13dK44GVK1c6IiIi7oMuLEMZcnmA7B5PwqvR7Ck9UUJD3h%2FYvXt3QmVl5W5X04C4M0Nv3ycUxwO6vU8IEroDfuAq0VGhjHexv48y6P2BkVwOwQ%2F%2Fnzhy5MhXDeEBWMipo0ePvq0dh9VsdTqdN%2FGfehnFA7rrGcH%2BB8XExPwcFf%2B%2FoKCgB2ltZHFNbFc80NP1jm9HyC0XImIXD0D7n4eQ%2FyQggYK644FFigcUDygeUDxgOg%2FADdvRFX1EH2M6D8D%2B%2FdFKFNbvsemMpJvKA%2Bi6IWQJaPYk6TzApg3%2FqDdm6PP3BQjDiRBO74uEC5VsQCXfIoeGMmpM4wGWiAoSumkLbuBGfqpY0%2FIDonBaE5nWRhbmqTWMB%2B5AyK1wFREpd0Cf%2B0HBpPNArzfFA4oHFA%2BcnzzQowcKo%2FMD4eHhD0EX7qPhfqk80FslNIQHfDJDm4%2FvD%2FjsiHzlAS4s8910zlQwpvGAKJzOoXPNyg8oHnjDah64TfGA4gHFA4oHFA8oHlA84E3uz9T8AJrtYSN5wKv5CWFmAyGYlHC2qOmUZfNFCd3yADOhETDD7%2BPfEEF4I9myVTxQBYW7yhIeQGQsQBddnZaW9rVUHqAmx4VP5%2BbmThSFCzzwmKE8gMKacWE%2BFOt9CG6UzgNd3wbb7a24M1P4QPGA4gHFA%2F9%2BPAABKyIiIp6zeXg%2FyBQegLYvQ1%2F%2BGU1ZFRUVRVzQ2hMeIM%2FYKx5g7wi9jQJmaceGDRt2E64LKy8vf8k0HkDrHMLfXfkB0cwiIyMfnj59%2Bm9Q8AwreKAcXZAyZcqUUl8dUY%2FnK6Y1i0JCQiZrwlko7tF8xeSKSXhP8wO1qPUvGxsbp4k2bnZ%2BoBb7bkS51RMnTmy1Ij%2FQF38HQIn8bSZsigcUDygeUDzgNQ%2BwLZ72GTNmrOoND%2FR6vKC0tDSwpKRkEv48%2B9ru1KlTM%2BLi4u41e7xA44HvUX6APuGBF3tWAxzsh6XzwJgxY64ZMmTIMfz5le3M3ONSeaCNkhP494AmXCoPOJ3OuwYPHrzDprNan2H5gZycnEB4rAVcfqABF%2B7E%2F1cvWLDgtOk8gItbhfwArrdTmLUrHlA8oHhA8cCFywNMexOl8wAqdwABqHTatGkU%2FfSWCfHIA7CIg1D0cT7xAMzlz2lpaa%2FxDSWVB%2BADeLVulM4DuIDyRRRGyba%2F9MADxuUH8N9o6EHx2LFjV8TExFR6a3qG5Qc66b3tjo7Iffv2XQ5Q6ad4QPGA4oHzlgfEIOOQygO06prQrKOl8oA4jTM0fjHMaoI0HsjMzPRvamoqw51H84MW6M83cKfPQ5tJeKSpPIBC7oaJ%2FE5sstDQ0N9Cm9%2FUaU1jeQB%2FvEqTlohnodZDdC42hwfmz5%2F%2FYzQ7zwM0Ceoa3kFJ4YH169f3RfOkJiQklCcmJtKqzGT%2FtD7pKTN44JwxgNzc3Hb0e99jx4796MiRI7G9eaFR8YDiAcUD%2F148ID4bqPwA5QfweHaJ1PxAeXl5MZSpP9eXH6OpaToHKjzQTB6w04A0zO5JUbttZ6Z8HUQPqDrCW1lUbCTtRpy4nJyTcE4Q7vhmmPgzEP4DW%2Ffvljtxkw%2FQs6eWH%2Fg9DqygFqQlgYcOHfq6Gz0wlAfEcEx3G2fTXxKGwugJ25nVWWyGByPeErHT%2B6NO5rXk8gBMyAEvlgq3OwsXKx5QPKB44ALgAQj0tzQ%2FgL1cOBYrlQegMBlCZpyW%2FegnjQdoyAZKc9%2BpU6eugLv9bObMmf%2Bw%2FWvJcNN5QPOENAfJkB50nWH5AT4WJDAI8bQRDxwV%2B98nV8xtUcwsL2we8EtNTZ3F3G6MbB74ATT6V6h1vHQegIt9AsIf9VRjU3ggMzNzSVNTkyU80DUfUUxMzMfCFM9tcCIfYX%2BHVur2Yj6iT3SanBzRu9jfhw65np8QTZ%2BGAjJ54Yjl1MQfS%2BEBbJMEHtjECzebB%2BzR0dG5XEBpdzqdK1zxgIv5irvxAJ0jrm0u8AC%2FDfAfO3bsUdT65oqKihkwob1JSUm5nnhg%2B%2FbtAXV1dQ94q7Se%2FAA9FQ%2FkjtFDZpEbHugKyTt37pxfXV39uOi2qQtycnJ%2BqtcKGRkZHyMkL%2BLOfYIqQBOYjRTC7EEWinkeoLVLwvgC8%2FPzp%2Fj8fQF7hWMMVUiohOIBxQPW8QDAdCqtukYvtuDiZpk8sJTxwGDpPABzehh2utyS%2FEB2dvY4uNY9FJpl80CXDoSEhFyCprVzAlrR72ux79XLD3DrF%2FQ2P6CtX%2FABtUDX6gvggqdxcD7dHWp3Pfppkwwe8GPTPHdBaGVlZURYWNjXaN7DOtZhhxW8Js5PJ269CUbxwhNxiTtnQwtkesoPuLn2EVqYi6vAH3v8rrAZ%2BQFxMfRAmfkBxQOKBxQP%2BOvchR0mNg0eK42QXWp%2BAA8nMXv37t2AfhwnnQfIHefl5V0Pu%2F61TB7QPFYoPR3BMVR46me99YyYGeZ5Ibzrprutb8haYLTmgnfs2LG4oaFhAf48gibbZ%2Fp4gcYDfBNhP8Ts3fz8ADM5fqvjhZudH1A8oHhA8YDige8eDzAhnYWFhbHHjx%2B%2F9UzF7bug1atN5wFmZqQLfdevX78KdzBEKg%2BwhKUfwCRs9%2B7dm13xAPbvQYOLDecBLTkRGxt7Cja8yxUPwO5p0eXJpvCA5jXr6%2Bsb9%2BzZMwsn036d6KK95QFvHJHiAcUDigcUDygesJQH7K54wCg77zUPaAdKS0uj9%2B%2Ff%2Fz%2B4myj6LrWuru5F03lAaM5nUeBl2v8dDsceFGJOfkBvsAJ92C1YoSXMzQ9ocrHXkp3n5OTMqKmp%2BZsYNaXmB7KysuLhRt%2FCHaZZwgNpaWmlCxYsmIO%2Be81oHvDXcTpNuppzpq%2FuREyvNvr7AsUDigcUDyge%2BG7zgMwuiHUVkjk4iTl%2B%2FHhCa2vrytTU1DojlZB4INGd8MLCwlFHjx6lxXb74U4qUcjVhr0%2FwFysnx4P2M68ZR0Jj7eA%2FU0uNcbw9wfc8QBdmJ2d%2FbOTJ0%2F%2ByhIeIKeDPn%2FJDB6we8sDtEFx7jT6fULFA4oHFA8oHlA80CMeMFMJPfKAWWboNQ%2FwjojGERobG2%2BDM%2FkrnFC0FB7QXHFubu68ysrK56TzALld7BUNDQ0plvEAcanD4fjQUh5IS0vbCFN73lIeAJ6tBA88onhA8YDiAcUDigcs4wFmJSNtvZ84vfc8YLQr7jEPaAcAJnNOnDjxirTxAo0HWGXiq6qqlonXShkvELrKGh6gP6Kjo59RPKB4QPGA4gHFA4oHLOWBvLy8mZbyQGVl5YNW80CHpTwQGxv7DFvXRuSBP0jjgaKiopgvvviCpg8JEpRwS0hIyA0zZswok8IDbE6z4G4u1s%2BvAQr5Hv49gjsfbyoPbN68eRoqsVaYdFkuD2RlZQ0hb4gImNQTV8wrC9ltkU1nLmIuGLmcr5jWQKa1kGlNZB0%2FcjYYeZyv2AgegCMKPXXqFL0OPoE8rXQegPB2CPyW1kpWPKB4QPHAd54HfFm7lOeBzoiIiOcR%2FVZI5QF6m4bWP4iKinrQ4XA0ggXeRmB6SBoPaK1QUFAwobi4%2BE%2FaQVRmq9PpvMkbJfRnff4txwNkbpd4ywP0R0NDwzXdfmhvn4VjB9Aiq1CZL7n8gD%2FPA%2Bnp6dv9mdmVCTzg8BCauzkiFPYX7HewGT3OKAX8AoT%2B2JUj6jZfMbvbSi%2F15pz5iqdPn16EJp9EayF74wXdzVfsc34A1nAf7nwZrQJkWX6gsLCwD5zUElQiBXsEWYtUHigtLQ2gNZJZWPdTPKB4QPGA4gEpPEDvGPK%2FS%2BUB0aMWFRVBFfp8HhcX1yyFB5gPcbA88VNQrisoPwBr%2BEAYLzCHB5jZJh46dGgUCWc8EELrF2B3ywP%2BHA8E%2BZAfoKY%2BADMLZy3jsIQHmFv%2BCdzy08LMr3J5gNZIRFAiHphKXSE9PwA9cNAayd5Mtqd4QPGA4gHFA%2BcnDzC33S3vbNp4gcgD%2FO%2Fbt2%2B%2FtLm5OR4ykl2NFxjKA7yAzMzM%2B5uamm6Ukh%2FQeIA3X3jGy7zhAcPGC2z%2FWuWJzmmDMyqwbLyAZAFMY4Fod0PzB%2FRqPiJfeABgGgiB83SsRvGA4gHFAxc4D6DPuwUsWmtZKg%2FARFOEFjkujQcQHa9EdFzLKyEUda6pPEBllJWV2fbv30%2BLtNzMn4O7%2F3rhwoXDTOMBrYzDhw%2F%2FF4TfKhYAhf2FqTzAmVq8jvAnEQ9WmcoD2sG4uLiVWsUYD1zPTx1mGg%2Bw%2BEJl2I8ePRoIXYiA48oTZ%2FIxkwcWiy80FhYW%2BikeUDygeODC5oFOweYpEErlAQgUeaBMJg%2FMAA9k8UoIU0w3fLyA86iXsjJOUxmtra2P8cIdDsdh6MsW03mAa24%2BfHfCIrryA4a9T8iED7MJb1aejfUlJVEHDhx4BK46HtbyO8SDl0wZL2A3Eeci0p5mvHBKKg%2Bw1qIyGjyFY23TKhBgM%2FkDB8UDigcUD1xw%2BQExajpk80B%2Fy8YLSOegtLdCb36rOTYo6hTT8wMaD7Ay7KhEan19fTI8ZkZycvK7hnxfYDsz9J%2FoIoraXDx%2FUuXrpfGAIPy4ZtKKB0znAbIy7MQD27Kzs9eJk6TI5oFSeMv7wQPvWckD5LKXw2U%2FZikPOJ3Openp6VJ44DC4cAJb1U%2BT54cKvyiVB9BKi5ubm9eIj2bSeIDWUEaLbOwWCh2OZKk8AAJ6ta6ujkZU%2FWnKaUTRnVJ5AL%2Fn4fHsR7W1teMGDBiQM3To0JJer3eM%2Fp9eUVFBcxR2REZGvjJ16lRtTcwK1lJ621Cm0GdbVCoPYL9YsLYD0nmA%2B51MvFDxgOIBGfkB%2BuCxHF4va9u2bZus5oEixgOrLM0PIAg9imfFpyzjAZzXcdFFF42bPn36Pin5AehCMvarcU6A9owYGho6An92VSBIeB7sZHfHh%2BQTOq7YgXhwM4R7xQMbN26cCyh5hyZbDgwM%2FGDMmDG0JFVQt%2FWO2UZ3fsxTMCIeAIy8IPoMd%2Bsdk6Oqrq5OQBhu5INRj9YzYufGr8NGd6PHAx6cVAL3%2F4oL631C5ty6WZPiAcUDigekjBfA95fDQ26pqqraKL7AIJUHACV7x48ff3lcXFy1ZTwA4XdNnDhxtaaEHtcz0nvEY0%2FTgZxwr9YzIg5AGK5gskL5FnC5npELHjjriLzhAegBObohYWFhn%2BARLkN0RFLyA65csbT8ACuzTrQ2xQOKBxQPKB6wnAdMeZ8QLrrfyZMnF8FRTQELtA4cOPAvo0aN0k2ASuEBmoljwYIFN3rqAp94AFFxEMLxB65C8uzZs1NDQkJaRCU0hAcyMzOn0BrIroQjQG1lwjUdk8cD%2Ffr1ywKGbQULhLpyRKbwAATfQMsSWsYDgnDFA4oHFA8oHvju8sD5N18xHNIvEBVvAgOUJyUlPQt%2FcdLbLvA5P4CouIaWI9aOISB9NG%2FevOXulNDQ%2FAAvvMtLdXToffLZjQfsbsYLqllzVTGnYtMZLwim1%2FQgfIM4WAEWrEd3vMTKqBZih5%2Fmss3igSyE5ZvmzJlz3BtXbPR4wWvz58%2B%2Fq1M%2F%2FXbO4HWP1zNiu83V%2BwO0BqIL4XplBygeUDygeEDxwPnFA752gU888Nlnn4W3trZeM3jw4NKYmJi6niqhT%2B8P0LThgJEP2bNi44gRI%2F5j5MiRR70xQ0N4oKWlZSP3oBpcVla2gF1T6YkHTHl%2FICAg4HP8s1%2FophrBFZPMIMPzA%2BDA36empv5Gx1Hp5gcM5wFA6F1urlc8oHhA8YDiAcUD5vGAr0roEw8YYYa9Hi%2FIyspK9PPzuxmxoDApKWlvbxyRL%2FmByXhEf1kLyYgP96akpGT3xBX3mgfoky3wwG94Hqivr5%2FKzjlsOg9UVFQ8JF7r7%2B%2F%2Fkc31m%2FXm8kB4ePgLIKFPLeEBYPiDtAay4gHFA4oHFA8oHrCEB4xwRL3mAaNcca%2FGC9jHbhSS7QhMT02cOHEHO6dHH7v5wgMPd3R09KfUDKtIt9%2B95QGj1jfsdTmG8AB1gfi74gHFA4oHFA8oHlA8YDoP5Obmzquurr7XEh7Izs6%2BrrKy8lkjeKDH%2BYEtW7bMaWhoeMALf2IOD7S1tV0lWgSxQW95wK6TD4pgmi%2FaOGl6bGho6E5ek%2BPi4u5B%2F2dzx2JdmGQwK5vfGnrFAwUFBcl1dXWjce2baWlphxUPKB7whQf%2BX4ABAGSSMYsxT5XaAAAAAElFTkSuQmCC) center top no-repeat;
    -webkit-animation: infinity_spinner_large 2s steps(60) infinite;
    -moz-animation: infinity_spinner_large 2s steps(60) infinite;
    animation: infinity_spinner_large 2s steps(60) infinite
}

.infinite_scroll_container .infinite_scroll_loader .finished,
.infinite_scroll_container .infinite_scroll_warning .finished {
    display: none
}

.infinite_scroll_container p {
    display: inline-block
}

.infinite_scroll_container .empty_collection_view {
    display: none
}

.infinite_scroll_container .infinite_scroll_loader {
    display: none
}

.infinite_scroll_container.in_progress .infinite_scroll_loader {
    display: block
}

.infinite_scroll_container.pagination_finished .infinite_scroll_loader .loading {
    display: none
}

.infinite_scroll_container.pagination_finished .infinite_scroll_loader .finished {
    display: inline-block
}

.infinite_scroll_container.pagination_finished .empty_collection_view {
    display: block
}

.infinite_scroll_container.single_page .infinite_scroll_loader {
    display: none
}

.px_tabs {
    background-color: white;
    list-style-type: none;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto
}

.px_tabs.fixed_size {
    display: table;
    width: 100%
}

.px_tabs.fixed_size>li {
    display: table-cell;
    text-align: center
}

.px_tabs.fixed_size>li:first-child {
    padding-left: 20px;
    text-align: left
}

.px_tabs.fixed_size>li:last-child {
    padding-right: 20px;
    text-align: right
}

.px_tabs>li {
    display: inline;
    margin: 0 10px
}

.px_tabs>li.active>a {
    color: #0099e5;
    border-bottom: 2px solid #0099e5
}

.px_tabs>li>a {
    font-size: 14px;
    display: inline-block;
    padding: 15px 0;
    height: 50px;
    border-bottom: 2px solid transparent;
    color: #71767a;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer
}

.px_tabs>li>a .count {
    font-weight: normal
}

.px_tabs>li>a:hover {
    color: #0099e5
}

.px_tabs_fade {
    position: absolute;
    width: 10px;
    right: 0;
    top: 1px;
    bottom: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}

.hljs,
code.inline {
    display: inline-block;
    padding: 0.5em;
    color: #525558;
    background: white;
    width: 100%;
    word-wrap: break-word
}

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
    color: #999988;
    font-style: italic
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
    color: #009999
}

.hljs-string,
.hljs-phpdoc,
.tex .hljs-formula {
    color: #34bf49
}

.hljs-tag .hljs-value {
    color: #0099e5
}

.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
    color: #990000;
    font-weight: bold
}

.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
    font-weight: normal
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
    color: #0099e5;
    font-weight: bold
}

.hljs-tag {
    color: #525558;
    font-weight: normal
}

.hljs-tag .hljs-title {
    color: #525558;
    font-weight: normal
}

.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
    color: #525558;
    font-weight: normal
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
    color: #0099e5
}

.hljs-regexp {
    color: #009926
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
    color: #34bf49
}

.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
    color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
    color: #999999;
    font-weight: bold
}

.hljs-deletion {
    background: #ffdddd
}

.hljs-addition {
    background: #ddffdd
}

.diff .hljs-change {
    background: #0086b3
}

.hljs-chunk {
    color: #aaaaaa
}

#style_guide_index {
    background-color: #f7f8fa
}

.sidebar {
    background-color: white;
    padding-left: 20px
}

.container {
    width: 100%;
    margin: 0px auto;
    padding: 0 20px 0 0
}

.content {
    left: 230px;
    position: relative;
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: calc(100% - 230px);
    padding: 20px 0 40px 40px;
    border-bottom: 1px solid #eeeff2
}

section {
    width: 100%;
    max-width: 1200px;
    padding: 20px 0
}

section .sg-header {
    color: #0099e5;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px
}

section .sg-paragraph {
    color: #b9c1c7
}

.element {
    position: relative;
    margin: 20px 0
}

.element.small_cards {
    margin-left: -10px
}

.element.medium_cards {
    margin-left: -25px
}

.element .tab_wrapper {
    width: 100%;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #eeeff2
}

.element .tab_wrapper.fixed {
    width: 320px
}

.element .background {
    width: 100%;
    height: 100px;
    background-image: url("https://gp1.wac.edgecastcdn.net/806614/photos/photos.500px.net/48517056/eea697be06336bf339baa4c0a580cc23bf8d50d1/1080.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    display: table;
    text-align: center
}

.element .background h2 {
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6)
}

.element.headers {
    padding: 0 0 10px 20px;
    border-left: 4px solid #b9c1c7
}

.element .spacing {
    display: inline-block;
    margin-right: 20px;
    height: 20px;
    background-color: #222222
}

.element .spacing:last-child {
    margin-right: 0
}

.element .spacing.five {
    width: 5px
}

.element .spacing.ten {
    width: 10px
}

.element .spacing.twenty {
    width: 20px
}

.element .spacing.fourty {
    width: 40px
}

.element .spacing.sixty {
    width: 60px
}

.element .spacing.hundred {
    width: 100px
}

.element .thumbnail_wrap {
    font-size: 0
}

.element .photo_thumbnail {
    width: 480px;
    height: 320px;
    display: inline-block;
    margin-right: 20px
}

.element .photo_thumbnail:last-child {
    margin-right: 0
}

.element .photo_thumbnail .photo {
    background-image: url("https://drscdn.500px.org/photo/84076703/m%3D1600/3d96ff87cecd6d0d47319f699269f7e2");
    -webkit-background-size: cover;
    background-size: cover
}

.element .photo_thumbnail .avatar {
    background-image: url("https://pacdn.500px.org/1178511/eded8f3d00fdfda3708caf8f5ede8dcb3266c90a/1.jpg?127")
}

.element .form li {
    margin-bottom: 20px
}

.element .form li textarea,
.element .form li input {
    width: 100%;
    max-width: 400px
}

.element .form li .select_wrap {
    width: 100%;
    max-width: 200px
}

.element .popover .actors .actor.jeff .avatar {
    background-image: url("https://pacdn.500px.org/4566114/74b0b1ef91d33dea1f549c813b605ca4bcb690c6/2.jpg?4")
}

.element .popover .actors .actor.adam .avatar {
    background-image: url("https://pacdn.500px.org/77/b293a62c7132df18abbb1e9d85d642afd9811b33/2.jpg?20")
}

.element .popover .actors .actor.eric .avatar {
    background-image: url("https://pacdn.500px.org/769630/b2323b18e22bd4ef819daf176b17cc1b2f8a5398/2.jpg?61")
}

.element .popover .actors .actor.tim .avatar {
    background-image: url("https://pacdn.500px.org/706350/bb835b41751958c06167649ecc22d712f971cfc8/2.jpg?3")
}

.element .popover .actors .actor.empty .avatar {
    background-image: url("https://secure.gravatar.com/avatar/204d38b0fe40317d5e4dce4617ca2b40?s=300&r=g&d=https://pacdn.500px.org/userpic.png")
}

.element .px_card.one .top {
    background-image: url("https://drscdn.500px.org/photo/114655887/w%3D600_h%3D600/9ef1b86e82bf7ff03e2c63a8dd51155e?v=2")
}

.element .px_card.one .avatar {
    background-image: url("https://pacdn.500px.org/4566114/74b0b1ef91d33dea1f549c813b605ca4bcb690c6/2.jpg?4")
}

.element .px_card.two .top {
    background-image: url("https://drscdn.500px.org/photo/97660109/w%3D600_h%3D600/6b4bd1c620f004908a10d8f4dee45adb?v=13")
}

.element .px_card.two .avatar {
    background-image: url("https://pacdn.500px.org/77/b293a62c7132df18abbb1e9d85d642afd9811b33/2.jpg?20")
}

.element .px_card.three .top {
    background-image: url("https://drscdn.500px.org/photo/105850951/w%3D600_h%3D600/1027f01834f41850a7373eb5ea8d69a6?v=7")
}

.element .px_card.three .avatar {
    background-image: url("https://pacdn.500px.org/769630/b2323b18e22bd4ef819daf176b17cc1b2f8a5398/2.jpg?61")
}

.element .px_card.popular .top {
    background-image: url("https://drscdn.500px.org/photo/111685719/m%3D900/9eefd0c1166b8dd247eb701da866b5ef")
}

.element .px_card.popular .avatar {
    background-color: #ffcd26;
    background-image: url("photos/popular_white.svg");
    -webkit-background-size: 32px;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat
}

.element .px_card.more_from_user .top {
    background-image: url("https://drscdn.500px.org/photo/114655887/w%3D600_h%3D600/9ef1b86e82bf7ff03e2c63a8dd51155e?v=2")
}

.element .px_card.more_from_user .avatar {
    background-image: url("https://pacdn.500px.org/4566114/74b0b1ef91d33dea1f549c813b605ca4bcb690c6/2.jpg?4")
}

.element .px_card.more_from_category .top {
    background-image: url("https://drscdn.500px.org/photo/111767385/m%3D900/dbc9cea7118cf8487826862646924008")
}

.element .px_card.more_from_category .avatar {
    background-color: #0099e5;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("photos/photo.svg")
}

.element .px_card.no_badge .top {
    background-image: url("https://drscdn.500px.org/photo/111746009/m%3D900/dee7022d74654563c104c27a66e3b1d4")
}

.element .px_card.no_badge .avatar {
    background-image: url("https://pacdn.500px.org/4566114/74b0b1ef91d33dea1f549c813b605ca4bcb690c6/2.jpg?4")
}

pre {
    display: block;
    border: 1px solid #eeeff2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    min-height: 1.4em;
    color: black
}

pre>code {
    padding: 10px
}

code.inline {
    border: 1px solid #eeeff2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    padding: 3px;
    line-height: 1.2em
}

.sg-button-on-image {
    background: #71767a url(styleguide/example/2.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 20px;
    width: 100%
}

.sg-header+.sg-color-wrap,
.sg-header+.sg-color {
    margin-top: 16px
}

.sg-color-wrap .sg-color {
    float: left
}

.sg-color-wrap .sg-color:first-child {
    width: 70%
}

.sg-color-wrap .sg-color:last-child {
    width: 30%
}

.sg-color {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 20px
}

.sg-color.white,
.sg-color.light-grey {
    border: 1px solid #eeeff2
}

.sg-color.white {
    background-color: white
}

.sg-color.light-grey {
    background-color: #f7f8fa
}

.sg-color.light-grey-secondary {
    background-color: #eeeff2
}

.sg-color.medium-grey {
    background-color: #71767a
}

.sg-color.dark-grey {
    background-color: #525558
}

.sg-color.very-dark-grey {
    background-color: #222222
}

.sg-color.action-blue {
    background-color: #0099e5
}

.sg-color.action-blue-hover {
    background-color: #00aaff
}

.sg-color.action-red {
    background-color: #ff4c4c
}

.sg-color.action-red-hover {
    background-color: #ff6666
}

.sg-color.action-green {
    background-color: #34bf49
}

.sg-color.action-green-hover {
    background-color: #41cb56
}

.sg-color.action-grey {
    background-color: #b9c1c7
}

.sg-color.action-grey-hover {
    background-color: #c7ced2
}

.sg-color span {
    color: white;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    left: 10px
}

.sg-color span.dark {
    color: #71767a
}