/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block

}



audio,

canvas,

video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden] {

    display: none

}



html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



body {

    margin: 0;
    font-family: 'Open Sans', sans-serif;

}
h1, h2, h3, h4, h5, h6, p, b {
    font-family: 'Open Sans', sans-serif;
}


a:focus {

    outline: thin dotted

}



a:active,

a:hover {

    outline: 0

}



h1 {

    font-size: 2em;

    margin: 0.67em 0

}



abbr[title] {

    border-bottom: 1px dotted

}



b,

strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



hr {

    box-sizing: content-box;

    height: 0

}



mark {

    background: #ff0;

    color: #000

}



code,

kbd,

pre,

samp {

    font-family: 'Open Sans', sans-serif;

    font-size: 1em

}



pre {

    white-space: pre-wrap

}



q {

    quotes: "\201C""\201D""\2018""\2019"

}



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: 0

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em

}



legend {

    border: 0;

    padding: 0

}



button,

input,

select,

textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0;

    padding: 0

}



button,

input {

    line-height: normal

}



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

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0

}



input[type="search"] {

    -webkit-appearance: textfield;

    box-sizing: content-box

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



textarea {

    overflow: auto;

    vertical-align: top

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 12px;

    padding-right: 12px;

    max-width: 1320px

}



.container:before,

.container:after {

    content: " ";

    display: table

}



.container:after {

    clear: both

}



.container:before,

.container:after {

    content: " ";

    display: table

}



.container:after {

    clear: both

}



.container-fluid,

.flash__container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 12px;

    padding-right: 12px

}



.container-fluid:before,

.container-fluid:after,

.flash__container:before,

.flash__container:after {

    content: " ";

    display: table

}



.container-fluid:after,

.flash__container:after {

    clear: both

}



.container-fluid:before,

.container-fluid:after,

.flash__container:before,

.flash__container:after {

    content: " ";

    display: table

}



.container-fluid:after,

.flash__container:after {

    clear: both

}



.row {

    margin-left: -12px;

    margin-right: -12px

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.row:before {

    content: none

}



.row:after {

    content: ''

}



.col-xs-1,

.col-sm-1,

.col-md-1,

.col-lg-1,

.col-xs-2,

.col-sm-2,

.col-md-2,

.col-lg-2,

.col-xs-3,

.col-sm-3,

.col-md-3,

.col-lg-3,

.col-xs-4,

.col-sm-4,

.col-md-4,

.col-lg-4,

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5,

.col-xs-6,

.col-sm-6,

.col-md-6,

.col-lg-6,

.col-xs-7,

.col-sm-7,

.col-md-7,

.col-lg-7,

.col-xs-8,

.col-sm-8,

.col-md-8,

.col-lg-8,

.col-xs-9,

.col-sm-9,

.col-md-9,

.col-lg-9,

.col-xs-10,

.col-sm-10,

.col-md-10,

.col-lg-10,

.col-xs-11,

.col-sm-11,

.col-md-11,

.col-lg-11,

.col-xs-12,

.col-sm-12,

.col-md-12,

.col-lg-12 {

    position: relative;

    min-height: 1px;

    padding-left: 12px;

    padding-right: 12px

}



.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11 {

    float: left

}



.col-xs-12 {

    width: 100%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-9 {

    width: 75%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-6 {

    width: 50%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-3 {

    width: 25%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-1 {

    width: 8.33333333%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-0 {

    right: 0%

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-0 {

    left: 0%

}



.col-xs-offset-12 {

    margin-left: 100%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-0 {

    margin-left: 0%

}



@media (min-width: 768px) {



    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11 {

        float: left

    }



    .col-sm-12 {

        width: 100%

    }



    .col-sm-11 {

        width: 91.66666667%

    }



    .col-sm-10 {

        width: 83.33333333%

    }



    .col-sm-9 {

        width: 75%

    }



    .col-sm-8 {

        width: 66.66666667%

    }



    .col-sm-7 {

        width: 58.33333333%

    }



    .col-sm-6 {

        width: 50%

    }



    .col-sm-5 {

        width: 41.66666667%

    }



    .col-sm-4 {

        width: 33.33333333%

    }



    .col-sm-3 {

        width: 25%

    }



    .col-sm-2 {

        width: 16.66666667%

    }



    .col-sm-1 {

        width: 8.33333333%

    }



    .col-sm-pull-12 {

        right: 100%

    }



    .col-sm-pull-11 {

        right: 91.66666667%

    }



    .col-sm-pull-10 {

        right: 83.33333333%

    }



    .col-sm-pull-9 {

        right: 75%

    }



    .col-sm-pull-8 {

        right: 66.66666667%

    }



    .col-sm-pull-7 {

        right: 58.33333333%

    }



    .col-sm-pull-6 {

        right: 50%

    }



    .col-sm-pull-5 {

        right: 41.66666667%

    }



    .col-sm-pull-4 {

        right: 33.33333333%

    }



    .col-sm-pull-3 {

        right: 25%

    }



    .col-sm-pull-2 {

        right: 16.66666667%

    }



    .col-sm-pull-1 {

        right: 8.33333333%

    }



    .col-sm-pull-0 {

        right: 0%

    }



    .col-sm-push-12 {

        left: 100%

    }



    .col-sm-push-11 {

        left: 91.66666667%

    }



    .col-sm-push-10 {

        left: 83.33333333%

    }



    .col-sm-push-9 {

        left: 75%

    }



    .col-sm-push-8 {

        left: 66.66666667%

    }



    .col-sm-push-7 {

        left: 58.33333333%

    }



    .col-sm-push-6 {

        left: 50%

    }



    .col-sm-push-5 {

        left: 41.66666667%

    }



    .col-sm-push-4 {

        left: 33.33333333%

    }



    .col-sm-push-3 {

        left: 25%

    }



    .col-sm-push-2 {

        left: 16.66666667%

    }



    .col-sm-push-1 {

        left: 8.33333333%

    }



    .col-sm-push-0 {

        left: 0%

    }



    .col-sm-offset-12 {

        margin-left: 100%

    }



    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .col-sm-offset-9 {

        margin-left: 75%

    }



    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .col-sm-offset-6 {

        margin-left: 50%

    }



    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .col-sm-offset-3 {

        margin-left: 25%

    }



    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .col-sm-offset-0 {

        margin-left: 0%

    }

}



@media (min-width: 992px) {



    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11 {

        float: left

    }



    .col-md-12 {

        width: 100%

    }



    .col-md-11 {

        width: 91.66666667%

    }



    .col-md-10 {

        width: 83.33333333%

    }



    .col-md-9 {

        width: 75%

    }



    .col-md-8 {

        width: 66.66666667%

    }



    .col-md-7 {

        width: 58.33333333%

    }



    .col-md-6 {

        width: 50%

    }



    .col-md-5 {

        width: 41.66666667%

    }



    .col-md-4 {

        width: 33.33333333%

    }



    .col-md-3 {

        width: 25%

    }



    .col-md-2 {

        width: 16.66666667%

    }



    .col-md-1 {

        width: 8.33333333%

    }



    .col-md-pull-12 {

        right: 100%

    }



    .col-md-pull-11 {

        right: 91.66666667%

    }



    .col-md-pull-10 {

        right: 83.33333333%

    }



    .col-md-pull-9 {

        right: 75%

    }



    .col-md-pull-8 {

        right: 66.66666667%

    }



    .col-md-pull-7 {

        right: 58.33333333%

    }



    .col-md-pull-6 {

        right: 50%

    }



    .col-md-pull-5 {

        right: 41.66666667%

    }



    .col-md-pull-4 {

        right: 33.33333333%

    }



    .col-md-pull-3 {

        right: 25%

    }



    .col-md-pull-2 {

        right: 16.66666667%

    }



    .col-md-pull-1 {

        right: 8.33333333%

    }



    .col-md-pull-0 {

        right: 0%

    }



    .col-md-push-12 {

        left: 100%

    }



    .col-md-push-11 {

        left: 91.66666667%

    }



    .col-md-push-10 {

        left: 83.33333333%

    }



    .col-md-push-9 {

        left: 75%

    }



    .col-md-push-8 {

        left: 66.66666667%

    }



    .col-md-push-7 {

        left: 58.33333333%

    }



    .col-md-push-6 {

        left: 50%

    }



    .col-md-push-5 {

        left: 41.66666667%

    }



    .col-md-push-4 {

        left: 33.33333333%

    }



    .col-md-push-3 {

        left: 25%

    }



    .col-md-push-2 {

        left: 16.66666667%

    }



    .col-md-push-1 {

        left: 8.33333333%

    }



    .col-md-push-0 {

        left: 0%

    }



    .col-md-offset-12 {

        margin-left: 100%

    }



    .col-md-offset-11 {

        margin-left: 91.66666667%

    }



    .col-md-offset-10 {

        margin-left: 83.33333333%

    }



    .col-md-offset-9 {

        margin-left: 75%

    }



    .col-md-offset-8 {

        margin-left: 66.66666667%

    }



    .col-md-offset-7 {

        margin-left: 58.33333333%

    }



    .col-md-offset-6 {

        margin-left: 50%

    }



    .col-md-offset-5 {

        margin-left: 41.66666667%

    }



    .col-md-offset-4 {

        margin-left: 33.33333333%

    }



    .col-md-offset-3 {

        margin-left: 25%

    }



    .col-md-offset-2 {

        margin-left: 16.66666667%

    }



    .col-md-offset-1 {

        margin-left: 8.33333333%

    }



    .col-md-offset-0 {

        margin-left: 0%

    }

}



@media (min-width: 1320px) {



    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11 {

        float: left

    }



    .col-lg-12 {

        width: 100%

    }



    .col-lg-11 {

        width: 91.66666667%

    }



    .col-lg-10 {

        width: 83.33333333%

    }



    .col-lg-9 {

        width: 75%

    }



    .col-lg-8 {

        width: 66.66666667%

    }



    .col-lg-7 {

        width: 58.33333333%

    }



    .col-lg-6 {

        width: 50%

    }



    .col-lg-5 {

        width: 41.66666667%

    }



    .col-lg-4 {

        width: 33.33333333%

    }



    .col-lg-3 {

        width: 25%

    }



    .col-lg-2 {

        width: 16.66666667%

    }



    .col-lg-1 {

        width: 8.33333333%

    }



    .col-lg-pull-12 {

        right: 100%

    }



    .col-lg-pull-11 {

        right: 91.66666667%

    }



    .col-lg-pull-10 {

        right: 83.33333333%

    }



    .col-lg-pull-9 {

        right: 75%

    }



    .col-lg-pull-8 {

        right: 66.66666667%

    }



    .col-lg-pull-7 {

        right: 58.33333333%

    }



    .col-lg-pull-6 {

        right: 50%

    }



    .col-lg-pull-5 {

        right: 41.66666667%

    }



    .col-lg-pull-4 {

        right: 33.33333333%

    }



    .col-lg-pull-3 {

        right: 25%

    }



    .col-lg-pull-2 {

        right: 16.66666667%

    }



    .col-lg-pull-1 {

        right: 8.33333333%

    }



    .col-lg-pull-0 {

        right: 0%

    }



    .col-lg-push-12 {

        left: 100%

    }



    .col-lg-push-11 {

        left: 91.66666667%

    }



    .col-lg-push-10 {

        left: 83.33333333%

    }



    .col-lg-push-9 {

        left: 75%

    }



    .col-lg-push-8 {

        left: 66.66666667%

    }



    .col-lg-push-7 {

        left: 58.33333333%

    }



    .col-lg-push-6 {

        left: 50%

    }



    .col-lg-push-5 {

        left: 41.66666667%

    }



    .col-lg-push-4 {

        left: 33.33333333%

    }



    .col-lg-push-3 {

        left: 25%

    }



    .col-lg-push-2 {

        left: 16.66666667%

    }



    .col-lg-push-1 {

        left: 8.33333333%

    }



    .col-lg-push-0 {

        left: 0%

    }



    .col-lg-offset-12 {

        margin-left: 100%

    }



    .col-lg-offset-11 {

        margin-left: 91.66666667%

    }



    .col-lg-offset-10 {

        margin-left: 83.33333333%

    }



    .col-lg-offset-9 {

        margin-left: 75%

    }



    .col-lg-offset-8 {

        margin-left: 66.66666667%

    }



    .col-lg-offset-7 {

        margin-left: 58.33333333%

    }



    .col-lg-offset-6 {

        margin-left: 50%

    }



    .col-lg-offset-5 {

        margin-left: 41.66666667%

    }



    .col-lg-offset-4 {

        margin-left: 33.33333333%

    }



    .col-lg-offset-3 {

        margin-left: 25%

    }



    .col-lg-offset-2 {

        margin-left: 16.66666667%

    }



    .col-lg-offset-1 {

        margin-left: 8.33333333%

    }



    .col-lg-offset-0 {

        margin-left: 0%

    }

}



.flex {

    display: -webkit-box !important;

    display: -webkit-flex !important;

    display: -ms-flexbox !important;

    display: flex !important

}



.flex-inline {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.flex-column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.flex-center {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center

}



.flex-baseline {

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    -ms-grid-row-align: baseline;

    align-items: baseline

}



.flex-space-between {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.flex-push {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.flex-wrap {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.bg-cover {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}



.full-width {

    height: 100%;

    width: 100%

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto;

    float: none !important

}



.clearfix:before,

.clearfix:after,

.tabs:before,

.tabs:after,

.modal-footer:before,

.modal-footer:after,

.event:before,

.event:after {

    content: " ";

    display: table

}



.clearfix:after,

.tabs:after,

.modal-footer:after,

.event:after {

    clear: both

}



.pull-right {

    float: right !important

}



.pull-left {

    float: left !important

}



.hide {

    display: none !important

}



.show {

    display: block !important

}



.invisible {

    visibility: hidden

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.overflow--hidden {

    overflow: hidden

}



.hidden {

    display: none !important;

    visibility: hidden !important

}



.inline-block {

    display: inline-block

}



.inline {

    display: inline

}



.block {

    display: block

}



.visible-xs,

.visible-xs--inline,

.visible-xs--inline-block,

tr.visible-xs,

th.visible-xs,

td.visible-xs {

    display: none !important

}



@media (max-width: 767px) {

    .visible-xs {

        display: block !important

    }



    .visible-xs--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-xs--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-xs {

        display: table-row !important

    }



    th.visible-xs,

    td.visible-xs {

        display: table-cell !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .visible-xs.visible-sm {

        display: block !important

    }



    .visible-xs.visible-sm--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-xs.visible-sm--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-xs.visible-sm {

        display: table-row !important

    }



    th.visible-xs.visible-sm,

    td.visible-xs.visible-sm {

        display: table-cell !important

    }

}



@media (min-width: 992px) {

    .visible-xs.visible-md {

        display: block !important

    }



    .visible-xs.visible-md--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-xs.visible-md--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-xs.visible-md {

        display: table-row !important

    }



    th.visible-xs.visible-md,

    td.visible-xs.visible-md {

        display: table-cell !important

    }

}



.visible-sm,

.visible-sm--inline,

.visible-sm--inline-block,

tr.visible-sm,

th.visible-sm,

td.visible-sm {

    display: none !important

}



@media (max-width: 767px) {

    .visible-sm.visible-xs {

        display: block !important

    }



    .visible-sm.visible-xs--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-sm.visible-xs--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-sm.visible-xs {

        display: table-row !important

    }



    th.visible-sm.visible-xs,

    td.visible-sm.visible-xs {

        display: table-cell !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm {

        display: block !important

    }



    .visible-sm--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-sm--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-sm {

        display: table-row !important

    }



    th.visible-sm,

    td.visible-sm {

        display: table-cell !important

    }

}



@media (min-width: 992px) {

    .visible-sm.visible-md {

        display: block !important

    }



    .visible-sm.visible-md--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-sm.visible-md--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-sm.visible-md {

        display: table-row !important

    }



    th.visible-sm.visible-md,

    td.visible-sm.visible-md {

        display: table-cell !important

    }

}



.visible-md,

.visible-md--inline,

.visible-md--inline-block,

tr.visible-md,

th.visible-md,

td.visible-md {

    display: none !important

}



@media (max-width: 767px) {

    .visible-md.visible-xs {

        display: block !important

    }



    .visible-md.visible-xs--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-md.visible-xs--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-md.visible-xs {

        display: table-row !important

    }



    th.visible-md.visible-xs,

    td.visible-md.visible-xs {

        display: table-cell !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .visible-md.visible-sm {

        display: block !important

    }



    .visible-md.visible-sm--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-md.visible-sm--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-md.visible-sm {

        display: table-row !important

    }



    th.visible-md.visible-sm,

    td.visible-md.visible-sm {

        display: table-cell !important

    }

}



@media (min-width: 992px) {

    .visible-md {

        display: block !important

    }



    .visible-md--inline {

        display: inline-block !important;

        text-decoration: inherit

    }



    .visible-md--inline-block {

        display: inline-block !important;

        text-decoration: inherit

    }



    tr.visible-md {

        display: table-row !important

    }



    th.visible-md,

    td.visible-md {

        display: table-cell !important

    }

}



.hidden-xs {

    display: block !important

}



.hidden-xs--inline {

    display: inline-block !important;

    text-decoration: inherit

}



.hidden-xs--inline-block {

    display: inline-block !important;

    text-decoration: inherit

}



tr.hidden-xs {

    display: table-row !important

}



th.hidden-xs,

td.hidden-xs {

    display: table-cell !important

}



@media (max-width: 767px) {



    .hidden-xs,

    .hidden-xs--inline,

    .hidden-xs--inline-block,

    tr.hidden-xs,

    th.hidden-xs,

    td.hidden-xs {

        display: none !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {



    .hidden-xs.hidden-sm,

    .hidden-xs.hidden-sm--inline,

    .hidden-xs.hidden-sm--inline-block,

    tr.hidden-xs.hidden-sm,

    th.hidden-xs.hidden-sm,

    td.hidden-xs.hidden-sm {

        display: none !important

    }

}



@media (min-width: 992px) {



    .hidden-xs.hidden-md,

    .hidden-xs.hidden-md--inline,

    .hidden-xs.hidden-md--inline-block,

    tr.hidden-xs.hidden-md,

    th.hidden-xs.hidden-md,

    td.hidden-xs.hidden-md {

        display: none !important

    }

}



.hidden-sm {

    display: block !important

}



.hidden-sm--inline {

    display: inline-block !important;

    text-decoration: inherit

}



.hidden-sm--inline-block {

    display: inline-block !important;

    text-decoration: inherit

}



tr.hidden-sm {

    display: table-row !important

}



th.hidden-sm,

td.hidden-sm {

    display: table-cell !important

}



@media (max-width: 767px) {



    .hidden-sm.hidden-xs,

    .hidden-sm.hidden-xs--inline,

    .hidden-sm.hidden-xs--inline-block,

    tr.hidden-sm.hidden-xs,

    th.hidden-sm.hidden-xs,

    td.hidden-sm.hidden-xs {

        display: none !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {



    .hidden-sm,

    .hidden-sm--inline,

    .hidden-sm--inline-block,

    tr.hidden-sm,

    th.hidden-sm,

    td.hidden-sm {

        display: none !important

    }

}



@media (min-width: 992px) {



    .hidden-sm.hidden-md,

    .hidden-sm.hidden-md--inline,

    .hidden-sm.hidden-md--inline-block,

    tr.hidden-sm.hidden-md,

    th.hidden-sm.hidden-md,

    td.hidden-sm.hidden-md {

        display: none !important

    }

}



.hidden-md {

    display: block !important

}



.hidden-md--inline {

    display: inline-block !important;

    text-decoration: inherit

}



.hidden-md--inline-block {

    display: inline-block !important;

    text-decoration: inherit

}



tr.hidden-md {

    display: table-row !important

}



th.hidden-md,

td.hidden-md {

    display: table-cell !important

}



@media (max-width: 767px) {



    .hidden-md.hidden-xs,

    .hidden-md.hidden-xs--inline,

    .hidden-md.hidden-xs--inline-block,

    tr.hidden-md.hidden-xs,

    th.hidden-md.hidden-xs,

    td.hidden-md.hidden-xs {

        display: none !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {



    .hidden-md.hidden-sm,

    .hidden-md.hidden-sm--inline,

    .hidden-md.hidden-sm--inline-block,

    tr.hidden-md.hidden-sm,

    th.hidden-md.hidden-sm,

    td.hidden-md.hidden-sm {

        display: none !important

    }

}



@media (min-width: 992px) {



    .hidden-md,

    .hidden-md--inline,

    .hidden-md--inline-block,

    tr.hidden-md,

    th.hidden-md,

    td.hidden-md {

        display: none !important

    }

}



.no-background {

    background-color: transparent

}



.xs-margin-null {

    margin: 0

}



.xs-margin-top {

    margin-top: 24px

}



*,

*:before,

*:after {

    box-sizing: border-box

}



html {

    height: 100%;

    font-size: 62.5%;

    -webkit-tap-highlight-color: transparent;

    -ms-overflow-style: -ms-autohiding-scrollbar

}



body {

    height: 100%;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.6;

    color: #111111;

    background-color: #ffffff;

    content: "small"

}



body.theme-inverse {

    color: #f5f5f5;

    background-color: #111111

}



@media (min-width: 768px) {

    body {

        content: "medium"

    }

}



@media (min-width: 992px) {

    body {

        content: "large"

    }

}



input,

button,

select,

textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    letter-spacing: inherit

}



a {

    color: #767676;

    text-decoration: underline;

    -webkit-transition: color 0.1s ease-in-out, opacity 0.1s ease-in-out;

    transition: color 0.1s ease-in-out, opacity 0.1s ease-in-out

}



a:hover,

a:focus {

    color: #111111

}



a:focus {

    outline: thin dotted #333;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.theme-inverse a {

    color: #767676

}



.theme-inverse a:hover,

.theme-inverse a:focus {

    color: #ffffff

}



.icon {

    display: inline-block;

    vertical-align: middle;

    fill: #111111;

    line-height: 1;

    speak: none;

    text-decoration: inherit;

    width: 18px;

    height: 18px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.icon--large {

    width: 24px;

    height: 24px

}



a .icon {

    fill: #767676;

    text-decoration: none !important;

    -webkit-transition: fill 0.1s ease-in-out, opacity 0.1s ease-in-out;

    transition: fill 0.1s ease-in-out, opacity 0.1s ease-in-out

}



a:hover .icon,

a:focus .icon {

    fill: #111111

}



a.active .icon {

    fill: #111111

}



.icon--success {

    fill: #3cb46e

}



.icon--inverse {

    fill: #ffffff

}



img {

    vertical-align: middle

}



.img-responsive,

.upload-circular__image {

    display: block;

    width: 100%;

    height: auto

}



.img-circle {

    border-radius: 50%

}



hr {

    margin-top: 16px;

    margin-bottom: 16px;

    border: 0;

    border-top: 1px solid #eeeeee

}



.not-yet-animated {

    opacity: 0

}



.animated {

    -webkit-animation-duration: .7s;

    animation-duration: .7s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated-slow {

    -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated-fast {

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.bounce {

    -webkit-animation: bounce 2s infinite;

    animation: bounce 2s infinite

}



@-webkit-keyframes bounce {



    0%,

    20%,

    50%,

    80%,

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }



    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@keyframes bounce {



    0%,

    20%,

    50%,

    80%,

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }



    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@-webkit-keyframes fade-in-up {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fade-in-up {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



.fade-in-up {

    -webkit-animation-name: fade-in-up;

    animation-name: fade-in-up

}



@-webkit-keyframes fade-out-up {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-250px);

        transform: translateY(-250px)

    }

}



@keyframes fade-out-up {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-250px);

        transform: translateY(-250px)

    }

}



.fade-out-up {

    -webkit-animation-name: fade-out-up;

    animation-name: fade-out-up

}



@-webkit-keyframes fade-out-down {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(40px);

        transform: translateY(40px)

    }

}



@keyframes fade-out-down {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(40px);

        transform: translateY(40px)

    }

}



.fade-out-down {

    -webkit-animation-name: fade-out-down;

    animation-name: fade-out-down

}



.ui-helper-hidden {

    display: none

}



.ui-helper-hidden-accessible {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}



.ui-helper-reset {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    line-height: 1.3;

    text-decoration: none;

    font-size: 100%;

    list-style: none

}



.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

    content: "";

    display: table;

    border-collapse: collapse

}



.ui-helper-clearfix:after {

    clear: both

}



.ui-helper-clearfix {

    min-height: 0

}



.ui-helper-zfix {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0)

}



.ui-front {

    z-index: 100

}



.ui-state-disabled {

    cursor: default !important

}



.ui-icon {

    display: block;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat

}



.ui-widget-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.ui-autocomplete {

    position: absolute;

    top: 0;

    left: 0;

    cursor: default

}



.ui-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    display: block;

    outline: none

}



.ui-menu .ui-menu {

    position: absolute

}



.ui-menu .ui-menu-item {

    position: relative;

    margin: 0;

    padding: 3px 1em 3px .4em;

    cursor: pointer;

    min-height: 0;

    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")

}



.ui-menu .ui-menu-divider {

    margin: 5px 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-width: 1px 0 0 0

}



.ui-menu .ui-state-focus,

.ui-menu .ui-state-active {

    margin: -1px

}



.ui-menu-icons {

    position: relative

}



.ui-menu-icons .ui-menu-item {

    padding-left: 2em

}



.ui-menu .ui-icon {

    position: absolute;

    top: 0;

    bottom: 0;

    left: .2em;

    margin: auto 0

}



.ui-menu .ui-menu-icon {

    left: auto;

    right: 0

}



.arch:before,

.arch:after {

    content: " ";

    display: table

}



.arch:after {

    clear: both

}



.arch:before,

.arch:after {

    content: " ";

    display: table

}



.arch:after {

    clear: both

}



.arch .arch-left {

    float: none;

    text-align: left

}



.arch .arch-right {

    float: none;

    text-align: left

}



@media (min-width: 768px) {

    .arch .arch-left {

        float: left !important

    }



    .arch .arch-right {

        float: right !important;

        text-align: right

    }

}



.flag {

    display: table

}



.flag__image,

.flag__body {

    display: table-cell;

    vertical-align: middle

}



.flag--top .flag__image,

.flag--top .flag__body {

    vertical-align: top

}



.flag--bottom .flag__image,

.flag--bottom .flag__body {

    vertical-align: bottom

}



.flag__image {

    padding-right: 10px

}



.flag__image>img {

    display: block;

    max-width: none

}



.flag--rev .flag__image {

    padding-right: 0;

    padding-left: 10px

}



.flag__body {

    width: 100%

}



.media:before,

.media:after {

    content: " ";

    display: table

}



.media:after {

    clear: both

}



.media:before,

.media:after {

    content: " ";

    display: table

}



.media:after {

    clear: both

}



.media,

.media__body {

    overflow: hidden;

    zoom: 1

}



.media .media__img {

    float: left;

    margin-right: 10px

}



.media .media__img img {

    display: block

}



table {

    background-color: #ffffff

}



th {

    text-align: left

}



.table,

.documentation-block table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 6px

}



.table>thead>tr>th,

.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>tbody>tr>td,

.table>tfoot>tr>td,

.documentation-block table>thead>tr>th,

.documentation-block table>tbody>tr>th,

.documentation-block table>tfoot>tr>th,

.documentation-block table>thead>tr>td,

.documentation-block table>tbody>tr>td,

.documentation-block table>tfoot>tr>td {

    padding: 6px;

    line-height: 1.6;

    vertical-align: top;

    border-top: 1px solid #f5f5f5

}



.table>thead>tr>th,

.documentation-block table>thead>tr>th {

    vertical-align: bottom;

    border-bottom: 2px solid #f5f5f5

}



.table>caption+thead>tr:first-child>th,

.table>colgroup+thead>tr:first-child>th,

.table>thead:first-child>tr:first-child>th,

.table>caption+thead>tr:first-child>td,

.table>colgroup+thead>tr:first-child>td,

.table>thead:first-child>tr:first-child>td,

.documentation-block table>caption+thead>tr:first-child>th,

.documentation-block table>colgroup+thead>tr:first-child>th,

.documentation-block table>thead:first-child>tr:first-child>th,

.documentation-block table>caption+thead>tr:first-child>td,

.documentation-block table>colgroup+thead>tr:first-child>td,

.documentation-block table>thead:first-child>tr:first-child>td {

    border-top: 0

}



.table>tbody+tbody,

.documentation-block table>tbody+tbody {

    border-top: 2px solid #f5f5f5

}



.table .table,

.documentation-block table .documentation-block table {

    background-color: #ffffff

}



.table-condensed>thead>tr>th,

.table-condensed>tbody>tr>th,

.table-condensed>tfoot>tr>th,

.table-condensed>thead>tr>td,

.table-condensed>tbody>tr>td,

.table-condensed>tfoot>tr>td {

    padding: 3px

}



.table-bordered,

.documentation-block table {

    border: 1px solid #f5f5f5

}



.table-bordered>thead>tr>th,

.table-bordered>tbody>tr>th,

.table-bordered>tfoot>tr>th,

.table-bordered>thead>tr>td,

.table-bordered>tbody>tr>td,

.table-bordered>tfoot>tr>td,

.documentation-block table>thead>tr>th,

.documentation-block table>tbody>tr>th,

.documentation-block table>tfoot>tr>th,

.documentation-block table>thead>tr>td,

.documentation-block table>tbody>tr>td,

.documentation-block table>tfoot>tr>td {

    border: 1px solid #f5f5f5

}



.table-bordered>thead>tr>th,

.table-bordered>thead>tr>td,

.documentation-block table>thead>tr>th,

.documentation-block table>thead>tr>td {

    border-bottom-width: 2px

}



.table-striped>tbody>tr:nth-child(odd) {

    background-color: #f5f5f5

}



.table-hover>tbody>tr:hover {

    background-color: #ffffc4

}



table col[class*="col-"] {

    position: static;

    float: none;

    display: table-column

}



table td[class*="col-"],

table th[class*="col-"] {

    position: static;

    float: none;

    display: table-cell

}



.table-responsive {

    overflow-x: auto;

    min-height: 0.01%

}



@media screen and (max-width: 767px) {

    .table-responsive {

        width: 100%;

        margin-bottom: 48px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 1px solid #f5f5f5

    }



    .table-responsive>.table,

    .table-responsive>.documentation-block table {

        margin-bottom: 0

    }



    .table-responsive>.table>thead>tr>th,

    .table-responsive>.table>tbody>tr>th,

    .table-responsive>.table>tfoot>tr>th,

    .table-responsive>.table>thead>tr>td,

    .table-responsive>.table>tbody>tr>td,

    .table-responsive>.table>tfoot>tr>td,

    .table-responsive>.documentation-block table>thead>tr>th,

    .table-responsive>.documentation-block table>tbody>tr>th,

    .table-responsive>.documentation-block table>tfoot>tr>th,

    .table-responsive>.documentation-block table>thead>tr>td,

    .table-responsive>.documentation-block table>tbody>tr>td,

    .table-responsive>.documentation-block table>tfoot>tr>td {

        white-space: nowrap

    }



    .table-responsive>.table-bordered,

    .table-responsive>.documentation-block table {

        border: 0

    }



    .table-responsive>.table-bordered>thead>tr>th:first-child,

    .table-responsive>.table-bordered>tbody>tr>th:first-child,

    .table-responsive>.table-bordered>tfoot>tr>th:first-child,

    .table-responsive>.table-bordered>thead>tr>td:first-child,

    .table-responsive>.table-bordered>tbody>tr>td:first-child,

    .table-responsive>.table-bordered>tfoot>tr>td:first-child,

    .table-responsive>.documentation-block table>thead>tr>th:first-child,

    .table-responsive>.documentation-block table>tbody>tr>th:first-child,

    .table-responsive>.documentation-block table>tfoot>tr>th:first-child,

    .table-responsive>.documentation-block table>thead>tr>td:first-child,

    .table-responsive>.documentation-block table>tbody>tr>td:first-child,

    .table-responsive>.documentation-block table>tfoot>tr>td:first-child {

        border-left: 0

    }



    .table-responsive>.table-bordered>thead>tr>th:last-child,

    .table-responsive>.table-bordered>tbody>tr>th:last-child,

    .table-responsive>.table-bordered>tfoot>tr>th:last-child,

    .table-responsive>.table-bordered>thead>tr>td:last-child,

    .table-responsive>.table-bordered>tbody>tr>td:last-child,

    .table-responsive>.table-bordered>tfoot>tr>td:last-child,

    .table-responsive>.documentation-block table>thead>tr>th:last-child,

    .table-responsive>.documentation-block table>tbody>tr>th:last-child,

    .table-responsive>.documentation-block table>tfoot>tr>th:last-child,

    .table-responsive>.documentation-block table>thead>tr>td:last-child,

    .table-responsive>.documentation-block table>tbody>tr>td:last-child,

    .table-responsive>.documentation-block table>tfoot>tr>td:last-child {

        border-right: 0

    }



    .table-responsive>.table-bordered>tbody>tr:last-child>th,

    .table-responsive>.table-bordered>tfoot>tr:last-child>th,

    .table-responsive>.table-bordered>tbody>tr:last-child>td,

    .table-responsive>.table-bordered>tfoot>tr:last-child>td,

    .table-responsive>.documentation-block table>tbody>tr:last-child>th,

    .table-responsive>.documentation-block table>tfoot>tr:last-child>th,

    .table-responsive>.documentation-block table>tbody>tr:last-child>td,

    .table-responsive>.documentation-block table>tfoot>tr:last-child>td {

        border-bottom: 0

    }

}



.nav,

.documentation-list ul {

    list-style: none;

    margin-left: 0;

    padding-left: 0

}



.nav:before,

.nav:after {

    content: " ";

    display: table

}



.nav:after {

    clear: both

}



.nav:before,

.nav:after {

    content: " ";

    display: table

}



.nav:after {

    clear: both

}



.nav>li.active a,

.nav>li.active a:hover {

    color: #111111;

    text-decoration: none;

    pointer-events: none

}



.theme-inverse .nav>li.active a,

.theme-inverse .nav>li.active a:hover {

    color: #ffffff

}



.nav>li,

.nav>li>a {

    display: inline-block;

    *display: inline;

    zoom: 1

}



.nav__heading {

    margin-bottom: 30px

}



.nav--stacked {

    margin: 0

}



.nav--stacked>li {

    display: list-item;

    display: block

}



.nav--stacked>li,

.nav--stacked>li>a {

    display: block

}



.nav--stacked>li .btn__text,

.nav--stacked>li>a .btn__text {

    display: inline

}



.nav--stacked>li {

    padding: 8px 0

}



.nav--stacked>li:first-of-type {

    padding-top: 0

}



.nav--stacked>li:last-of-type {

    padding-bottom: 0

}



@media (max-width: 767px) {

    .nav--stacked {

        margin-bottom: 36px

    }

}



.nav--spaced>li {

    padding: 0 8px

}



.nav--spaced>li:first-of-type {

    padding-left: 0

}



.nav--spaced>li:last-of-type {

    padding-right: 0

}



.nav--header {

    padding: 0 20px

}



.nav--justified {

    width: 100%

}



.nav--justified>li {

    float: none;

    text-align: center

}



.nav--justified>li>a {

    margin-bottom: 5px

}



.nav--justified>.dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width: 768px) {

    .nav--justified>li {

        display: table-cell;

        width: 1%

    }



    .nav--justified>li>a {

        margin-bottom: 0

    }

}



.nav--user__number {

    font-weight: 700

}



@media (max-width: 767px) {

    .nav--user {

        font-size: 11px;

        font-weight: 700;

        text-transform: uppercase;

        letter-spacing: 0.04em;

        padding-bottom: 36px;

        line-height: 1.4;

        text-align: center

    }



    .nav--user li {

        min-width: 94px;

        padding: 0

    }



    .nav--user__number {

        display: block;

        font-size: 30px

    }

}



.nav__vertical-spacer {

    border: 0;

    padding: 16px 0

}



.vertical-wrapper {

    display: table;

    width: 100%;

    height: 100%

}



.vertical-cell {

    display: table-cell;

    vertical-align: middle

}



fieldset {

    padding: 0;

    margin: 0;

    border: 0;

    min-width: 0

}



button {

    background-color: transparent;

    outline: 0;

    border: 0;

    -webkit-transition: color 0.1s ease-in-out;

    transition: color 0.1s ease-in-out

}



label {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    max-width: 100%;

    margin-bottom: 6px;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



label span {

    margin-left: 4px;

    margin-right: 4px

}



input[type="search"] {

    box-sizing: border-box

}



input[type="radio"],

input[type="checkbox"] {

    margin: 5px 8px 0 0;

    margin-top: 1px \9;

    line-height: normal;

    -webkit-transform: translateY(1px);

    -ms-transform: translateY(1px);

    transform: translateY(1px)

}



input[type="file"] {

    display: block

}



input[type="range"] {

    display: block;

    width: 100%

}



select[multiple],

select[size] {

    height: auto

}



input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

    outline: thin dotted #333;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.form-control {

    display: block;

    width: 100%;

    height: 40px;

    padding: 6px 12px;

    font-size: 15px;

    line-height: 1.6;

    color: #111111;

    background-color: transparent;

    background-image: none;

    border: 1px solid #767676;

    border-radius: 3px;

    -webkit-transition: border-color ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s

}



.form-control:focus {

    border-color: #111111;

    outline: 0

}



.form-control::-moz-placeholder {

    color: #767676;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #767676

}



.form-control::-webkit-input-placeholder {

    color: #767676

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    cursor: not-allowed;

    background-color: #f5f5f5;

    opacity: 1

}



textarea.form-control {

    height: auto;

    resize: vertical;

    min-height: 40px

}



.theme-inverse .form-control {

    color: #ffffff;

    border-color: #767676

}



.theme-inverse .form-control::-moz-placeholder {

    color: #5d5d5d;

    opacity: 1

}



.theme-inverse .form-control:-ms-input-placeholder {

    color: #5d5d5d

}



.theme-inverse .form-control::-webkit-input-placeholder {

    color: #5d5d5d

}



.theme-inverse .form-control:focus {

    border-color: #ffffff;

    outline: 0

}



.form-control--code {

    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

    font-size: 13px

}



.form-control--code[disabled],

.form-control--code[readonly],

fieldset[disabled] .form-control--code {

    cursor: text

}



.input--fade {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.input--fade .form-control {

    padding-right: 8px

}



.input--fade:after {

    position: absolute;

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

    content: '';

    top: 1px;

    bottom: 1px;

    right: 8px;

    width: 30px;

    pointer-events: none;

    background: -webkit-linear-gradient(right, #f5f5f5 10%, rgba(245, 245, 245, 0) 100%);

    background: linear-gradient(to left, #f5f5f5 10%, rgba(245, 245, 245, 0) 100%);

    z-index: 1

}



.input--copy {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.input--copy .form-control {

    padding-right: 32px

}



.input--copy .btn-copy {

    position: absolute;

    right: 6px;

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center;

    z-index: 2

}



.input--copy:after {

    right: 32px

}



.input-with-counter {

    position: relative

}



.input-with-counter textarea {

    resize: none

}



.input-with-counter .character-count {

    position: absolute;

    right: 10px;

    font-size: 12px;

    color: #767676;

    pointer-events: none

}



.input-with-counter .character-count--text {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.input-with-counter .character-count--textarea {

    bottom: 8px

}



.input-with-counter .character-count--error {

    color: #e25c3d

}



input[type="search"] {

    -webkit-appearance: none

}



.form-group {

    margin-bottom: 24px

}



.form-group--large {

    margin: 24px 0 48px

}



.form-group .input-group {

    display: inline-table;

    width: 100%

}



.form-group .input-group .input-group-addon,

.form-group .input-group .form-control {

    display: table-cell

}



.form-group .input-group .input-group-addon {

    text-align: center;

    border: 1px solid #767676;

    border-right: 0;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px

}



.form-group .input-group .input-group-addon+input {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.radio,

.checkbox {

    position: relative;

    display: block;

    margin-bottom: 16px

}



.radio label,

.checkbox label {

    min-height: 18px;

    margin-bottom: 0;

    font-weight: normal;

    cursor: pointer;

    line-height: 1.5

}



.checkbox--with-helper {

    display: inline-block;

    margin-bottom: 24px

}



.label__helper {

    margin-top: 4px;

    margin-left: 20px;

    font-size: 13px;

    display: block

}



.radio+.radio,

.checkbox+.checkbox {

    margin-top: -5px

}



.radio-inline,

.checkbox-inline {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

    font-weight: normal;

    cursor: pointer

}



.radio-inline+.radio-inline,

.checkbox-inline+.checkbox-inline {

    margin-top: 0;

    margin-left: 10px

}



input[type="radio"][disabled],

input[type="checkbox"][disabled],

input[type="radio"].disabled,

input[type="checkbox"].disabled,

fieldset[disabled] input[type="radio"],

fieldset[disabled] input[type="checkbox"] {

    cursor: not-allowed

}



.radio-inline.disabled,

.checkbox-inline.disabled,

fieldset[disabled] .radio-inline,

fieldset[disabled] .checkbox-inline {

    cursor: not-allowed

}



.radio.disabled label,

.checkbox.disabled label,

fieldset[disabled] .radio label,

fieldset[disabled] .checkbox label {

    cursor: not-allowed

}



.has-error {

    color: #e25c3d

}



.has-error .form-control {

    border-color: #e25c3d

}



.help-block {

    display: block;

    color: currentColor

}



.help-block p {

    font-size: 13px;

    line-height: 1.6;

    margin-top: 8px

}



.help-block .icon {

    width: 15px;

    height: 15px;

    margin-right: 2px;

    -webkit-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    transform: translateY(-1px);

    fill: currentColor

}



@media (min-width: 768px) {

    .form-inline .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }



    .form-inline .form-control-static {

        display: inline-block

    }



    .form-inline .input-group {

        display: inline-table;

        vertical-align: middle

    }



    .form-inline .input-group .input-group-addon,

    .form-inline .input-group .input-group-btn,

    .form-inline .input-group .form-control {

        width: auto

    }



    .form-inline .input-group>.form-control {

        width: 100%

    }



    .form-inline .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .radio,

    .form-inline .checkbox {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .radio label,

    .form-inline .checkbox label {

        padding-left: 0

    }



    .form-inline .radio input[type="radio"],

    .form-inline .checkbox input[type="checkbox"] {

        position: relative;

        margin-left: 0

    }



    .form-inline .has-feedback .form-control-feedback {

        top: 0

    }

}



.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 7px

}



.form-horizontal .radio,

.form-horizontal .checkbox {

    min-height: 25px

}



.form-horizontal .form-group {

    margin-left: -12px;

    margin-right: -12px

}



.form-horizontal .form-group:before,

.form-horizontal .form-group:after {

    content: " ";

    display: table

}



.form-horizontal .form-group:after {

    clear: both

}



.form-horizontal .form-group:before,

.form-horizontal .form-group:after {

    content: " ";

    display: table

}



.form-horizontal .form-group:after {

    clear: both

}



@media (min-width: 768px) {

    .form-horizontal .control-label {

        text-align: right;

        margin-bottom: 0;

        padding-top: 19px

    }

}



.form-horizontal .has-feedback .form-control-feedback {

    right: 12px

}



.form-separator {

    height: 1px;

    margin: 36px 0

}



.form-separator p {

    display: block;

    color: #111111;

    margin: -11px auto;

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    width: 30px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 22px;

    font-weight: 400;

    margin: 0 0 16px;

    padding: 0

}



.heading-zeroed {

    margin: 0 !important;

    padding: 0 !important

}



.headingXl {

    margin: 0 0 16px;

    font-size: 46px;

    line-height: 1.2

}



@media (min-width: 768px) {

    .headingXl {

        margin-bottom: 24px;

        font-size: 72px

    }

}



.alpha {

    margin: 0 0 16px;

    font-size: 28px;

    line-height: 1.25

}



@media (min-width: 768px) {

    .alpha {

        font-size: 46px;

        line-height: 1.2

    }

}



.beta {

    font-size: 24px;

    line-height: 30px

}



@media (min-width: 768px) {

    .beta {

        font-size: 30px;

        line-height: 39px

    }

}



.gamma {

    margin: 0 0 16px;

    font-size: 21px;

    line-height: 1.2

}



@media (min-width: 768px) {

    .gamma {

        font-size: 28px

    }

}



.delta,

.doc-header-card__title {

    font-size: 16px

}



@media (min-width: 768px) {



    .delta,

    .doc-header-card__title {

        font-size: 18px

    }

}



.epsilon {

    font-size: 15px;

    line-height: 24px

}



.zeta {

    font-size: 13px;

    line-height: 15px

}



.eta {

    font-size: 11px;

    line-height: 15px

}



.heading-secondary,

.date,

.event__title {

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.04em

}



p,

.paragraph {

    font-size: 15px;

    font-weight: 400;

    line-height: 1.6;

    margin: 16px 0

}



.paragraph--small {

    font-size: 12px;

    line-height: 1.67

}



.text-left {

    text-align: left !important

}



.text-center {

    text-align: center !important

}



.text-right {

    text-align: right !important

}



.text-overflow {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.text-weight--bold,

.doc-header-card__title {

    font-weight: 700

}



.text-weight--medium {

    font-weight: 500

}



.text-weight--regular {

    font-weight: 400

}



.list-unstyled {

    padding-left: 0;

    list-style: none

}



.list-inline {

    padding-left: 0;

    list-style: none

}



.list-inline-item {

    display: inline-block

}



.list-inline-item:not(:last-child) {

    margin-right: 24px

}



.list-inline-item-small {

    display: inline-block

}



.list-inline-item-small:not(:last-child) {

    margin-right: 16px

}



.text-shadow {

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4)

}



.text-black {

    color: #111111 !important

}



a .text-black:hover {

    color: #767676

}



.text-danger {

    color: #e25c3d !important

}



a .text-danger:hover {

    color: #df4927 !important

}



.text-warning {

    color: #e0af53 !important

}



a .text-warning:hover {

    color: #dca53d !important

}



.text-success {

    color: #3cb46e !important

}



a .text-success:hover {

    color: #36a162 !important

}



.text-decoration-none {

    text-decoration: none

}



.link--no-underline {

    text-decoration: none !important

}



.link--no-underline a,

a .link--no-underline {

    text-decoration: none !important

}



.link--no-underline a:hover,

a .link--no-underline:hover {

    text-decoration: none !important

}



.group {

    margin-bottom: 24px

}



.group--small {

    margin: 12px

}



.group--large {

    margin-bottom: 48px

}



code,

kbd,

pre,

samp {

    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace

}



code {

    padding: 2px 4px;

    font-size: 90%;

    color: #111111;

    background-color: #f1f1f1;

    border-radius: 4px

}



kbd {

    padding: 2px 4px;

    font-size: 90%;

    color: #ffffff;

    background-color: #111111;

    border-radius: 3px;

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)

}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: 700;

    box-shadow: none

}



pre {

    display: block;

    padding: 12px 18px;

    margin: 18px 0 18px;

    font-size: 14px;

    line-height: 1.6;

    color: #111111;

    background-color: #f1f1f1;

    border: none;

    border-radius: 4px;

    overflow: auto;

    overflow-wrap: normal;

    white-space: pre;

    word-spacing: normal;

    word-break: normal;

    word-wrap: normal;

    max-height: 340px;

    overflow: scroll

}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border-radius: 0;

    white-space: pre

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll

}



.sheet,

.theme-inverse .sheet--inverse {

    display: block;

    background-color: transparent;

    position: relative

}



.sheet--padding {

    padding-top: 30px;

    padding-bottom: 30px

}



@media (min-width: 768px) {

    .sheet--padding {

        padding-top: 45px;

        padding-bottom: 45px

    }

}



@media (min-width: 992px) {

    .sheet--padding {

        padding-top: 60px;

        padding-bottom: 60px

    }

}



.sheet--padding-top {

    padding-top: 30px

}



@media (min-width: 768px) {

    .sheet--padding-top {

        padding-top: 45px

    }

}



@media (min-width: 992px) {

    .sheet--padding-top {

        padding-top: 60px

    }

}



.sheet--padding-top-small {

    padding-top: 15px

}



@media (min-width: 768px) {

    .sheet--padding-top-small {

        padding-top: 22.5px

    }

}



@media (min-width: 992px) {

    .sheet--padding-top-small {

        padding-top: 30px

    }

}



.sheet--padding-bottom {

    padding-bottom: 30px

}



@media (min-width: 768px) {

    .sheet--padding-bottom {

        padding-bottom: 45px

    }

}



@media (min-width: 992px) {

    .sheet--padding-bottom {

        padding-bottom: 60px

    }

}



.sheet--padding-bottom-small {

    padding-bottom: 15px

}



@media (min-width: 768px) {

    .sheet--padding-bottom-small {

        padding-bottom: 22.5px

    }

}



@media (min-width: 992px) {

    .sheet--padding-bottom-small {

        padding-bottom: 30px

    }

}



.sheet--padding-header {

    padding-top: 48px;

    padding-bottom: 48px

}



@media (min-width: 768px) {

    .sheet--padding-header {

        padding-top: 60px;

        padding-bottom: 72px

    }

}



.sheet--padding-small {

    padding-top: 15px;

    padding-bottom: 15px

}



@media (min-width: 768px) {

    .sheet--padding-small {

        padding-top: 22.5px;

        padding-bottom: 22.5px

    }

}



@media (min-width: 992px) {

    .sheet--padding-small {

        padding-top: 30px;

        padding-bottom: 30px

    }

}



.sheet--margin {

    margin-top: 30px;

    margin-bottom: 30px

}



@media (min-width: 768px) {

    .sheet--margin {

        margin-top: 45px;

        margin-bottom: 45px

    }

}



@media (min-width: 992px) {

    .sheet--margin {

        margin-top: 60px;

        margin-bottom: 60px

    }

}



.text-primary {

    color: #111111

}



.icon-primary {

    fill: #111111 !important

}



.text-secondary {

    color: #767676

}



.icon-secondary {

    fill: #767676 !important

}



.sheet--alt {

    background-color: #f5f5f5

}



.sheet--gradient {

    background: -webkit-linear-gradient(top, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to bottom, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%)

}



.sheet--inverse,

.theme-inverse .sheet {

    background-color: #111111;

    color: #ffffff

}



.sheet--inverse .text-primary,

.theme-inverse .sheet .text-primary {

    color: #ffffff

}



.sheet--inverse .text-secondary,

.theme-inverse .sheet .text-secondary {

    color: #767676

}



.sheet--inverse a,

.theme-inverse .sheet a {

    color: #f5f5f5

}



.sheet--inverse a:hover,

.theme-inverse .sheet a:hover {

    color: #ffffff

}



.sheet--breakout {

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw

}



.btn {

    display: inline-block;

    margin-bottom: 0;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    text-decoration: none;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02), 0 1px 1px rgba(0, 0, 0, 0.06);

    padding: 9px 18px;

    font-size: 15px;

    line-height: 1.6;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out;

    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out

}



.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

    outline: thin dotted #333;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn:hover,

.btn:focus,

.btn.focus {

    color: #ffffff;

    text-decoration: none

}



.btn:hover .icon,

.btn:focus .icon,

.btn.focus .icon {

    fill: currentColor

}



.btn:active,

.btn.active {

    outline: 0;

    background-image: none

}



.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

    cursor: not-allowed;

    pointer-events: none;

    color: #767676;

    box-shadow: none;

    background-color: #f1f1f1

}



.btn .icon {

    fill: #ffffff

}



.btn:hover .icon {

    fill: #ffffff

}



.btn__text {

    display: inline

}



.btn__text--hide-on-xs {

    display: none !important

}



.btn__text--show-on-xs {

    display: inline !important

}



@media (min-width: 768px) {

    .btn__text--hide-on-xs {

        display: inline !important

    }



    .btn__text--show-on-xs {

        display: none !important

    }

}



.btn-default,

.theme-inverse .btn-inverse {

    color: #ffffff;

    background-color: #111111

}



.btn-default:hover,

.theme-inverse .btn-inverse:hover,

.btn-default:active,

.theme-inverse .btn-inverse:active {

    background-color: #111111

}



.btn-inverse,

.theme-inverse .btn-default {

    color: #111111;

    background-color: #ffffff

}



.btn-inverse:hover,

.theme-inverse .btn-default:hover,

.btn-inverse:active,

.theme-inverse .btn-default:active {

    color: #111111

}



.btn-warning {

    color: #ffffff;

    background-color: #e0af53

}



.btn-warning:hover,

.btn-warning:active {

    background-color: #dca53d

}



.btn-danger {

    color: #ffffff;

    background-color: #e25c3d

}



.btn-danger:hover,

.btn-danger:active {

    background-color: #df4927

}



.btn-success {

    color: #ffffff;

    background-color: #3cb46e

}



.btn-success:hover,

.btn-success:active {

    background-color: #36a162

}



.btn-facebook,

.btn-twitter {

    color: #ffffff;

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.btn-facebook .icon,

.btn-twitter .icon {

    width: 22px;

    height: 22px;

    margin-right: 8px;

    fill: #ffffff

}



.btn-facebook {

    background-color: #4c66a4

}



.btn-facebook:hover,

.btn-facebook:active {

    background-color: #3c5081

}



.btn-twitter {

    background-color: #00ade9

}



.btn-twitter:hover,

.btn-twitter:active {

    background-color: #0087b6

}



.btn-outline {

    background-color: #fff;

    color: #767676;

    fill: #767676;

    border: 1px solid #d1d1d1;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.btn-outline:hover,

.btn-outline:focus {

    color: #111111;

    border-color: #767676

}



.btn-outline .icon {

    fill: #767676

}



.btn-outline:hover .icon {

    fill: #111111

}



.btn-outline--danger {

    border-color: #e25c3d;

    color: #e25c3d

}



.btn-outline--danger:hover,

.btn-outline--danger:focus {

    border-color: #e25c3d;

    color: #e25c3d

}



.btn-outline--warning {

    border-color: #e0af53;

    color: #e0af53

}



.btn-outline--warning:hover,

.btn-outline--warning:focus {

    border-color: #e0af53;

    color: #e0af53

}



.btn-outline--success {

    border-color: #3cb46e;

    color: #3cb46e

}



.btn-outline--success:hover,

.btn-outline--success:focus {

    border-color: #3cb46e;

    color: #3cb46e

}



.sheet--overlay .btn-outline {

    color: #ffffff;

    border: 1px solid #ffffff;

    opacity: 0.6

}



.sheet--overlay .btn-outline:hover,

.sheet--overlay .btn-outline:focus {

    opacity: 1

}



.btn-block-level {

    width: 100%

}



.btn-transparent {

    background-color: transparent;

    color: #111111;

    opacity: 1 !important

}



.btn-transparent--success {

    color: #3cb46e

}



.btn-transparent--warning {

    color: #e0af53

}



.btn-transparent--danger {

    color: #e25c3d

}



.btn-transparent--inverse {

    color: #ffffff

}



.btn-link {

    color: #767676;

    font-weight: normal;

    border-radius: 0;

    padding-left: 0;

    padding-right: 0;

    text-decoration: underline;

    box-shadow: none;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

    background-color: transparent

}



.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

    border-color: transparent

}



.btn-link:hover,

.btn-link:focus {

    color: #111111;

    text-decoration: underline;

    background-color: transparent

}



.btn-link[disabled]:hover,

fieldset[disabled] .btn-link:hover,

.btn-link[disabled]:focus,

fieldset[disabled] .btn-link:focus {

    color: #f5f5f5;

    text-decoration: none

}



.btn-link--danger {

    color: #e25c3d

}



.btn-link--danger:hover,

.btn-link--danger:focus {

    color: #df4927

}



.btn-link--danger[disabled]:hover,

fieldset[disabled] .btn-link--danger:hover,

.btn-link--danger[disabled]:focus,

fieldset[disabled] .btn-link--danger:focus {

    color: #df4927;

    text-decoration: none

}



.btn-link--no-underline {

    text-decoration: none

}



.btn-link--no-underline:hover,

.btn-link--no-underline:focus {

    text-decoration: none

}



.btn-icon .icon {

    vertical-align: text-bottom

}



.btn-icon .btn__text {

    margin-left: 1px

}



.btn--small,

.btn-group-sm>.btn {

    font-size: 14px;

    padding: 0 11px;

    line-height: 30px;

    height: 32px;

    font-weight: 500

}



.btn--small.btn-icon {

    padding-left: 10px;

    padding-right: 10px

}



.btn--small.btn-icon .icon {

    width: 18px;

    height: 18px

}



.btn--mini {

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 500;

    padding: 3px 5px;

    font-size: 11px;

    line-height: 1;

    border-radius: 3px

}



.btn--large {

    padding: 13px 24px;

    font-size: 18px;

    line-height: 1.6;

    border-radius: 4px

}



.btn-two-line {

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-size: 21px;

    padding: 12px 44px 18px;

    line-height: 1.4;

    -webkit-font-smoothing: antialiased

}



.btn-two-line span {

    display: block;

    font-weight: normal;

    font-size: 15px;

    letter-spacing: .02em

}



.btn-group--inline {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-left: -8px;

    margin-right: -8px

}



.btn-group--inline .btn {

    margin: 8px

}



.btn-group--inline-end {

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end

}



.btn-outline--tabs {

    background-color: #f7f7f7;

    color: #767676;

    fill: #767676;

    border: 1px solid #d1d1d1;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.btn-outline--tabs:hover,

.btn-outline--tabs:focus {

    background-color: #ffffff;

    color: #111111

}



.btn-outline--tabs.active {

    background-color: #ffffff;

    color: #111111

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    vertical-align: middle

}



.btn-group>.btn,

.btn-group-vertical>.btn {

    position: relative;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto

}



.btn-group>.btn:hover,

.btn-group-vertical>.btn:hover {

    z-index: 1

}



.btn-group>.btn:focus,

.btn-group-vertical>.btn:focus,

.btn-group>.btn:active,

.btn-group-vertical>.btn:active,

.btn-group>.btn.active,

.btn-group-vertical>.btn.active {

    z-index: 1;

    outline: none

}



.btn-group .btn+.btn,

.btn-group-vertical .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group-vertical .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group-vertical .btn-group+.btn,

.btn-group .btn-group+.btn-group,

.btn-group-vertical .btn-group+.btn-group {

    margin-left: -1px

}



.btn-group>.btn:first-child {

    margin-left: 0

}



.btn-group>.btn:not(:last-child):not(.dropdown-toggle),

.btn-group>.btn-group:not(:last-child)>.btn {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.btn-group>.btn:not(:first-child),

.btn-group>.btn-group:not(:first-child)>.btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



@media (max-width: 820px) {

    .btn-group-responsive {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .btn-group-responsive>.btn {

        width: 100%

    }



    .btn-group-responsive>.btn:first-child {

        border-radius: 4px 4px 0 0

    }



    .btn-group-responsive>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

        border-top-right-radius: 4px

    }



    .btn-group-responsive>.btn:last-child:not(:first-child) {

        border-radius: 0 0 4px 4px

    }



    .btn-group-responsive .btn+.btn {

        margin-left: 0

    }

}



.btn-copy {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

    text-decoration: none;

    padding: 2px;

    position: relative

}



.btn-copy:after {

    content: 'Copy to Clipboard';

    opacity: 0;

    pointer-events: none;

    position: absolute;

    z-index: 20;

    bottom: 100%;

    left: 50%;

    margin-left: -57px;

    width: 114px;

    height: 26px;

    line-height: 26px;

    color: #fff;

    font-size: 11px;

    text-align: center;

    background: rgba(0, 0, 0, 0.9);

    border-radius: 3px;

    margin-bottom: 4px;

    -webkit-transition: opacity 0.15s ease-in-out;

    transition: opacity 0.15s ease-in-out

}



.btn-copy:hover:after {

    opacity: 1

}



.btn-copy:active,

.btn-copy:focus {

    outline: none

}



.btn-copy:active:after,

.btn-copy:focus:after {

    content: 'Copied!';

    width: 60px;

    margin-left: -30px;

    left: 50%

}



.square-thumbnail {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    padding-bottom: 100%;

    margin: 12px 0

}



.form-error-header,

.form-error-inline {

    background-color: #f9ded8

}



.form-error-header a,

.form-error-inline a,

.form-error-header a:hover,

.form-error-inline a:hover {

    color: #e25c3d

}



.theme-inverse .form-error-header,

.theme-inverse .form-error-inline {

    background-color: #111111

}



.form-error-header {

    padding: 20px 20px 5px;

    margin-bottom: 24px;

    border-radius: 4px

}



.form-error-header p:first-child {

    margin-top: 0

}



.form-error-inline {

    margin-top: 6px;

    padding: 3px 9px;

    font-size: 12px;

    border-radius: 4px

}



.theme-inverse .form-error-inline {

    color: #e25c3d

}



.tabs {

    position: relative;

    display: block;

    margin-top: 20px;

    margin-bottom: 12px;

    margin-left: 0;

    padding-left: 0;

    border-bottom: 1px solid #ddd;

    list-style: none

}



@media (min-width: 768px) {

    .tabs {

        margin-left: 0

    }

}



@media (min-width: 992px) {

    .tabs {

        margin-top: -13px

    }

}



.tabs>li {

    float: left;

    margin-bottom: -1px;

    padding-right: 16px

}



@media (min-width: 768px) {

    .tabs>li {

        padding-right: 22px;

        font-size: 16px

    }

}



.tabs>li:last-child {

    padding-right: 0

}



.tabs>li>a {

    position: relative;

    display: block;

    padding: 8px 0;

    line-height: 1.6;

    text-decoration: none

}



.tabs>li>a:hover,

.tabs>li>a:focus {

    text-decoration: none

}



.tabs>li.active>a,

.tabs>li.active>a:hover,

.tabs>li.active>a:focus {

    color: #111111;

    border-bottom: 1px solid;

    cursor: default;

    text-decoration: none

}



.tabs>li.disabled>a {

    color: #767676

}



.tabs>li.disabled>a:hover,

.tabs>li.disabled>a:focus {

    color: #767676;

    text-decoration: none;

    cursor: not-allowed

}



.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}



.tab-content--padded {

    padding-top: 12px

}



/* .modal-open {

    overflow: hidden

}



.modal {

    display: none;

    overflow: hidden;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1000;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



@media (max-width: 768px) {

    .modal {

        padding-right: 0 !important

    }

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, 8%);

    -ms-transform: translate(0, 8%);

    transform: translate(0, 8%);

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    opacity: 0

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    opacity: 1

}



.modal--scale.fade .modal-dialog {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

    opacity: 0

}



.modal--scale.in .modal-dialog {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal-dialog {

    position: relative;

    width: 100%

}



@media (max-width: 768px) {

    .modal-dialog {

        height: 100%

    }

}



@media (min-width: 768px) {

    .modal-dialog {

        width: 540px;

        margin: 70px auto 20px

    }

}



.modal-dialog--wide {

    width: 100%

}



@media (min-width: 768px) {

    .modal-dialog--wide {

        width: 80%;

        margin: 70px auto 20px

    }

}



@media (min-width: 768px) {

    .modal-dialog--with-aside {

        width: 760px

    }

}



@media (min-width: 992px) {

    .modal-dialog--with-aside {

        width: 900px

    }

}



.modal-content {

    position: relative;

    background-color: #ffffff;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);

    background-clip: padding-box;

    outline: 0;

    display: block;

    width: 100%

}



@media (min-width: 768px) {

    .modal-content {

        display: table;

        border-radius: 4px

    }

}



@media (max-width: 768px) {

    .modal-content {

        min-height: 100%;

        height: auto

    }

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 900;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.2 ease-in-out;

    transition: all 0.2 ease-in-out

}



.modal-backdrop.fade {

    opacity: 0

}



.modal-backdrop.in {

    opacity: 1

}



.modal-close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 10;

    padding: 2px 12px;

    font-size: 24px;

    color: #767676;

    opacity: .5;

    -webkit-transition: all .1s;

    transition: all .1s

}



.modal-close:hover,

.modal-close:focus {

    opacity: .8

}



.modal-body {

    position: relative;

    padding: 20px 15px;

    vertical-align: top;

    overflow: hidden

}



@media (min-width: 768px) {

    .modal-body {

        display: table-cell;

        padding: 32px 40px

    }

}



.modal-body .modal-title {

    font-size: 21px;

    margin-bottom: 30px

}



@media (min-width: 768px) {

    .modal-body .modal-title {

        font-size: 24px

    }

}



.modal-body--scroll {

    padding: 30px 0 0 0

}



.modal-body--scroll .modal-title--scroll {

    padding-left: 15px

}



@media (min-width: 768px) {

    .modal-body--scroll .modal-title--scroll {

        padding-left: 45px

    }

}



.modal-content-hidden {

    position: absolute;

    top: 0;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    visibility: hidden;

    z-index: 6;

    display: table-cell;

    width: 100%;

    min-height: 100%;

    padding: 30px 15px 0;

    overflow: hidden;

    vertical-align: top;

    background-color: #ffffff;

    border-radius: 4px;

    -webkit-transition: all 300ms cubic-bezier(0.2, 0.05, 0.03, 0.95);

    transition: all 300ms cubic-bezier(0.2, 0.05, 0.03, 0.95)

}



@media (min-width: 768px) {

    .modal-content-hidden {

        padding: 30px 45px 0

    }

}



.modal-content-hidden--shown {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    visibility: visible

}



.modal-aside {

    display: none

}



@media (min-width: 768px) {

    .modal-aside {

        background-size: cover;

        background-position: center center;

        background-repeat: no-repeat;

        display: table-cell;

        width: 37%;

        height: 100%;

        background-color: #f5f5f5;

        vertical-align: top;

        border-radius: 4px 0 0 4px

    }

}



_:-webkit-full-screen:not(:root:root),

.h-safari-offset-fix {

    position: relative;

    left: -1px

}



.modal-footer {

    position: relative;

    padding-top: 20px

}



.modal-footer--hidden {

    position: absolute;

    z-index: 6;

    display: none;

    width: 100%;

    overflow: hidden;

    background-color: #ffffff

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

} */



.counter {

    display: inline;

    vertical-align: middle;

    font-size: 9px;

    font-weight: 700;

    background-color: #d1d1d1;

    color: #111111;

    border-radius: 3px;

    padding: 1px 3px;

    margin-left: 2px

}



.tooltip {

    position: absolute;

    z-index: 200;

    display: block;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-style: normal;

    font-weight: normal;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.6;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    word-wrap: normal;

    font-size: 12px;

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out

}



.tooltip.in {

    opacity: 0.7

}



.tooltip.top {

    margin-top: -8px

}



.tooltip-inner {

    max-width: 240px;

    padding: 3px 8px;

    color: #ffffff;

    text-align: center;

    background-color: #111111;

    border-radius: 3px

}



.tooltip-arrow {

    display: none

}



.logo-header {

    width: 54px;

    -webkit-transition: all .1s;

    transition: all .1s;

    padding-bottom: 12px

}



@media (min-width: 768px) {

    .logo-header {

        width: 70px

    }

}



.logo-header-modal {

    width: 54px;

    margin: 40px 0 20px

}



.logo-footer {

    width: 40px

}



.offset-fixed-navbar {

    height: 57px

}



@media (min-width: 768px) {

    .offset-fixed-navbar {

        height: 62px

    }

}



.offset-fixed-navbar--unconfirmed {

    height: 113px

}



@media (min-width: 768px) {

    .offset-fixed-navbar--unconfirmed {

        height: 96px

    }

}



.navbar-container {

    position: relative;

    z-index: 100

}



.navbar-container--fixed {

    position: fixed;

    top: 0;

    width: 100%

}



.navbar {

    position: relative;

    z-index: 100;

    width: 100%;

    height: 62px;

    background-color: #ffffff;

    padding-right: 20px;

    padding-left: 20px;

    cursor: default

}



.navbar a,

.navbar a:hover {

    text-decoration: none

}



.navbar--fixed {

    position: fixed;

    top: 0

}



.navbar--fixed-bottom {

    position: fixed;

    bottom: 0

}



.nav-shadow {

    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.08)

}



.navbar__logo-container {

    display: inline-block;

    -webkit-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    transform: translateY(-1px)

}



.navbar__logo {

    width: 32px;

    position: relative;

    margin-right: 12px

}



@media (max-width: 767px) {

    .navbar__logo {

        margin-right: 0

    }

}



.navbar__logo-text {

    color: #111111;

    font-weight: 700

}



.navbar__element {

    display: inline-block;

    *display: inline;

    font-size: 14px;

    font-weight: 500

}



.navbar__element .btn-icon {

    vertical-align: -3px

}



.navbar__element.active a,

.navbar__element.active a:hover {

    color: #111111;

    pointer-events: none

}



@media (max-width: 767px) {

    .navbar__element--show-on-xs {

        display: block !important

    }

}



@media (min-width: 767px) {

    .navbar__element--show-on-xs {

        display: none !important

    }

}



@media (max-width: 767px) {

    .navbar__element--hide-on-xs {

        display: none !important

    }

}



@media (max-width: 991px) {

    .navbar__element--hide-on-sm {

        display: none !important

    }

}



.navbar__element--heading a {

    padding: 22px 12px

}



.navbar__element--heading.active a,

.navbar__element--heading.active a:hover {

    color: #111111;

    pointer-events: none

}



.navbar__element--last-child {

    padding-left: 12px

}



@media (max-width: 767px) {

    .navbar__element--last-child {

        padding-left: 0;

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        -ms-flex: 1;

        flex: 1

    }

}



.navbar .dropdown-menu {

    margin-top: -6px

}



.navbar .dropup .dropdown-menu {

    margin-bottom: 18px;

    padding-bottom: 8px

}



.theme-inverse .navbar,

.navbar--inverse {

    background-color: rgba(18, 18, 18, 0.85)

}



.theme-inverse .navbar a,

.navbar--inverse a {

    color: #767676

}



.theme-inverse .navbar a:hover,

.navbar--inverse a:hover {

    color: #ffffff

}



.theme-inverse .navbar .navbar__element.active a,

.navbar--inverse .navbar__element.active a,

.theme-inverse .navbar .navbar__element.active a:hover,

.navbar--inverse .navbar__element.active a:hover {

    color: #ffffff

}



.navbar--mini {

    padding: 3px 11px;

    height: 40px

}



.navbar--mini .dropdown li a {

    text-transform: unset;

    letter-spacing: unset;

    font-size: 13px;

    font-weight: normal;

    padding: 5px 0

}



.navbar--mini .navbar__element--heading a {

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.04em;

    padding-top: 3px;

    padding-bottom: 3px;

    font-size: 11px

}



.navbar--icons {

    padding: 0

}



.navbar--icons .navbar__icons-container {

    display: block;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.navbar--icons .navbar__icons-container:before,

.navbar--icons .navbar__icons-container:after {

    content: " ";

    display: table

}



.navbar--icons .navbar__icons-container:after {

    clear: both

}



.navbar--icons .navbar__icons-container:before,

.navbar--icons .navbar__icons-container:after {

    content: " ";

    display: table

}



.navbar--icons .navbar__icons-container:after {

    clear: both

}



.navbar--icons .navbar__icons-container .navbar__element {

    width: 100%;

    height: auto;

    padding: 0 8px;

    margin: 0;

    text-align: center

}



.navbar--icons .navbar__icons-container .navbar__element a {

    display: inline-block;

    width: 100%;

    padding: 15px 4px

}



.navbar--icons .navbar__icons-container .navbar__element a .icon {

    font-size: 21px

}



.navbar--icons .navbar__icons-container .navbar__element a:hover {

    color: #767676

}



.navbar--icons .navbar__icons-container>.navbar__element:nth-of-type(5n+1) {

    clear: both

}



.navbar--icons .navbar__icons-container>.navbar__element:nth-of-type(n) {

    clear: none

}



.navbar--icons .navbar__icons-container .dropdown-menu>li>a {

    padding: 10px 0

}



.btn--join-mobile {

    padding: 0 5px !important;

    font-weight: 500

}



.spinner-container {

    padding: 24px 0

}



.spinner-container--padded {

    padding: 24px 0 800px

}



.spinner {

    position: relative

}



.spinner:before {

    content: "";

    z-index: 1;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #767676;

    opacity: 0.6

}



.spinner:after {

    z-index: 2;

    content: "";

    height: 30px;

    width: 30px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -15px 0 0 -15px;

    -webkit-transition: all .75s ease 0s;

    transition: all .75s ease 0s;

    border-radius: 100%;

    border-right: 4px solid #111111;

    border-top: 4px solid #f5f5f5;

    border-left: 4px solid #f5f5f5;

    border-bottom: 4px solid #f5f5f5;

    -webkit-animation: standard .45s infinite linear;

    animation: standard .45s infinite linear;

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    opacity: 1

}



@-webkit-keyframes standard {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes standard {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.loading-spinner {

    width: 32px

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 5px;

    vertical-align: middle;

    border-top: 4px solid;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}



.dropdown {

    position: relative

}



.dropdown-toggle:focus {

    outline: 0

}



/* .dropdown-menu {

    position: absolute;

    top: 100%;

    z-index: 200;

    display: block;

    float: left;

    min-width: 160px;

    padding: 9px 16px;

    margin: 6px 0 0;

    list-style: none;

    font-size: 13px;

    letter-spacing: 0;

    text-transform: none;

    text-align: left;

    background-color: #111111;

    border-radius: 3px;

    background-clip: padding-box;

    -webkit-transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 100ms ease-in-out;

    transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 100ms ease-in-out;

    opacity: 0;

    -webkit-transform: scale(0.8) translate(-10%, -10%);

    -ms-transform: scale(0.8) translate(-10%, -10%);

    transform: scale(0.8) translate(-10%, -10%);

    pointer-events: none

} */



@media (max-width: 767px) {

    .dropdown-menu {

        padding: 6px 18px 8px

    }

}



.dropdown-menu::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    bottom: 100%;

    border: 5px solid transparent;

    border-top-width: 0;

    border-bottom-color: #111111

}



.dropdown-menu-left::before {

    right: 100%;

    margin-right: -20px

}



.dropdown-menu-right::before {

    left: 100%;

    margin-left: -20px

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto

}



.dropdown-menu>li>a {

    display: block;

    padding: 6px 0;

    font-weight: normal;

    line-height: 1.6;

    color: #ffffff;

    white-space: nowrap

}



@media (max-width: 767px) {

    .dropdown-menu>li>a {

        padding: 10px 0;

        font-size: 15px

    }

}



.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus {

    color: #767676

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    color: #ffffff;

    outline: 0

}



.dropdown-menu>.disabled>a,

.dropdown-menu>.disabled>a:hover,

.dropdown-menu>.disabled>a:focus {

    color: #767676

}



.dropdown-menu>.disabled>a:hover,

.dropdown-menu>.disabled>a:focus {

    text-decoration: none;

    background-color: transparent;

    cursor: not-allowed

}



.open>.dropdown-menu {

    opacity: 1;

    -webkit-transform: scale(1) translate(0) !important;

    -ms-transform: scale(1) translate(0) !important;

    transform: scale(1) translate(0) !important;

    pointer-events: auto

}



.open>a {

    outline: 0

}



.dropdown-menu-right {

    left: auto;

    right: 0;

    -webkit-transform: scale(0.8) translate(10%, -10%);

    -ms-transform: scale(0.8) translate(10%, -10%);

    transform: scale(0.8) translate(10%, -10%);

    text-align: right

}



.dropdown-menu-right--bottom-icons {

    right: 12px

}



.dropdown-menu-left {

    left: 0;

    right: auto

}



.dropdown-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 190

}



.pull-right>.dropdown-menu {

    right: 0;

    left: auto

}



.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

    border-top: 0;

    border-bottom: 4px dashed;

    content: ""

}



.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: 2px;

    -webkit-transform: scale(0.8) translate(-10%, 10%);

    -ms-transform: scale(0.8) translate(-10%, 10%);

    transform: scale(0.8) translate(-10%, 10%)

}



.dropup .dropdown-menu::before,

.navbar-fixed-bottom .dropdown .dropdown-menu::before {

    top: 100%;

    border: 5px solid transparent;

    border-bottom-width: 0;

    border-top-color: #111111

}



.flash {

    position: fixed;

    z-index: 1020;

    top: 0;

    left: 0;

    right: 0;

    padding: 20px 0;

    background-color: #767676;

    background-color: rgba(118, 118, 118, 0.95)

}



.flash__container {

    font-size: 13px;

    line-height: 15px

}



.flash__message {

    text-align: center;

    color: #ffffff

}



.flash__help-link-container {

    padding-top: 3px

}



.flash__help-link {

    color: #ffffff

}



.flash__close {

    position: absolute;

    top: 50%;

    right: 0;

    padding: 8px 12px 12px;

    font-size: 21px;

    font-weight: 200;

    color: #ffffff;

    text-align: right;

    opacity: 0.7;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    text-decoration: none

}



@media (min-width: 768px) {

    .flash__close {

        font-size: 28px

    }

}



.flash__close:hover,

.flash__close:focus {

    color: #ffffff;

    text-decoration: none;

    cursor: pointer;

    opacity: 1

}



.flash a {

    color: #ffffff;

    opacity: 0.7

}



.flash a:hover,

.flash a:active {

    color: #ffffff;

    opacity: 1

}



.flash--notice {

    background-color: #767676;

    background-color: rgba(118, 118, 118, 0.95)

}



.flash--alert {

    background-color: #e25c3d;

    background-color: rgba(226, 92, 61, 0.95)

}



@media (min-width: 768px) {

    .flash__message {

        font-size: 15px;

        line-height: 24px

    }

}



.checkbox-btn {

    color: #767676;

    overflow: auto;

    cursor: pointer;

    display: block

}



.checkbox-btn:hover {

    color: #111111

}



.checkbox-btn label {

    text-transform: uppercase;

    letter-spacing: 0.1em;

    cursor: pointer;

    display: block;

    position: relative;

    overflow: hidden

}



.checkbox-btn label span {

    text-align: center;

    padding: 2px 6px 3px;

    text-transform: uppercase;

    font-size: 10px;

    display: block

}



.checkbox-btn label input {

    position: absolute;

    left: -20px

}



.checkbox-btn input+span {

    background-color: transparent;

    border-radius: 4px;

    border: 1px solid #f5f5f5;

    -webkit-transition: border 0.3s ease-in-out;

    transition: border 0.3s ease-in-out

}



.checkbox-btn input:checked+span {

    background-color: transparent;

    color: #111111;

    border-color: #111111

}



.documentation-block h1,

.documentation-block h2,

.documentation-block h3,

.documentation-block h4,

.documentation-block h5,

.documentation-block h6 {

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700

}



.documentation-block h1 {

    font-size: 24px;

    line-height: 30px

}



@media (min-width: 768px) {

    .documentation-block h1 {

        font-size: 30px;

        line-height: 39px

    }

}



.documentation-block h2 {

    margin: 0 0 16px;

    font-size: 21px;

    line-height: 1.2;

    padding-top: 72px;

    margin: 72px 0 18px;

    border-top: 1px solid #f5f5f5

}



@media (min-width: 768px) {

    .documentation-block h2 {

        font-size: 28px

    }

}



.documentation-block h3 {

    font-size: 16px;

    margin: 52px 0 6px

}



@media (min-width: 768px) {

    .documentation-block h3 {

        font-size: 18px

    }

}



.documentation-block h4,

.documentation-block h5,

.documentation-block h6 {

    font-size: 15px;

    line-height: 24px;

    line-height: 1;

    font-weight: 700;

    margin: 36px 0 0

}



.documentation-block p {

    margin: 9px 0

}



.documentation-block p+p {

    margin: 18px 0

}



.documentation-block table {

    margin: 18px 0

}



.legalese-block h1 {

    font-size: 16px;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700;

    margin-bottom: 30px

}



@media (min-width: 768px) {

    .legalese-block h1 {

        font-size: 18px

    }

}



.legalese-block h2 {

    font-size: 15px;

    line-height: 24px;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700;

    margin-top: 50px

}



.faq-block {

    margin-bottom: 60px

}



.faq-block h1 {

    font-size: 16px;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700;

    margin-bottom: 30px

}



@media (min-width: 768px) {

    .faq-block h1 {

        font-size: 18px

    }

}



.faq-block h2 {

    font-size: 15px;

    line-height: 24px;

    line-height: 1;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700;

    margin-top: 50px

}



.faq-block h2:first-of-type {

    margin-top: 0

}



.faq-block p {

    margin: 9px 0

}



.faq-block p+p {

    margin: 18px 0

}



.label {

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 900;

    text-transform: uppercase;

    display: inline-block;

    padding: 2px 4px 3px 4px;

    font-size: 8px;

    line-height: 1;

    color: #111111;

    text-align: center;

    white-space: nowrap;

    vertical-align: text-top;

    margin-left: -4px;

    background-color: #f5f5f5;

    border-radius: 3px;

    opacity: 0.8

}



.pill {

    height: 24px;

    border-radius: 24px;

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 13px;

    line-height: 1;

    padding-right: 12px;

    padding-left: 12px;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    text-decoration: none;

    background-color: #eaeaea;

    color: #767676

}



a .pill,

a:hover .pill {

    text-decoration: none

}



.pill .icon {

    padding-right: 3px;

    margin-left: -3px;

    fill: #767676

}



a .pill .icon,

a:hover .pill .icon {

    fill: #767676

}



.pill--primary {

    background-color: #cce6ff;

    color: #0080ff

}



.pill--primary .icon {

    fill: #0080ff

}



a .pill--primary .icon,

a:hover .pill--primary .icon {

    fill: #0080ff

}



.pill--default {

    background-color: #5e5e5e;

    color: #ffffff

}



.pill--default .icon {

    fill: #ffffff

}



a .pill--default .icon,

a:hover .pill--default .icon {

    fill: #ffffff

}



.pill--warning {

    background-color: #f9efdd;

    color: #dca53d

}



.pill--warning .icon {

    fill: #dca53d

}



a .pill--warning .icon,

a:hover .pill--warning .icon {

    fill: #dca53d

}



.pill--danger {

    background-color: #f9dbd4;

    color: #e25c3d

}



.pill--danger .icon {

    fill: #e25c3d

}



a .pill--danger .icon,

a:hover .pill--danger .icon {

    fill: #e25c3d

}



.pill--success {

    background-color: #b7e7cb;

    color: #36a162

}



.pill--success .icon {

    fill: #36a162

}



a .pill--success .icon,

a:hover .pill--success .icon {

    fill: #36a162

}



.code-dark pre {

    background-color: #272822

}



.code-dark .hll {

    background-color: #272822

}



.code-dark .c {

    color: #75715e

}



.code-dark .err {

    color: #960050;

    background-color: #1e0010

}



.code-dark .k {

    color: #ae81ff

}



.code-dark .l {

    color: #ae81ff

}



.code-dark .n {

    color: #e97977

}



.code-dark .o {

    color: #ffffff

}



.code-dark .p {

    color: #f8f8f2

}



.code-dark .cm {

    color: #75715e

}



.code-dark .cp {

    color: #75715e

}



.code-dark .c1 {

    color: #75715e

}



.code-dark .cs {

    color: #75715e

}



.code-dark .ge {

    font-style: italic

}



.code-dark .gs {

    font-weight: 700

}



.code-dark .kc {

    color: #ae81ff

}



.code-dark .kd {

    color: #ae81ff

}



.code-dark .kn {

    color: #e97977

}



.code-dark .kp {

    color: #ae81ff

}



.code-dark .kr {

    color: #ae81ff

}



.code-dark .kt {

    color: #ae81ff

}



.code-dark .ld {

    color: #e0af53

}



.code-dark .m {

    color: #ae81ff

}



.code-dark .s {

    color: #e0af53

}



.code-dark .na {

    color: #e97977

}



.code-dark .nb {

    color: #f8f8f2

}



.code-dark .nc {

    color: #e97977

}



.code-dark .no {

    color: #ae81ff

}



.code-dark .nd {

    color: #e97977

}



.code-dark .ni {

    color: #f8f8f2

}



.code-dark .ne {

    color: #e97977

}



.code-dark .nf {

    color: #e97977

}



.code-dark .nl {

    color: #f8f8f2

}



.code-dark .nn {

    color: #f8f8f2

}



.code-dark .nx {

    color: #ae81ff

}



.code-dark .py {

    color: #f8f8f2

}



.code-dark .nt {

    color: #e97977

}



.code-dark .nv {

    color: #f8f8f2

}



.code-dark .ow {

    color: #e97977

}



.code-dark .w {

    color: #f8f8f2

}



.code-dark .mf {

    color: #ae81ff

}



.code-dark .mh {

    color: #ae81ff

}



.code-dark .mi {

    color: #ae81ff

}



.code-dark .mo {

    color: #ae81ff

}



.code-dark .sb {

    color: #e0af53

}



.code-dark .sc {

    color: #e0af53

}



.code-dark .sd {

    color: #e0af53

}



.code-dark .s2 {

    color: #e0af53

}



.code-dark .se {

    color: #ae81ff

}



.code-dark .sh {

    color: #e0af53

}



.code-dark .si {

    color: #e0af53

}



.code-dark .sx {

    color: #e0af53

}



.code-dark .sr {

    color: #e0af53

}



.code-dark .s1 {

    color: #e0af53

}



.code-dark .ss {

    color: #e0af53

}



.code-dark .bp {

    color: #f8f8f2

}



.code-dark .vc {

    color: #f8f8f2

}



.code-dark .vg {

    color: #f8f8f2

}



.code-dark .vi {

    color: #f8f8f2

}



.code-dark .il {

    color: #ae81ff

}



.code-dark .gu {

    color: #75715e

}



.code-dark .gd {

    color: #E97977

}



.code-dark .gi {

    color: #e97977

}



.code-dark .lineno {

    color: #cccccc

}



.code-light pre {

    background-color: #f5f5f5

}



.code-light .hll {

    background-color: #f5f5f5

}



.code-light .c {

    color: #75715e

}



.code-light .err {

    color: #960050;

    background-color: #f5f5f5

}



.code-light .k {

    color: #ae81ff

}



.code-light .l {

    color: #ae81ff

}



.code-light .n {

    color: #e97977

}



.code-light .o {

    color: #111111

}



.code-light .p {

    color: #111111

}



.code-light .cm {

    color: #767676

}



.code-light .cp {

    color: #767676

}



.code-light .c1 {

    color: #767676

}



.code-light .cs {

    color: #767676

}



.code-light .ge {

    font-style: italic

}



.code-light .gs {

    font-weight: 700

}



.code-light .kc {

    color: #ae81ff

}



.code-light .kd {

    color: #ae81ff

}



.code-light .kn {

    color: #e97977

}



.code-light .kp {

    color: #ae81ff

}



.code-light .kr {

    color: #ae81ff

}



.code-light .kt {

    color: #ae81ff

}



.code-light .ld {

    color: #e0af53

}



.code-light .m {

    color: #ae81ff

}



.code-light .s {

    color: #e0af53

}



.code-light .na {

    color: #e97977

}



.code-light .nb {

    color: #111111

}



.code-light .nc {

    color: #e97977

}



.code-light .no {

    color: #ae81ff

}



.code-light .nd {

    color: #e97977

}



.code-light .ni {

    color: #111111

}



.code-light .ne {

    color: #e97977

}



.code-light .nf {

    color: #e97977

}



.code-light .nl {

    color: #111111

}



.code-light .nn {

    color: #111111

}



.code-light .nx {

    color: #ae81ff

}



.code-light .py {

    color: #111111

}



.code-light .nt {

    color: #e97977

}



.code-light .nv {

    color: #111111

}



.code-light .ow {

    color: #e97977

}



.code-light .w {

    color: #111111

}



.code-light .mf {

    color: #ae81ff

}



.code-light .mh {

    color: #ae81ff

}



.code-light .mi {

    color: #ae81ff

}



.code-light .mo {

    color: #ae81ff

}



.code-light .sb {

    color: #e0af53

}



.code-light .sc {

    color: #e0af53

}



.code-light .sd {

    color: #e0af53

}



.code-light .s2 {

    color: #e0af53

}



.code-light .se {

    color: #ae81ff

}



.code-light .sh {

    color: #e0af53

}



.code-light .si {

    color: #e0af53

}



.code-light .sx {

    color: #e0af53

}



.code-light .sr {

    color: #e0af53

}



.code-light .s1 {

    color: #e0af53

}



.code-light .ss {

    color: #e0af53

}



.code-light .bp {

    color: #111111

}



.code-light .vc {

    color: #111111

}



.code-light .vg {

    color: #111111

}



.code-light .vi {

    color: #111111

}



.code-light .il {

    color: #ae81ff

}



.code-light .gu {

    color: #75715e

}



.code-light .gd {

    color: #E97977

}



.code-light .gi {

    color: #e97977

}



.code-light .lineno {

    color: #cccccc

}



.ellipsis-expander {

    fill: currentColor

}



.ellipsis-expander svg {

    width: 18px;

    height: 18px;

    padding: 0;

    margin: 0

}



.search-box {

    position: relative;

    padding-right: 60px

}



@media (min-width: 768px) {

    .search-box {

        padding-right: 0

    }

}



.search-box input {

    float: left;

    height: 32px;

    width: 100%;

    background: transparent;

    border: 1px solid #d1d1d1;

    padding: 0 34px 0 12px;

    border-radius: 16px;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-size: 12px;

    -webkit-transition: border-color ease-in-out 0.3s;

    transition: border-color ease-in-out 0.3s;

    -webkit-appearance: none

}



.search-box input:hover {

    border-color: #767676

}



.search-box input:focus {

    border-color: #111111;

    outline: 0

}



@media (min-width: 768px) {

    .search-box input {

        float: none

    }

}



a.search-box__cancel {

    position: absolute;

    top: -12px;

    width: 80px;

    padding: 10px 0;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-size: 12px;

    font-weight: normal;

    text-transform: none;

    text-decoration: underline;

    text-align: center;

    cursor: pointer

}



a.search-box__cancel:hover {

    text-decoration: underline

}



@media (min-width: 768px) {

    a.search-box__cancel {

        display: none

    }

}



.search-box .search-box__submit {

    position: absolute;

    padding: 8px 13px 9px 9px;

    top: 0;

    right: 60px;

    color: #767676;

    line-height: 1

}



.search-box .search-box__submit:hover {

    color: #111111

}



@media (min-width: 768px) {

    .search-box .search-box__submit {

        right: 0

    }

}



.search-box__submit-icon {

    font-size: 15px

}



.search-header {

    padding: 14px;

    margin-bottom: 24px

}



.search-header__title {

    font-size: 18px;

    margin: 0

}



@media (min-width: 768px) {

    .search-header__title {

        font-size: 24px

    }

}



.grid-header {

    margin-bottom: 24px;

    line-height: 32px;

    vertical-align: middle

}



.grid-header .nav {

    margin: 0

}



.photo {

    position: relative;

    box-shadow: inset 0 0 0 5px white

}



.photo-description {

    line-height: 32px

}



.photo-description__author {

    display: none;

    max-width: 90%;

    white-space: nowrap

}



@media (min-width: 768px) {

    .photo-description__author {

        display: inline-block

    }

}



.photo-description__author img {

    display: inline-block

}



.photo-description__author h2 {

    display: inline-block;

    line-height: 32px;

    font-size: 15px;

    margin-bottom: 0

}



.photo-description__author h2 a {

    display: inline-block;

    max-width: 320px;

    vertical-align: middle;

    overflow-x: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



@media (min-width: 768px) {

    .photo-description__author h2 a {

        max-width: none

    }

}



.header__logo {

    margin-bottom: 20px;

    text-align: center;

    display: none

}



@media (min-width: 768px) {

    .header__logo {

        display: block

    }

}



.header__name {

    margin-bottom: 24px;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-size: 46px;

    font-weight: 700;

    line-height: 1.2

}



.header__text-group {

    margin-bottom: 36px

}



.header__heading {

    font-size: 24px;

    margin: 0 0 6px;

    font-weight: 700

}



.header__subheading {

    font-size: 15px;

    margin: 0

}



.header__subheadings h1 {

    margin-bottom: 12px

}



.header__subheadings h2 {

    margin-bottom: 0

}



.header__subheadings p {

    margin-top: 12px

}



.header__social-links ul>li {

    padding: 0 3px

}



.header__space {

    margin-top: 18px;

    margin-bottom: 18px

}



.header__description-container {

    width: 100%

}



@media (min-width: 768px) {

    .header__description-container {

        width: 66.7%

    }

}



@media (min-width: 992px) {

    .header__description-container {

        width: 50%

    }

}



.header__description {

    font-size: 15px

}



@media (min-width: 768px) {

    .header__description {

        font-size: 18px

    }

}



.photo-grid {

    margin-left: -12px;

    margin-right: -12px;

    min-height: 150px

}



.photo-grid:before,

.photo-grid:after {

    content: " ";

    display: table

}



.photo-grid:after {

    clear: both

}



.photo-grid:before,

.photo-grid:after {

    content: " ";

    display: table

}



.photo-grid:after {

    clear: both

}



.photo-grid--single .photo-container {

    position: relative;

    float: left;

    width: 100%;

    min-height: 1px;

    padding-left: 12px;

    padding-right: 12px;

    margin-bottom: 40px;

    -webkit-transition: opacity 150ms ease-in-out;

    transition: opacity 150ms ease-in-out

}



.photo-grid--single .photo-container.is-archived {

    opacity: 0.3

}



@media (min-width: 768px) {

    .photo-grid--single .photo-container {

        margin-bottom: 48px

    }

}



@media (min-width: 992px) {

    .photo-grid--single .photo-container {

        margin-bottom: 60px

    }

}



.photo-grid--single .photo {

    margin-bottom: 12px

}



@media (min-width: 992px) {

    .photo-grid--single .photo {

        margin-bottom: 18px

    }

}



.photo-grid--single .photo-overlay {

    display: none

}



.photo-grid--multi .photo-container {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 12px;

    padding-right: 12px;

    margin-bottom: 40px

}



@media (min-width: 768px) {

    .photo-grid--multi .photo-container {

        float: left;

        width: 50%

    }

}



@media (min-width: 992px) {

    .photo-grid--multi .photo-container {

        float: left;

        width: 33.33333333%

    }

}



@media (min-width: 767px) {

    .photo-grid--multi .photo-container {

        margin-bottom: 25px

    }

}



.photo-grid--multi .photo {

    margin-bottom: 12px

}



@media (min-width: 768px) {

    .photo-grid--multi .photo {

        margin-bottom: 0

    }

}



.photo-grid--multi .photo-description {

    display: block

}



@media (min-width: 767px) {

    .photo-grid--multi .photo-description {

        display: none

    }

}



.photo-grid--multi .photo-description__info {

    display: none

}



.photo-grid--multi .photo-description--top .photo-description__info {

    display: block

}



@media (min-width: 767px) {

    .photo-grid--multi .photo-description--top .photo-description__info {

        display: none

    }

}



.photo-grid--multi .photo-overlay {

    display: none

}



@media (min-width: 767px) {

    .photo-grid--multi .photo-overlay {

        display: block

    }

}



.tagsinput {

    overflow-y: auto;

    padding: 6px 6px 1px;

    border: 1px solid #767676;

    border-radius: 3px;

    min-height: 40px !important

}



.tagsinput:hover {

    cursor: text

}



.theme-inverse .tagsinput {

    color: #ffffff;

    border-bottom-color: #f5f5f5;

    border-bottom-color: rgba(255, 255, 255, 0.4)

}



.tag {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    float: left;

    padding: 2px 15px 2px 8px;

    margin-right: 5px;

    margin-bottom: 5px;

    font-size: 14px;

    border-radius: 2px;

    text-decoration: none;

    color: #111111;

    background-color: #f1f1f1

}



.theme-inverse .tag {

    color: #ffffff;

    border: 1px solid #767676;

    background-color: transparent

}



.tag .tag__confidence {

    margin-left: 6px;

    font-size: 9px;

    font-weight: 700;

    background-color: #d1d1d1;

    color: #111111;

    border-radius: 3px;

    padding: 1px 3px

}



.tag a {

    line-height: 1;

    color: #767676;

    text-decoration: none;

    font-size: 18px;

    padding: 4px 6px;

    position: absolute;

    right: 0;

    font-weight: 100

}



.tag a:hover {

    color: #111111

}



.theme-inverse .tag a:hover {

    color: #ffffff

}



.tagsinput input {

    width: 80px;

    margin: 0px;

    font-size: 14px;

    border: 1px solid transparent;

    background: transparent;

    color: #111111;

    outline: 0px;

    margin-right: 5px

}



.theme-inverse .tagsinput input {

    color: #ffffff

}



.tagsinput div {

    display: block;

    float: left

}



.tags_clear {

    clear: both;

    width: 100%;

    height: 0px

}



.not_valid {

    background: #e25c3d !important;

    color: #111111 !important

}



.tagit {

    overflow: auto;

    margin: 0;

    padding: 4px 6px 3px;

    border: 1px solid #767676;

    border-radius: 3px;

    min-height: 40px !important

}



.tagit:hover {

    cursor: text

}



.tagit li {

    display: block;

    float: left;

    margin: 2px 5px 2px 0

}



.tagit-choice {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    float: left;

    padding: 2px 21px 2px 8px;

    margin-right: 5px;

    margin-bottom: 5px;

    font-size: 14px;

    border-radius: 2px;

    text-decoration: none;

    color: #111111;

    background-color: #f1f1f1

}



.tagit-choice.loading {

    opacity: 0.5

}



.tagit-choice.remove {

    background-color: #d1d1d1

}



.tagit-choice--already-exists {

    background-color: #f9ded8

}



.tagit-new {

    margin-left: 4px !important

}



.tagit-hidden-field {

    display: none

}



.tagit-label {

    cursor: pointer;

    text-decoration: none

}



.tagit-close {

    position: absolute;

    top: 0;

    right: 0;

    line-height: 1;

    color: #767676;

    text-decoration: none;

    font-size: 18px;

    padding: 4px 6px;

    font-weight: 100;

    cursor: pointer

}



.tagit-close:hover {

    color: #111111

}



.tagit-choice input {

    display: block;

    float: left;

    margin: 2px 5px 2px 0

}



.tagit input[type="text"] {

    box-sizing: border-box;

    box-shadow: none;

    border: none;

    margin: 0;

    padding: 0;

    width: inherit;

    background-color: inherit;

    outline: none

}



.load-more {

    margin-top: 6px;

    text-align: center

}



.load-more--is-initializing .load-more__end-element,

.load-more--is-initializing .load-more__button {

    visibility: hidden

}



.load-more__end-element {

    visibility: hidden

}



.load-more__button {

    visibility: visible;

    margin-top: -51px

}



.docs-body {

    width: 100%

}



.docs-body .offset-fixed-navbar {

    display: none

}



.docs-body .navbar {

    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.08)

}



.docs-wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: stretch;

    -webkit-align-items: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    height: 100%;

    border-top: 1px solid rgba(0, 0, 0, 0.07);

    padding-top: 62px

}



.docs-col {

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: stretch;

    -webkit-align-items: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.docs-col-left {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    position: relative;

    width: auto;

    min-width: 300px;

    overflow: scroll

}



.docs-aside {

    min-width: 300px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    padding: 40px 20px

}



.docs-col-right {

    height: 100%;

    min-height: 100%;

    max-height: 100%;

    overflow: hidden;

    position: relative;

    left: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.docs-content {

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    overflow-x: hidden;

    overflow-y: auto

}



.docs-content-inner {

    max-width: 760px;

    margin: 0 auto;

    padding: 40px 20px

}



.documentation-list ul .nav-section-title {

    color: #111111;

    text-decoration: none;

    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;

    font-weight: 700

}



.documentation-list ul>li {

    margin-top: 15px

}



.documentation-list ul>li a {

    padding: 4px 0

}



.documentation-list ul>li>ul>li {

    font-size: 13px;

    margin: 7px 0 7px 12px

}



.documentation-list ul>li>ul>li:last-of-type {

    margin-bottom: 24px

}



.doc-title {

    margin-bottom: 6px

}



.doc-header-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -12px;

    margin-right: -12px

}



.doc-header-title {

    margin: 0 0 16px;

    font-size: 21px;

    line-height: 1.2;

    font-weight: 700

}



@media (min-width: 768px) {

    .doc-header-title {

        font-size: 28px

    }

}



.doc-header-card {

    display: inline-block;

    border-radius: 4px;

    padding: 18px 20px 20px;

    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(0, 0, 0, 0.12), inset 1px 0 0 rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.12);

    text-decoration: none;

    margin: 12px;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.doc-header-card:hover {

    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(0, 0, 0, 0.25), inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(0, 0, 0, 0.25)

}



@media (min-width: 768px) {

    .doc-header-card {

        width: 46%

    }

}



.doc-header-card__icon {

    width: 34px;

    height: 34px;

    fill: #111111;

    margin-bottom: 8px

}



.doc-header-card__title {

    margin-bottom: 9px;

    color: #111111;

    -webkit-text-decoration-color: none;

    text-decoration-color: none;

    line-height: 1.4

}



.doc-header-card__content {

    margin: 0 0 9px;

    line-height: 1.7;

    font-size: 12px;

    color: #111111;

    -webkit-text-decoration-color: none;

    text-decoration-color: none

}



.doc-header-card__link {

    margin: 0;

    font-size: 12px;

    text-decoration: underline

}



.documentation-block {

    position: relative

}



.documentation-block :target:before {

    content: '';

    display: block;

    height: 40px;

    margin: -40px 0 0

}



.avatar-container {

    display: inline-block;

    -webkit-transform: translateZ(0px);

    text-decoration: none !important

}



.avatar-container--badge {

    position: relative

}



.avatar {

    border-radius: 50%

}



.avatar-text {

    margin-left: 6px;

    display: inline-block;

    line-height: 32px;

    text-decoration: underline

}



.avatar--small {

    width: 32px;

    height: 32px

}



@media (max-width: 767px) {

    .avatar--small-mobile {

        width: 27px;

        height: 27px

    }

}



.avatar--medium {

    width: 64px;

    height: 64px

}



.avatar--large {

    width: 96px;

    height: 96px

}



@media (min-width: 768px) {

    .avatar--large {

        width: 128px;

        height: 128px

    }

}



.badge {

    -webkit-filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2));

    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2));

    width: 26px;

    height: 26px

}



.avatar__badge {

    position: absolute;

    top: 2px;

    right: 1px

}



@media (min-width: 768px) {

    .avatar__badge {

        top: 7px;

        right: 5px

    }

}



.avatar__badge+.tooltip {

    min-width: 200px

}



.upload-circular-container {

    display: inline-block

}



.upload-circular {

    position: relative;

    border-radius: 50%;

    width: 128px;

    height: 128px;

    margin: auto;

    overflow: hidden

}



.upload-circular__image--large {

    width: 128px;

    height: 128px

}



.upload-circular__progress {

    position: absolute;

    height: 128px;

    top: 0;

    width: 0;

    background-color: #3cb46e;

    opacity: 0.3;

    -webkit-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out

}



.margin-vertical {

    margin-top: 24px;

    margin-bottom: 24px

}



.margin-bottom--small {

    margin-bottom: 24px

}



.date {

    background-color: #f5f5f5;

    border-radius: 6px;

    padding: 6px 15px 9px;

    text-align: center

}



.date__day {

    font-size: 18px;

    margin: 0

}



.date__month {

    font-size: 11px;

    color: #767676;

    margin: -4px 0 0

}



.event-list {

    margin: 64px 0

}



.event-list:last-child {

    margin-bottom: 0

}



.event {

    padding: 21px 0;

    border-bottom: 1px solid #f5f5f5

}



.event:last-child {

    border-bottom: none

}



.event--past {

    opacity: 0.4

}



.event__date {

    float: left;

    margin-right: 18px

}



.event__titles-container {

    float: left

}



.event__title {

    display: inline-block;

    font-size: 18px;

    margin: 3px 0 0;

    color: #111111

}



.event__subtitle {

    display: inline-block;

    font-size: 15px;

    color: #767676;

    margin: 0

}



.event__avatar {

    float: right;

    margin-top: 12px

}



.footer-global {

    padding-top: 48px;

    padding-bottom: 24px

}



@media (min-width: 768px) {

    .footer-global {

        padding-top: 96px;

        padding-bottom: 40px

    }

}



@media (max-width: 768px) {

    .footer__hidden {

        margin-bottom: 60px

    }

}



.footer__header {

    margin-bottom: 24px

}



@media (min-width: 768px) {

    .footer__header {

        margin-bottom: 32px

    }

}



.footer__nav {

    margin-top: 0;

    margin-bottom: 24px

}



@media (min-width: 768px) {

    .footer__nav {

        margin-bottom: 0

    }

}



.footer__nav--sub {

    margin: 0

}



.footer__nav-item {

    margin-bottom: 8px

}



.footer-sub {

    padding-top: 24px;

    padding-bottom: 24px;

    color: #767676;

    border-top: 1px solid #d1d1d1

}



@media (min-width: 768px) {

    .footer-sub {

        margin-top: 48px

    }

}



.footer-sub__container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.footer-sub__logo {

    width: 22px;

    margin-top: -5px;

    margin-right: 6px

}



@media (min-width: 768px) {

    .footer-social-links {

        text-align: right

    }

}



.footer-social-link {

    display: inline-block;

    fill: #ccc;

    -webkit-transition: fill 0.1s ease-in-out;

    transition: fill 0.1s ease-in-out

}



.footer-social-link:hover {

    fill: #111111

}



.footer-social-icon {

    width: 24px;

    height: 24px

}



@media (min-width: 768px) {

    .wrapper {

        min-height: calc(100vh - 450px - 62px)

    }

}



@media (min-width: 768px) {

    .footer-global {

        height: 450px

    }

}



.confirmation-banner {

    background-color: #111111;

    color: #ffffff;

    width: 100%;

    padding: 6px 12px;

    font-size: 14px

}



@media (min-width: 768px) {

    .confirmation-banner {

        text-align: center

    }

}



.confirmation-banner .icon {

    vertical-align: text-bottom

}



.confirmation-banner a {

    color: #d1d1d1

}



.confirmation-banner a:hover,

.confirmation-banner a:active,

.confirmation-banner a:focus {

    color: #f5f5f5

}



.flatpickr-calendar {

    background: transparent;

    opacity: 0;

    display: none;

    text-align: center;

    visibility: hidden;

    padding: 0;

    -webkit-animation: none;

    animation: none;

    direction: ltr;

    border: 0;

    font-size: 14px;

    line-height: 24px;

    border-radius: 5px;

    position: absolute;

    width: 307.875px;

    box-sizing: border-box;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    background: #fff;

    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08)

}



.flatpickr-calendar.open,

.flatpickr-calendar.inline {

    opacity: 1;

    max-height: 640px;

    visibility: visible

}



.flatpickr-calendar.open {

    display: inline-block;

    z-index: 99999

}



.flatpickr-calendar.animate.open {

    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);

    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)

}



.flatpickr-calendar.inline {

    display: block;

    position: relative;

    top: 2px

}



.flatpickr-calendar.static {

    position: absolute;

    top: calc(102%)

}



.flatpickr-calendar.static.open {

    z-index: 999;

    display: block

}



.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {

    box-shadow: none !important

}



.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {

    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6

}



.flatpickr-calendar .hasWeeks .dayContainer,

.flatpickr-calendar .hasTime .dayContainer {

    border-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.flatpickr-calendar .hasWeeks .dayContainer {

    border-left: 0

}



.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {

    height: 40px;

    border-top: 1px solid #e6e6e6

}



.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {

    height: auto

}



.flatpickr-calendar:before,

.flatpickr-calendar:after {

    position: absolute;

    display: block;

    pointer-events: none;

    border: solid transparent;

    content: '';

    height: 0;

    width: 0;

    left: 22px

}



.flatpickr-calendar.rightMost:before,

.flatpickr-calendar.rightMost:after {

    left: auto;

    right: 22px

}



.flatpickr-calendar:before {

    border-width: 5px;

    margin: 0 -5px

}



.flatpickr-calendar:after {

    border-width: 4px;

    margin: 0 -4px

}



.flatpickr-calendar.arrowTop:before,

.flatpickr-calendar.arrowTop:after {

    bottom: 100%

}



.flatpickr-calendar.arrowTop:before {

    border-bottom-color: #e6e6e6

}



.flatpickr-calendar.arrowTop:after {

    border-bottom-color: #fff

}



.flatpickr-calendar.arrowBottom:before,

.flatpickr-calendar.arrowBottom:after {

    top: 100%

}



.flatpickr-calendar.arrowBottom:before {

    border-top-color: #e6e6e6

}



.flatpickr-calendar.arrowBottom:after {

    border-top-color: #fff

}



.flatpickr-calendar:focus {

    outline: 0

}



.flatpickr-wrapper {

    position: relative;

    display: inline-block

}



.flatpickr-months {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.flatpickr-months .flatpickr-month {

    background: transparent;

    color: rgba(0, 0, 0, 0.9);

    fill: rgba(0, 0, 0, 0.9);

    height: 34px;

    line-height: 1;

    text-align: center;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    overflow: hidden;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.flatpickr-months .flatpickr-prev-month,

.flatpickr-months .flatpickr-next-month {

    text-decoration: none;

    cursor: pointer;

    position: absolute;

    top: 0;

    height: 34px;

    padding: 10px;

    z-index: 3;

    color: rgba(0, 0, 0, 0.9);

    fill: rgba(0, 0, 0, 0.9)

}



.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,

.flatpickr-months .flatpickr-next-month.flatpickr-disabled {

    display: none

}



.flatpickr-months .flatpickr-prev-month i,

.flatpickr-months .flatpickr-next-month i {

    position: relative

}



.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {

    left: 0

}



.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {

    right: 0

}



.flatpickr-months .flatpickr-prev-month:hover,

.flatpickr-months .flatpickr-next-month:hover {

    color: #959ea9

}



.flatpickr-months .flatpickr-prev-month:hover svg,

.flatpickr-months .flatpickr-next-month:hover svg {

    fill: #f64747

}



.flatpickr-months .flatpickr-prev-month svg,

.flatpickr-months .flatpickr-next-month svg {

    width: 14px;

    height: 14px

}



.flatpickr-months .flatpickr-prev-month svg path,

.flatpickr-months .flatpickr-next-month svg path {

    -webkit-transition: fill 0.1s;

    transition: fill 0.1s;

    fill: inherit

}



.numInputWrapper {

    position: relative;

    height: auto

}



.numInputWrapper input,

.numInputWrapper span {

    display: inline-block

}



.numInputWrapper input {

    width: 100%

}



.numInputWrapper input::-ms-clear {

    display: none

}



.numInputWrapper input::-webkit-outer-spin-button,

.numInputWrapper input::-webkit-inner-spin-button {

    margin: 0;

    -webkit-appearance: none

}



.numInputWrapper span {

    position: absolute;

    right: 0;

    width: 14px;

    padding: 0 4px 0 2px;

    height: 50%;

    line-height: 50%;

    opacity: 0;

    cursor: pointer;

    border: 1px solid rgba(57, 57, 57, 0.15);

    box-sizing: border-box

}



.numInputWrapper span:hover {

    background: rgba(0, 0, 0, 0.1)

}



.numInputWrapper span:active {

    background: rgba(0, 0, 0, 0.2)

}



.numInputWrapper span:after {

    display: block;

    content: "";

    position: absolute

}



.numInputWrapper span.arrowUp {

    top: 0;

    border-bottom: 0

}



.numInputWrapper span.arrowUp:after {

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 4px solid rgba(57, 57, 57, 0.6);

    top: 26%

}



.numInputWrapper span.arrowDown {

    top: 50%

}



.numInputWrapper span.arrowDown:after {

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-top: 4px solid rgba(57, 57, 57, 0.6);

    top: 40%

}



.numInputWrapper span svg {

    width: inherit;

    height: auto

}



.numInputWrapper span svg path {

    fill: rgba(0, 0, 0, 0.5)

}



.numInputWrapper:hover {

    background: rgba(0, 0, 0, 0.05)

}



.numInputWrapper:hover span {

    opacity: 1

}



.flatpickr-current-month {

    font-size: 135%;

    line-height: inherit;

    font-weight: 300;

    color: inherit;

    position: absolute;

    width: 75%;

    left: 12.5%;

    padding: 7.48px 0 0 0;

    line-height: 1;

    height: 34px;

    display: inline-block;

    text-align: center;

    -webkit-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px)

}



.flatpickr-current-month span.cur-month {

    font-family: inherit;

    font-weight: 700;

    color: inherit;

    display: inline-block;

    margin-left: 0.5ch;

    padding: 0

}



.flatpickr-current-month span.cur-month:hover {

    background: rgba(0, 0, 0, 0.05)

}



.flatpickr-current-month .numInputWrapper {

    width: 6ch;

    width: 7ch\0;

    display: inline-block

}



.flatpickr-current-month .numInputWrapper span.arrowUp:after {

    border-bottom-color: rgba(0, 0, 0, 0.9)

}



.flatpickr-current-month .numInputWrapper span.arrowDown:after {

    border-top-color: rgba(0, 0, 0, 0.9)

}



.flatpickr-current-month input.cur-year {

    background: transparent;

    box-sizing: border-box;

    color: inherit;

    cursor: text;

    padding: 0 0 0 0.5ch;

    margin: 0;

    display: inline-block;

    font-size: inherit;

    font-family: inherit;

    font-weight: 300;

    line-height: inherit;

    height: auto;

    border: 0;

    border-radius: 0;

    vertical-align: initial;

    -webkit-appearance: textfield;

    -moz-appearance: textfield;

    appearance: textfield

}



.flatpickr-current-month input.cur-year:focus {

    outline: 0

}



.flatpickr-current-month input.cur-year[disabled],

.flatpickr-current-month input.cur-year[disabled]:hover {

    font-size: 100%;

    color: rgba(0, 0, 0, 0.5);

    background: transparent;

    pointer-events: none

}



.flatpickr-current-month .flatpickr-monthDropdown-months {

    appearance: menulist;

    background: transparent;

    border: none;

    border-radius: 0;

    box-sizing: border-box;

    color: inherit;

    cursor: pointer;

    font-size: inherit;

    font-family: inherit;

    font-weight: 300;

    height: auto;

    line-height: inherit;

    margin: -1px 0 0 0;

    outline: none;

    padding: 0 0 0 0.5ch;

    position: relative;

    vertical-align: initial;

    -webkit-box-sizing: border-box;

    -webkit-appearance: menulist;

    -moz-appearance: menulist;

    width: auto

}



.flatpickr-current-month .flatpickr-monthDropdown-months:focus,

.flatpickr-current-month .flatpickr-monthDropdown-months:active {

    outline: none

}



.flatpickr-current-month .flatpickr-monthDropdown-months:hover {

    background: rgba(0, 0, 0, 0.05)

}



.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {

    background-color: transparent;

    outline: none;

    padding: 0

}



.flatpickr-weekdays {

    background: transparent;

    text-align: center;

    overflow: hidden;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 28px

}



.flatpickr-weekdays .flatpickr-weekdaycontainer {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



span.flatpickr-weekday {

    cursor: default;

    font-size: 90%;

    background: transparent;

    color: rgba(0, 0, 0, 0.54);

    line-height: 1;

    margin: 0;

    text-align: center;

    display: block;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-weight: bolder

}



.dayContainer,

.flatpickr-weeks {

    padding: 1px 0 0 0

}



.flatpickr-days {

    position: relative;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    width: 307.875px

}



.flatpickr-days:focus {

    outline: 0

}



.dayContainer {

    padding: 0;

    outline: 0;

    text-align: left;

    width: 307.875px;

    min-width: 307.875px;

    max-width: 307.875px;

    box-sizing: border-box;

    display: inline-block;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px);

    opacity: 1

}



.dayContainer+.dayContainer {

    box-shadow: -1px 0 0 #e6e6e6

}



.flatpickr-day {

    background: none;

    border: 1px solid transparent;

    border-radius: 150px;

    box-sizing: border-box;

    color: #393939;

    cursor: pointer;

    font-weight: 400;

    width: 14.2857143%;

    -webkit-flex-basis: 14.2857143%;

    -ms-flex-preferred-size: 14.2857143%;

    flex-basis: 14.2857143%;

    max-width: 39px;

    height: 39px;

    line-height: 39px;

    margin: 0;

    display: inline-block;

    position: relative;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center

}



.flatpickr-day.inRange,

.flatpickr-day.prevMonthDay.inRange,

.flatpickr-day.nextMonthDay.inRange,

.flatpickr-day.today.inRange,

.flatpickr-day.prevMonthDay.today.inRange,

.flatpickr-day.nextMonthDay.today.inRange,

.flatpickr-day:hover,

.flatpickr-day.prevMonthDay:hover,

.flatpickr-day.nextMonthDay:hover,

.flatpickr-day:focus,

.flatpickr-day.prevMonthDay:focus,

.flatpickr-day.nextMonthDay:focus {

    cursor: pointer;

    outline: 0;

    background: #e6e6e6;

    border-color: #e6e6e6

}



.flatpickr-day.today {

    border-color: #959ea9

}



.flatpickr-day.today:hover,

.flatpickr-day.today:focus {

    border-color: #959ea9;

    background: #959ea9;

    color: #fff

}



.flatpickr-day.selected,

.flatpickr-day.startRange,

.flatpickr-day.endRange,

.flatpickr-day.selected.inRange,

.flatpickr-day.startRange.inRange,

.flatpickr-day.endRange.inRange,

.flatpickr-day.selected:focus,

.flatpickr-day.startRange:focus,

.flatpickr-day.endRange:focus,

.flatpickr-day.selected:hover,

.flatpickr-day.startRange:hover,

.flatpickr-day.endRange:hover,

.flatpickr-day.selected.prevMonthDay,

.flatpickr-day.startRange.prevMonthDay,

.flatpickr-day.endRange.prevMonthDay,

.flatpickr-day.selected.nextMonthDay,

.flatpickr-day.startRange.nextMonthDay,

.flatpickr-day.endRange.nextMonthDay {

    background: #569ff7;

    box-shadow: none;

    color: #fff;

    border-color: #569ff7

}



.flatpickr-day.selected.startRange,

.flatpickr-day.startRange.startRange,

.flatpickr-day.endRange.startRange {

    border-radius: 50px 0 0 50px

}



.flatpickr-day.selected.endRange,

.flatpickr-day.startRange.endRange,

.flatpickr-day.endRange.endRange {

    border-radius: 0 50px 50px 0

}



.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),

.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {

    box-shadow: -10px 0 0 #569ff7

}



.flatpickr-day.selected.startRange.endRange,

.flatpickr-day.startRange.startRange.endRange,

.flatpickr-day.endRange.startRange.endRange {

    border-radius: 50px

}



.flatpickr-day.inRange {

    border-radius: 0;

    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6

}



.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover,

.flatpickr-day.prevMonthDay,

.flatpickr-day.nextMonthDay,

.flatpickr-day.notAllowed,

.flatpickr-day.notAllowed.prevMonthDay,

.flatpickr-day.notAllowed.nextMonthDay {

    color: rgba(57, 57, 57, 0.3);

    background: transparent;

    border-color: transparent;

    cursor: default

}



.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover {

    cursor: not-allowed;

    color: rgba(57, 57, 57, 0.1)

}



.flatpickr-day.week.selected {

    border-radius: 0;

    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7

}



.flatpickr-day.hidden {

    visibility: hidden

}



.rangeMode .flatpickr-day {

    margin-top: 1px

}



.flatpickr-weekwrapper {

    float: left

}



.flatpickr-weekwrapper .flatpickr-weeks {

    padding: 0 12px;

    box-shadow: 1px 0 0 #e6e6e6

}



.flatpickr-weekwrapper .flatpickr-weekday {

    float: none;

    width: 100%;

    line-height: 28px

}



.flatpickr-weekwrapper span.flatpickr-day,

.flatpickr-weekwrapper span.flatpickr-day:hover {

    display: block;

    width: 100%;

    max-width: none;

    color: rgba(57, 57, 57, 0.3);

    background: transparent;

    cursor: default;

    border: none

}



.flatpickr-innerContainer {

    display: block;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    box-sizing: border-box;

    overflow: hidden

}



.flatpickr-rContainer {

    display: inline-block;

    padding: 0;

    box-sizing: border-box

}



.flatpickr-time {

    text-align: center;

    outline: 0;

    display: block;

    height: 0;

    line-height: 40px;

    max-height: 40px;

    box-sizing: border-box;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.flatpickr-time:after {

    content: "";

    display: table;

    clear: both

}



.flatpickr-time .numInputWrapper {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    width: 40%;

    height: 40px;

    float: left

}



.flatpickr-time .numInputWrapper span.arrowUp:after {

    border-bottom-color: #393939

}



.flatpickr-time .numInputWrapper span.arrowDown:after {

    border-top-color: #393939

}



.flatpickr-time.hasSeconds .numInputWrapper {

    width: 26%

}



.flatpickr-time.time24hr .numInputWrapper {

    width: 49%

}



.flatpickr-time input {

    background: transparent;

    box-shadow: none;

    border: 0;

    border-radius: 0;

    text-align: center;

    margin: 0;

    padding: 0;

    height: inherit;

    line-height: inherit;

    color: #393939;

    font-size: 14px;

    position: relative;

    box-sizing: border-box;

    -webkit-appearance: textfield;

    -moz-appearance: textfield;

    appearance: textfield

}



.flatpickr-time input.flatpickr-hour {

    font-weight: bold

}



.flatpickr-time input.flatpickr-minute,

.flatpickr-time input.flatpickr-second {

    font-weight: 400

}



.flatpickr-time input:focus {

    outline: 0;

    border: 0

}



.flatpickr-time .flatpickr-time-separator,

.flatpickr-time .flatpickr-am-pm {

    height: inherit;

    float: left;

    line-height: inherit;

    color: #393939;

    font-weight: bold;

    width: 2%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-align-self: center;

    -ms-flex-item-align: center;

    align-self: center

}



.flatpickr-time .flatpickr-am-pm {

    outline: 0;

    width: 18%;

    cursor: pointer;

    text-align: center;

    font-weight: 400

}



.flatpickr-time input:hover,

.flatpickr-time .flatpickr-am-pm:hover,

.flatpickr-time input:focus,

.flatpickr-time .flatpickr-am-pm:focus {

    background: #eee

}



.flatpickr-input[readonly] {

    cursor: pointer

}



@-webkit-keyframes fpFadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fpFadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.user-badges {

    margin-top: 7px

}



.user-badges-container {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 50px

}



.no-badge-message {

    margin-top: 6px;

    margin-bottom: 6px

}



.badge-saved-message {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.primary-badge {

    font-size: 0;

    color: #767676;

    border: 1px solid transparent;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    visibility: visible

}



.primary-badge--hidden {

    opacity: 0;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

    visibility: hidden

}



@media (max-width: 767px) {

    .primary-badge--hidden {

        display: none

    }

}



@media (max-width: 767px) {

    .primary-badge {

        margin-bottom: 12px

    }

}



.primary-badge__change-link-wrapper {

    cursor: pointer;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.primary-badge__change-link {

    display: inline-block;

    font-size: 13px;

    line-height: 30px;

    -webkit-transition: color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out;

    text-decoration: underline;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-left: 8px

}



.primary-badge__change-link:hover {

    color: #111111

}



.badge-response-message {

    position: absolute;

    background-color: #fff;

    width: 100%;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    opacity: 1;

    visibility: visible;

    text-decoration: none;

    color: #3cb46e !important;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 30px

}



.badge-response-message .icon {

    position: relative;

    margin-right: 4px

}



.user-badges-list {

    margin: 0;

    list-style: none;

    padding: 0;

    background: #ffffff;

    border: 1px solid #d1d1d1;

    border-radius: 3px;

    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);

    position: absolute;

    width: 100%;

    font-size: 0;

    z-index: 2;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    top: 0;

    left: -8px;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    opacity: 1;

    -webkit-transform: scale(1) translate(0);

    -ms-transform: scale(1) translate(0);

    transform: scale(1) translate(0);

    visibility: visible

}



.user-badges-list--hidden {

    opacity: 0;

    -webkit-transform: scale(0.8) translate(-5%, -5%);

    -ms-transform: scale(0.8) translate(-5%, -5%);

    transform: scale(0.8) translate(-5%, -5%);

    visibility: hidden

}



@media (max-width: 767px) {

    .user-badges-list--hidden {

        display: none

    }

}



@media (max-width: 767px) {

    .user-badges-list {

        position: relative

    }

}



.user-badges-list__item {

    display: inline-block

}



.user-badges-list__item a {

    display: inline-block;

    padding: 8px

}



.user-badges-list__item a:hover {

    background-color: #eeeeee

}



.user-badges-list__item--text {

    font-size: 12px;

    line-height: 32px

}



.empty-badge {

    width: 30px;

    height: 30px;

    border: 1px solid #d1d1d1;

    border-radius: 50%

}



.edit-photo__container {

    margin-bottom: 56px

}



@media (max-width: 767px) {

    .edit-photo__container {

        margin-bottom: 32px

    }

}



.edit-photo__pagination form {

    padding: 40px 0

}



.edit-photo__pagination form:first-child {

    padding-top: 0

}



.edit-photo__tab-content {

    min-height: 300px

}



.connected__icons .icon {

    margin-right: 8px

}



.edit-photo__state {

    margin-top: 12px

}



.screenshot {

    display: block;

    position: relative;

    margin-bottom: 30px

}



.screenshot-upload {

    position: relative;

    height: 300px;

    width: 100%;

    border: 1px dashed #767676;

    -webkit-transition: border 0.3s ease-in-out;

    transition: border 0.3s ease-in-out;

    margin-bottom: 30px

}



.screenshot-upload:hover {

    border-color: #111111

}



.screenshot-upload__image {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 100%;

    width: 100%

}



.screenshot-upload__progress {

    position: absolute;

    height: 100%;

    top: 0;

    width: 0;

    background-color: #3cb46e;

    opacity: 0.3;

    -webkit-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out

}



.screenshot-upload__text {

    text-align: center !important;

    font-size: 13px;

    line-height: 15px;

    line-height: 300px;

    margin: 0

}



.api-screenshot-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.api-screenshot {

    position: relative;

    height: 290px !important;

    border: 1px #f5f5f5 solid;

    margin-bottom: 12px;

    overflow: hidden

}



@media (min-width: 768px) {

    .api-screenshot {

        margin-bottom: 24px

    }

}



.api-screenshot:hover:after {

    background-color: transparent

}



.api-screenshot:after {

    content: '';

    background-color: rgba(0, 0, 0, 0.04);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: none;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.api-screenshot-upload {

    height: calc(240px) !important;

    text-align: center;

    font-size: 14px;

    border: 2px dashed #d1d1d1;

    -webkit-transition-duration: 0.15s;

    transition-duration: 0.15s

}



@media (min-width: 768px) {

    .api-screenshot-upload {

        height: calc(260px) !important

    }

}



@media (min-width: 992px) {

    .api-screenshot-upload {

        height: 290px !important

    }

}



.api-screenshot-upload:hover {

    border-color: #b8b8b8

}



.api-screenshot-upload__image-container {

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #ffffff

}



.api-screenshot__image {

    -o-object-fit: cover;

    object-fit: cover;

    max-width: 100%;

    height: 100%

}



.api-screenshot__icon {

    width: 44px;

    height: 44px;

    fill: #d1d1d1 !important;

    margin-bottom: 20px

}



.api-screenshot__text {

    display: block;

    color: #767676;

    margin-bottom: 20px

}



.api-screenshot__delete {

    position: absolute;

    top: 12px;

    right: 12px;

    background-color: rgba(0, 0, 0, 0.7);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 8px;

    color: #ffffff;

    border-radius: 16px;

    opacity: 0.8;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.api-screenshot__delete:hover,

.api-screenshot__delete:focus {

    color: #ffffff;

    opacity: 1

}



.api-screenshot__delete:hover .icon,

.api-screenshot__delete:focus .icon {

    fill: #ffffff

}



.api-screenshot__delete .icon {

    width: 15px;

    height: 15px;

    fill: #ffffff

}



.general-upload {

    display: block;

    position: relative

}



.general-upload {

    position: relative;

    height: 300px;

    width: 100%;

    border: 2px dashed #d1d1d1;

    -webkit-transition: border 0.3s ease-in-out;

    transition: border 0.3s ease-in-out;

    text-align: center

}



.general-upload:hover {

    border-color: #111111

}



.general-upload__image {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 100%;

    width: 100%

}



.general-upload__progress {

    position: absolute;

    height: 100%;

    top: 0;

    width: 0;

    background-color: #3cb46e;

    opacity: 0.3;

    -webkit-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out

}



.general-upload__text {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center !important;

    font-size: 13px;

    line-height: 15px;

    height: 300px;

    margin: 0

}



.upload-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.upload {

    position: relative;

    -webkit-flex-basis: 33%;

    -ms-flex-preferred-size: 33%;

    flex-basis: 33%;

    padding: 30px

}



.upload__delete {

    position: absolute;

    top: 12px;

    right: 12px;

    background-color: rgba(0, 0, 0, 0.7);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 8px;

    color: #ffffff;

    border-radius: 16px;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out

}



.upload:hover .upload__delete {

    opacity: 1;

    pointer-events: auto

}



.upload__delete:hover,

.upload__delete:focus {

    color: #ffffff;

    opacity: 1

}



.upload__delete:hover .icon,

.upload__delete:focus .icon {

    fill: #ffffff

}



.upload__delete .icon {

    width: 15px;

    height: 15px;

    fill: #ffffff

}



.upload__action {

    position: absolute;

    top: 42px;

    left: 42px;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: opacity 0.1s ease-in-out;

    transition: opacity 0.1s ease-in-out

}



.upload:hover .upload__action {

    opacity: 1;

    pointer-events: auto

}



.callout {

    background-color: #f5f5f5;

    padding: 18px;

    border-radius: 5px

}



.callout--margin-top {

    margin-top: 48px

}



.callout--margin-bottom {

    margin-bottom: 48px

}



.callout__heading {

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 0

}



.callout p:last-child {

    margin-bottom: 0;

    padding-bottom: 0

}



.category {

    background-color: #f3f4f5;

    margin-bottom: 24px;

    padding: 24px;

    border: 1px solid #d1d1d1;

    border-radius: 4px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-flow: wrap;

    -ms-flex-flow: wrap;

    flex-flow: wrap

}



@media (min-width: 768px) {

    .category {

        padding: 40px

    }

}



.category--added {

    border: 2px solid #82c9a0

}



.category__meta {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline

}



.category__date {

    color: #767676;

    margin: 0

}



@media (max-width: 768px) {

    .category__date {

        margin-top: 16px

    }

}



@media (min-width: 768px) {

    .category__date {

        text-align: right

    }

}



.category__time {

    font-size: 12px

}



.category__time .icon {

    margin-right: 2px

}



.category__title {

    font-weight: 700;

    margin-bottom: unset

}



.category__desc {

    margin-top: 10px;

    margin-bottom: 10px;

    max-width: 600px

}



.category__desc .icon {

    color: #3cb46e;

    font-size: 112%;

    -webkit-transform: translateX(2px);

    -ms-transform: translateX(2px);

    transform: translateX(2px)

}



.category__edit {

    margin-top: 24px;

    display: inline-block

}



.category__content--right {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    margin: 24px 24px 24px 0

}



.category__content-btn {

    z-index: 2

}



.category__content-photo {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.category__content-photo-img {

    width: 200px

}



.category__content--right-previews {

    margin-right: unset;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



@media (max-width: 767px) {

    .category__content--right-previews {

        margin-left: -6px

    }

}



.category__photo-preview {

    width: 110px;

    height: 110px;

    background-color: rgba(0, 0, 0, 0.02);

    margin: 6px;

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}



a>.category__photo-preview {

    border: 2px dashed #d1d1d1

}



a>.category__photo-preview:hover,

a>.category__photo-preview:focus {

    background-color: rgba(0, 0, 0, 0.04);

    border-color: #d1d1d1

}



.collab-grid-container {

    padding: 16px 0 80px

}



.collab-footer-bar {

    position: fixed;

    z-index: 9999;

    bottom: 0;

    width: 100%;

    padding: 16px 24px;

    background-color: rgba(255, 255, 255, 0.95);

    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.03);

    border-top: 1px solid #eeeeee;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.collab-footer-bar:before,

.collab-footer-bar:after {

    content: " ";

    display: table

}



.collab-footer-bar:after {

    clear: both

}



.collab-footer-bar:before,

.collab-footer-bar:after {

    content: " ";

    display: table

}



.collab-footer-bar:after {

    clear: both

}



.collab-footer-bar__left {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.collab-submission:hover,

.collab-submission:focus {

    opacity: 0.8

}



.collab-submission--is-added {

    position: relative

}



.collab-submission--is-added:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-right: 12px;

    margin-left: 12px;

    font-size: 54px;

    font-weight: 300;

    color: #ffffff;

    pointer-events: none;

    content: '?';

    background-color: rgba(60, 180, 110, 0.6);

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



@media (min-width: 768px) {

    .registrations__wrapper {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        height: 100vh

    }

}



.registrations__container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



@media (max-width: 768px) {

    .registrations__container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }

}



.registrations__left-panel {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #111111;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.registrations__right-panel,

.registrations__content {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.registrations__right-panel {

    -webkit-flex-basis: 60%;

    -ms-flex-preferred-size: 60%;

    flex-basis: 60%;

    padding: 30px 12px

}



@media (min-width: 768px) {

    .registrations__right-panel {

        overflow-x: hidden;

        overflow-y: scroll;

        padding: 80px 8% 20px

    }

}



.registrations__right-panel .login-form {

    width: 100%

}



.registrations__content {

    position: relative;

    padding: 12px;

    z-index: 10;

    height: 100%;

    overflow-y: scroll

}



@media (min-width: 768px) {

    .registrations__content {

        padding: 8% 10%

    }

}



.registrations__content:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #111111;

    opacity: 0.4;

    z-index: -1

}



.registrations__logo {

    fill: white;

    width: 32px;

    margin-top: 16px

}



@media (min-width: 768px) {

    .registrations__logo {

        width: 36px;

        margin-top: 0;

        margin-bottom: 24px

    }

}



.registrations__title {

    font-weight: 700;

    font-size: 30px;

    line-height: 1;

    margin: 0;

    margin-bottom: 16px;

    padding-top: 30px

}



@media (min-width: 768px) {

    .registrations__title {

        padding-top: 0;

        font-size: 48px

    }

}



.registrations__sub-title {

    font-weight: 400;

    font-size: 18px;

    line-height: 1.35;

    margin: 0;

    padding-bottom: 30px

}



@media (min-width: 768px) {

    .registrations__sub-title {

        font-size: 24px

    }

}



.registrations__credit {

    display: none

}



@media (min-width: 768px) {

    .registrations__credit {

        display: block

    }

}



.registrations__referral-box {

    background-color: #f5f5f5;

    padding: 18px;

    border-radius: 5px;

    margin-bottom: 48px

}



.registrations__referral-box p {

    font-size: 15px;

    margin: 0;

    margin-left: 6px

}



.api-wrapper {

    overflow-x: hidden

}



.api-header {

    padding-bottom: 72px

}



.api-header__window-wrapper {

    position: relative

}



.api-header__photo {

    position: absolute;

    max-width: 100%;

    pointer-events: none

}



@media (min-width: 768px) {

    .api-header__photo {

        right: 0;

        max-width: 90%

    }

}



.api-header__title {

    margin-top: 32px

}



.api-header__sub {

    font-size: 16px;

    line-height: 1.6;

    margin-top: 0;

    margin-bottom: 32px

}



@media (min-width: 768px) {

    .api-header__sub {

        font-size: 18px

    }

}



.api-header__ctas {

    margin-bottom: 24px;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.api-header__ctas .btn {

    margin-right: 16px;

    margin-bottom: 8px

}



.api-partnerships-callout {

    background-color: #f5f5f5;

    padding: 13px 16px 16px 16px;

    margin: 0;

    border-radius: 2px;

    max-width: 560px

}



.window {

    padding-right: 12px;

    border-radius: 4px

}



@media (min-width: 768px) {

    .window {

        padding-right: 18px

    }

}



.window__top-bar {

    height: 11px;

    border-radius: 4px 4px 0 0;

    background: #d1d1d1

}



.window__circles {

    margin-left: 4px;

    line-height: 11px

}



.window__circle {

    height: 4px;

    width: 4px;

    display: inline-block;

    vertical-align: 3px;

    border-radius: 50%;

    background-color: #ffffff

}



.window__content {

    margin: 0;

    width: 100%;

    border-radius: 0 0 4px 4px;

    overflow: hidden;

    line-height: 1.2 !important

}



.window pre {

    margin: 0;

    padding: 0;

    background: none;

    line-height: 1.4 !important;

    border: 0;

    font-size: 11px;

    overflow: hidden

}



.window__api-call {

    color: #ffffff;

    font-size: 11px;

    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace

}



.window__api-response {

    color: #767676;

    font-size: 11px;

    padding-top: 6px

}



.window__terminal-character {

    color: #e0af53;

    font-size: 11px;

    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace

}



@media (min-width: 768px) {

    .window--terminal {

        margin-left: 36px

    }

}



.window--terminal .window__content {

    background-color: #222222;

    height: 230px;

    padding: 16px 24px 24px;

    box-shadow: 0 30px 80px -20px rgba(0, 0, 10, 0.3), 0 30px 70px -30px rgba(0, 0, 0, 0.3)

}



@media (min-width: 768px) {

    .window--terminal .window__content {

        height: 350px

    }

}



.window--terminal .window__overflow-gradient {

    position: relative;

    height: 60px;

    bottom: 60px;

    background: -webkit-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);

    background: linear-gradient(to top, #222 0%, rgba(34, 34, 34, 0) 100%);

    border-radius: 4px;

    pointer-events: none

}



.window--browser {

    position: absolute;

    bottom: 44px;

    pointer-events: none;

    right: 0;

    padding-right: 0;

    border-radius: 2px;

    overflow: hidden;

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 10, 0.04), 20px 25px 50px -20px rgba(0, 0, 10, 0.15), 0 35px 70px -25px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 1.6s cubic-bezier(0.4, 2.5, 0.7, 1);

    transition: all 1.6s cubic-bezier(0.4, 2.5, 0.7, 1);

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px)

}



.window--browser.active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.window--browser .window__top-bar {

    border-radius: 2px 2px 0 0

}



.window--browser .window__content {

    position: relative;

    background-color: #ffffff;

    height: 110px;

    width: 180px;

    padding: 12px;

    border-radius: 0 0 2px 2px

}



@media (min-width: 768px) {

    .window--browser .window__content {

        height: 150px;

        width: 220px

    }

}



.window--browser .window__overflow-gradient {

    position: absolute;

    height: 60px;

    bottom: 60px;

    background: -webkit-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);

    background: linear-gradient(to top, #222 0%, rgba(34, 34, 34, 0) 100%);

    border-radius: 4px

}



.window--browser .window__response-image {

    position: absolute;

    padding: 12px;

    top: 0;

    left: 0;

    max-width: 100%;

    opacity: 0;

    -webkit-transform: translate(0, -30px);

    -ms-transform: translate(0, -30px);

    transform: translate(0, -30px);

    -webkit-transition: all 350ms ease-in-out;

    transition: all 350ms ease-in-out

}



.window--browser .window__response-image.active {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.ti-cursor {

    color: #e0af53 !important;

    left: -4px !important;

    top: 1px !important;

    font-size: 14px !important

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }



    to {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }



    to {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



.api__photo-grid-container {

    overflow: hidden

}



.api__photo-grid {

    height: 330px;

    background-size: 1600px;

    background-repeat: repeat-x;

    background-position: center;

    width: 4800px;

    -webkit-animation: scroll-grid 180s linear infinite;

    animation: scroll-grid 180s linear infinite

}



@media (min-width: 768px) {

    .api__photo-grid {

        height: 500px;

        background-size: 2420px;

        width: 7260px

    }

}



@-webkit-keyframes scroll-grid {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        -webkit-transform: translate3d(-2420px, 0, 0);

        transform: translate3d(-2420px, 0, 0)

    }

}



@keyframes scroll-grid {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        -webkit-transform: translate3d(-2420px, 0, 0);

        transform: translate3d(-2420px, 0, 0)

    }

}



.api-stats {

    padding-top: 10px;

    padding-bottom: 10px

}



@media (min-width: 768px) {

    .api-stats {

        margin-bottom: 0;

        padding-top: 20px;

        padding-bottom: 40px

    }

}



.api-stats__item {

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    -ms-grid-row-align: baseline;

    align-items: baseline

}



.api-stats__icon {

    margin-right: 16px;

    fill: #ccc

}



@media (max-width: 768px) {

    .api-stats__icon {

        width: 24px;

        height: 24px;

        -webkit-transform: translateY(4px);

        -ms-transform: translateY(4px);

        transform: translateY(4px)

    }

}



.api-stats__number {

    line-height: 1.4

}



@media (max-width: 768px) {

    .api-stats__number {

        font-size: 24px

    }

}



@media (min-width: 768px) {

    .api-stats__number {

        font-size: 40px

    }

}



.api__sub-copy {

    font-size: 16px;

    margin-top: 0

}



@media (min-width: 768px) {

    .api__sub-copy {

        font-size: 18px

    }

}



.api-code-editor {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



@media (max-width: 768px) {

    .api-code-editor .col-sm-7 {

        width: 100%

    }

}



@media (min-width: 768px) {

    .api-code-editor {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row

    }

}



@media (min-width: 768px) {

    .api-code-editor .api__sub-copy {

        padding-right: 20px

    }

}



.api-code-editor__controls {

    margin-bottom: 40px

}



.api-sdk {

    margin-left: -2px

}



.api-sdk__item {

    display: inline-block;

    width: 40px;

    height: 40px;

    margin-left: 4px;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

    text-decoration: none;

    border-radius: 4px

}



.api-sdk__item:first-child {

    margin-left: 0

}



.api-sdk__item:hover {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.api-sdk__item--js {

    background-color: #f8dc3d

}



.api-sdk__item--php {

    background-color: #848ac3

}



.api-sdk__item--ruby {

    background-color: #e97a77

}



.api-sdk__item--empty {

    border: 1px solid #d1d1d1

}



.api-sdk__logo {

    width: 40px;

    height: 40px;

    margin-bottom: 3px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    fill: #ffffff;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.api-features__icon {

    width: 40px;

    height: 40px;

    fill: #111111

}



@media (min-width: 768px) {

    .api-features__icon {

        margin-bottom: 8px

    }

}



.api-features h5 {

    margin: 0

}



.api-features p {

    margin: 12px 12px 42px 0

}



@media (min-width: 768px) {

    .api-features p {

        margin-bottom: 12px

    }

}



.api-tools {

    padding-top: 40px;

    padding-bottom: 40px

}



.api-tools__container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: -16px;

    margin-left: -8px;

    margin-right: -8px

}



@media (min-width: 768px) {

    .api-tools__container {

        margin-top: -16px;

        margin-left: -16px;

        margin-right: -16px

    }

}



.api-tools__item {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 24px;

    min-height: 250px;

    margin: 8px;

    background-color: #ffffff;

    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.08);

    overflow: hidden

}



@media (min-width: 768px) {

    .api-tools__item {

        -webkit-box-flex: 1;

        -webkit-flex: 1 40%;

        -ms-flex: 1 40%;

        flex: 1 40%;

        min-height: 300px;

        padding: 32px;

        margin: 16px

    }

}



@media (min-width: 992px) {

    .api-tools__item {

        min-height: 352px;

        padding: 40px

    }

}



.api-tools__content-top {

    z-index: 2

}



.api-tools__content-top p {

    max-width: 80%

}



@media (min-width: 768px) {

    .api-tools__content-top p {

        max-width: 60%

    }

}



.api-tools__img {

    position: absolute;

    right: 0;

    bottom: 0;

    pointer-events: none

}



@media (max-width: 767px) {

    .api-tools__img {

        opacity: 0.3;

        width: 250px;

        height: 250px

    }

}



@media (min-width: 768px) {

    .api-tools__img {

        width: 300px;

        height: 300px

    }

}



@media (min-width: 992px) {

    .api-tools__img {

        width: 352px;

        height: 352px

    }

}



@media (max-width: 767px) {

    .api-tools__img--sdks {

        right: -50px;

        bottom: -20px;

        width: 220px;

        height: 220px

    }

}



@media (min-width: 768px) {

    .api-tools__img--sdks {

        width: 270px;

        height: 270px

    }

}



@media (min-width: 992px) {

    .api-tools__img--sdks {

        width: 325px;

        height: 325px

    }

}



@media (max-width: 767px) {

    .api-tools__img--crop {

        bottom: 20px;

        right: -60px

    }

}



@media (min-width: 992px) {

    .api-tools__img--crop {

        width: 335px;

        height: 335px

    }

}



@media (max-width: 767px) {

    .api-tools__img--apps {

        opacity: 0.1;

        right: -35px

    }

}



.api-vip-logos {

    background-repeat: no-repeat;

    background-position: center 10px;

    background-size: 800px

}



@media (min-width: 768px) {

    .api-vip-logos {

        background-position: center 20px;

        background-size: 1060px

    }

}



@media (min-width: 992px) {

    .api-vip-logos {

        background-position: center top;

        background-size: 1460px

    }

}



.api-featured-header {

    margin-bottom: 40px

}



.api-feature-card {

    position: relative;

    margin-bottom: 40px;

    color: #111111

}



@media (min-width: 768px) {

    .api-feature-card {

        margin-bottom: 48px

    }

}



.api-feature-card img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    box-shadow: none;

    border-radius: 5px

}



.api-feature-card:hover img {

    -webkit-transform: scale(1.019) translateY(-2px);

    -ms-transform: scale(1.019) translateY(-2px);

    transform: scale(1.019) translateY(-2px);

    box-shadow: 0 40px 100px -20px rgba(0, 0, 10, 0.2), 0 30px 70px -30px rgba(0, 0, 0, 0.4)

}



@media (hover: none) {

    .api-feature-card:hover img {

        box-shadow: none

    }

}



.api-feature-card__content {

    padding-top: 20px

}



.api-feature-card__title {

    line-height: 1.2;

    margin-bottom: 8px

}



.api-feature-card__desc {

    overflow-y: hidden;

    margin: 0;

    text-overflow: ellipsis;

    line-height: 1.5

}



.api-callout {

    padding-top: 40px;

    padding-bottom: 40px;

    position: relative

}



.api-callout .alpha {

    margin-bottom: 40px

}



.api-callout .btn {

    margin: 8px

}



.api-callout__icon {

    position: absolute;

    bottom: -37%;

    right: 15px

}



@media (max-width: 767px) {

    .api-callout__icon {

        display: none

    }

}



.api-grid {

    display: -ms-grid;

    display: grid;

    grid-auto-rows: 1fr;

    grid-gap: 24px;

    -ms-grid-columns: minmax(300px, 1fr) [auto-fill];

    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))

}



@media (max-width: 767px) {

    .api-grid {

        overflow-x: auto;

        grid-auto-flow: column;

        grid-gap: 12px;

        -ms-grid-columns: minmax(240px, 1fr) [auto-fill];

        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

        grid-auto-columns: calc(50% + 93px);

        scroll-padding: 12px

    }

}



.api-status-dot {

    display: inline-block;

    width: 5px;

    height: 5px;

    vertical-align: 9px;

    pointer-events: none;

    border-radius: 50%;

    background-color: #3cb46e

}



.api-status-dot.major,

.api-status-dot.minor {

    background-color: #e0af53

}



.api-status-dot.major:hover,

.api-status-dot.minor:hover {

    background-color: #dca53d

}



.api-status-dot.critical {

    background-color: #e25c3d

}



.api-status-dot.critical:hover {

    background-color: #df4927

}



.theme-api {

    background-color: #f7f7f7;

    padding-bottom: 100px

}



.api-app-header__title-wrapper .pill {

    margin-right: 4px

}



.api-app-header__title {

    margin-right: 16px

}



.api-app-header__sub {

    font-size: 16px;

    margin-top: 0

}



@media (min-width: 768px) {

    .api-app-header__sub {

        font-size: 18px

    }

}



.api-app__terms-wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end

}



.api-app__terms-outer,

.api-app__terms-scrollable {

    height: 200px

}



@media (min-width: 768px) {



    .api-app__terms-outer,

    .api-app__terms-scrollable {

        height: 370px

    }

}



.api-app__terms-outer {

    background-color: #ffffff;

    margin-top: 16px;

    margin-bottom: 24px;

    position: relative;

    overflow: hidden;

    padding: 0 0 12px 0

}



.api-app__terms-scrollable {

    overflow: auto;

    padding: 2px 12% 48px 24px;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15)

}



.api-app__terms-fade {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 2;

    height: 40px;

    pointer-events: none;

    background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



.api-legend-container {

    padding: 16px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.api__hr {

    height: 1px;

    background-color: #d1d1d1;

    margin: 24px 0

}



.api__hr--legend {

    margin: 24px 16px

}



.api-legend-item {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    padding: 8px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



@media (min-width: 768px) {

    .api-legend-item {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        padding: 16px

    }

}



.api-legend-item p {

    margin: 16px 0 0;

    font-size: 14px

}



@media (min-width: 768px) {

    .api-legend-item p {

        margin: 0

    }

}



.api-pill-container {

    min-width: 120px

}



.api-app-card__wrapper {

    width: 100%

}



.api-app-card,

.api-app-info-card {

    margin-bottom: 24px;

    background-color: #ffffff;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 4px 16px rgba(0, 0, 0, 0.04);

    min-width: 300px

}



.api-app-card--faded,

.api-app-info-card--faded {

    background-color: #fcfcfc;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04)

}



.api-app-card {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    cursor: pointer;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    background-color: #ffffff;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    padding: 24px 24px 26px

}



@media (min-width: 768px) {

    .api-app-card {

        padding: 32px 32px 36px

    }

}



.api-app-card:hover {

    -webkit-transform: translateY(-2px);

    -ms-transform: translateY(-2px);

    transform: translateY(-2px);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 26px rgba(0, 0, 0, 0.02), 0 18px 40px -20px rgba(0, 0, 10, 0.064), 0 18px 60px -30px rgba(0, 0, 0, 0.18)

}



.api-app-card--new {

    font-size: 18px;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    text-decoration: none;

    border: 2px dashed #d1d1d1;

    background-color: #f7f7f7;

    box-shadow: none

}



@media (min-width: 768px) {

    .api-app-card--new {

        font-size: 24px

    }

}



.api-app-card--new:hover {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    background-color: #f4f4f4;

    border-color: #ccc;

    box-shadow: none

}



.api-app-card__atom {

    position: absolute;

    z-index: -1;

    right: 0;

    bottom: 0;

    pointer-events: none

}



@media (max-width: 768px) {

    .api-app-card__atom {

        width: 73px;

        height: 64px

    }

}



.api-app-card__status {

    margin-left: -4px;

    margin-right: -4px;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    -ms-grid-row-align: baseline;

    align-items: baseline

}



.api-app-card__status-label {

    font-size: 14px;

    margin: 4px 12px 4px 4px

}



.api-app-card__status-pills {

    margin-left: -4px;

    margin-right: -4px

}



.api-app-card .pill {

    margin: 2px

}



.api-app-card__name {

    font-size: 18px;

    margin-top: 0;

    margin-bottom: 6px;

    line-height: 1.3;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



@media (min-width: 768px) {

    .api-app-card__name {

        font-size: 24px

    }

}



.api-app-card__name a {

    color: #111111

}



.api-app-info-card {

    padding: 24px

}



@media (min-width: 768px) {

    .api-app-info-card {

        padding: 40px

    }

}



.api-app-info-card__title-container {

    margin-bottom: 16px;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    -ms-grid-row-align: baseline;

    align-items: baseline

}



.api-app-info-card__title {

    min-width: 50%

}



.api-app-info-card__title-emoji {

    margin-right: 8px

}



.api-app-info-card__production-checklist {

    margin-bottom: 40px

}



.api-app-info-card__production-checklist p {

    margin: 8px 0

}



.api-app-info-card__production-checklist .checkbox--with-helper {

    display: block;

    padding-left: 32px

}



.api-app-info-card__production-checklist label {

    position: relative

}



.api-app-info-card__production-checklist label:before {

    content: '•';

    display: block;

    left: -18px;

    top: -1px;

    font-size: 14px;

    margin-right: 6px;

    position: absolute

}



.api-app-info-card__production-checklist .label__helper {

    margin-left: 0

}



.api-app-info-card__stats-graph--line {

    margin-bottom: 40px

}



.api-app-info-card__stats-graph--bars {

    margin-bottom: 32px;

    border-bottom: 1px solid #d1d1d1

}



.api-app-info-card__stats-title {

    font-size: 15px;

    margin: 0;

    line-height: 1

}



.api-app-info-card__stats-value {

    font-size: 28px;

    font-weight: 400;

    margin: 0

}



.api-permissions-wrapper {

    padding-top: 24px;

    margin-bottom: 16px

}



@media (min-width: 768px) {

    .api-permissions-wrapper {

        -webkit-column-count: 2;

        -moz-column-count: 2;

        column-count: 2

    }

}



.api-permissions-wrapper .checkbox--with-helper {

    margin-bottom: 20px

}



.code-editor {

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 10, 0.04), 0 40px 100px -20px rgba(0, 0, 10, 0.2), 0 30px 70px -30px rgba(0, 0, 0, 0.4);

    background-color: #fff;

    border-radius: 6px;

    overflow: hidden;

    position: relative;

    width: 100%;

    margin-left: auto

}



.code-editor:after {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 40px;

    content: '';

    pointer-events: none;

    background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



@media (min-width: 768px) {

    .code-editor {

        max-width: 90%

    }

}



.code-editor .code-editor__content {

    padding: 0 24px

}



.code-editor .code-editor__content {

    padding: 6px 0 0 24px;

    max-height: 270px;

    overflow-y: scroll

}



@media (min-width: 768px) {

    .code-editor .code-editor__content {

        padding: 18px 0 0 40px;

        max-height: 400px

    }

}



.code-editor pre,

.code-editor code {

    background-color: #fff !important;

    padding: 0;

    max-height: none;

    font-size: 11px;

    white-space: pre

}



@media (min-width: 768px) {



    .code-editor pre,

    .code-editor code {

        font-size: 12px

    }

}



.code-editor__controls {

    position: absolute !important;

    bottom: 16px;

    right: 16px;

    z-index: 2

}



.code-editor__fade-right {

    position: absolute;

    z-index: 2;

    border-radius: 0 6px 6px 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 10px;

    pointer-events: none;

    background: -webkit-linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



.api-scroll-wrapper {

    position: relative

}



.api-scroll-wrapper:before,

.api-scroll-wrapper:after {

    z-index: 2;

    content: '';

    position: absolute;

    height: 100%;

    width: 150px;

    top: 0;

    bottom: 0;

    pointer-events: none

}



@media (max-width: 767px) {



    .api-scroll-wrapper:before,

    .api-scroll-wrapper:after {

        display: none

    }

}



.api-scroll-wrapper:before {

    left: 0;

    background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



.api-scroll-wrapper:after {

    right: 0;

    background: -webkit-linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



.api-scroll {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 380px;

    width: 2388px;

    overflow: hidden;

    position: relative;

    margin-left: auto;

    margin-right: auto

}



.api-scroll:before,

.api-scroll:after {

    z-index: 2;

    content: '';

    position: absolute;

    height: 100%;

    width: 150px;

    top: 0;

    bottom: 0;

    pointer-events: none

}



@media (max-width: 767px) {



    .api-scroll:before,

    .api-scroll:after {

        display: none

    }

}



.api-scroll:before {

    left: 0;

    background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



.api-scroll:after {

    right: 0;

    background: -webkit-linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%)

}



@media (max-width: 767px) {

    .api-scroll {

        margin-left: -12px

    }

}



.api-scroll--inner {

    display: block;

    width: 200%;

    height: 100%;

    position: absolute;

    -webkit-animation: marquee 120s linear infinite;

    animation: marquee 120s linear infinite

}



.api-scroll__container {

    float: left;

    width: 50%;

    height: 100%;

    margin: 0;

    padding: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.orb {

    background-color: #ffffff;

    display: inline-block;

    margin-left: 9px;

    margin-right: 9px;

    float: left;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    position: relative;

    cursor: pointer;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06);

    -webkit-animation: float 6s ease-in-out infinite;

    animation: float 6s ease-in-out infinite

}



.orb a {

    display: block;

    -webkit-transition: -webkit-transform 0.1s ease-in-out;

    transition: -webkit-transform 0.1s ease-in-out;

    transition: transform 0.1s ease-in-out;

    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out

}



.orb a:hover {

    -webkit-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03)

}



.orb:nth-child(odd) {

    top: 215px;

    -webkit-animation: float2 7s ease-in-out infinite;

    animation: float2 7s ease-in-out infinite;

    -webkit-animation-delay: 3.5s;

    animation-delay: 3.5s

}



.orb:nth-child(even) {

    top: 50px

}



.orb:nth-child(4n-7) {

    top: 185px;

    -webkit-animation: float3 8s ease-in-out infinite;

    animation: float3 8s ease-in-out infinite;

    -webkit-animation-delay: 3s;

    animation-delay: 3s

}



.orb:nth-child(4n-6) {

    top: 25px;

    -webkit-animation: float4 10s ease-in-out infinite;

    animation: float4 10s ease-in-out infinite;

    -webkit-animation-delay: 6s;

    animation-delay: 6s

}



.orb:nth-child(5) {

    top: 195px;

    -webkit-animation: float5 5.5s ease-in-out infinite;

    animation: float5 5.5s ease-in-out infinite

}



.orb:nth-child(6) {

    top: 15px

}



.orb:nth-child(8) {

    -webkit-animation: float6 4s ease-in-out infinite;

    animation: float6 4s ease-in-out infinite

}



.orb:nth-child(9) {

    top: 190px;

    -webkit-animation: float2 5.5s ease-in-out infinite;

    animation: float2 5.5s ease-in-out infinite

}



.orb:nth-child(18) {

    top: 15px

}



.orb:nth-child(19) {

    top: 200px;

    -webkit-animation: float5 5s ease-in-out infinite;

    animation: float5 5s ease-in-out infinite

}



.orb--s {

    width: 64px;

    height: 64px;

    border-radius: calc(128px)

}



.orb--m {

    width: 88px;

    height: 88px;

    border-radius: calc(176px)

}



.orb--l {

    width: 120px;

    height: 120px;

    border-radius: calc(240px)

}



.orb__img {

    max-width: 100%;

    border-radius: 50%;

    pointer-events: none

}



@-webkit-keyframes marquee {

    0% {

        left: 0

    }



    100% {

        left: -100%

    }

}



@keyframes marquee {

    0% {

        left: 0

    }



    100% {

        left: -100%

    }

}



@-webkit-keyframes float {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes float {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@-webkit-keyframes float2 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes float2 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@-webkit-keyframes float3 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(7px);

        transform: translateY(7px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes float3 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(7px);

        transform: translateY(7px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@-webkit-keyframes float4 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(9px);

        transform: translateY(9px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes float4 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(9px);

        transform: translateY(9px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@-webkit-keyframes float5 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-3px);

        transform: translateY(-3px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes float5 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-3px);

        transform: translateY(-3px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@-webkit-keyframes float6 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(3px);

        transform: translateY(3px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-1px);

        transform: translateY(-1px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(3px);

        transform: translateY(3px)

    }

}



@keyframes float6 {

    0% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(3px);

        transform: translateY(3px)

    }



    50% {

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.02);

        -webkit-transform: translateY(-1px);

        transform: translateY(-1px)

    }



    100% {

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);

        -webkit-transform: translateY(3px);

        transform: translateY(3px)

    }

}



.orb:hover:after,

.orb:focus:after {

    content: attr(aria-label);

    font-size: 13px;

    position: absolute;

    top: 100%;

    margin-top: 8px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 25px;

    line-height: 25px;

    padding: 0 9px;

    text-align: center;

    background: #111111;

    border-radius: 50px;

    white-space: nowrap;

    color: #ffffff;

    -webkit-transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);

    transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);

    opacity: 1

}



.submission-sidebar {

    border: 1px solid #e1e1e1;

    margin-bottom: 48px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



@media (max-width: 767px) {

    .submission-sidebar {

        margin-top: 8px

    }

}



@media (min-width: 768px) {

    .submission-sidebar {

        min-height: 92vh

    }

}



.submission-sidebar .submission__story-title,

.submission-sidebar .submission__story,

.submission-sidebar .submission__flag {

    margin: 8px 0

}



.submission-sidebar__header {

    padding: 16px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.submission__user-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.submission__user-meta-container {

    padding-left: 8px

}



.submission__username {

    color: #111111;

    font-weight: 500;

    text-decoration: none;

    font-size: 14px

}



.submission__badge {

    font-size: 11px;

    margin-right: 6px;

    margin-left: 6px

}



.submission__badge--warning {

    font-size: 13px

}



.submission-sidebar__photo-stats {

    padding: 0 16px

}



.submission-sidebar__photo-stats__header {

    padding-bottom: 4px

}



.submission-sidebar__tabs {

    padding-left: 16px;

    border-bottom: 1px solid #e1e1e1;

    margin-top: 0;

    margin-bottom: 0

}



.submission-sidebar__tabs li {

    font-size: 13px;

    margin-bottom: -1px

}



.submission-sidebar__tabs>li.active>a,

.submission-sidebar__tabs>li.active>a:hover,

.submission-sidebar__tabs>li.active>a:focus {

    border-bottom: 1px solid

}



.submission-sidebar__notes {

    padding-top: 16px;

    padding-left: 16px;

    padding-right: 16px

}



.submission-sidebar__content {

    padding: 16px;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.submission-sidebar__warning {

    padding-bottom: 16px

}



.submission-sidebar__tab-pane {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.submission__suspecious {

    font-size: 14px

}



.submission-sidebar .icon {

    margin-right: 6px;

    fill: #767676;

    width: 15px;

    height: 15px

}



.submission-sidebar__hr {

    margin: 24px -16px 0;

    border-bottom: 1px solid #e1e1e1

}



.submission-sidebar__exif {

    margin-bottom: 16px;

    margin-top: 16px

}



.submission-sidebar__exif li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 8px

}



.submission__story {

    overflow-wrap: break-word;

    word-wrap: break-word;

    -webkit-hyphens: auto;

    -ms-hyphens: auto;

    hyphens: auto;

    color: #767676;

    margin-bottom: 24px;

    line-height: 1.4

}



.submission__label {

    padding-top: 32px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.submission__flag-container {

    padding-top: 8px;

    padding-bottom: 8px

}



.submission__action-btns .btn {

    margin: 4px 0

}



.submission__list li,

.submission__list a {

    padding: 4px 0

}



.submission__list li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.submission__list li .icon {

    text-decoration: none;

    fill: #767676

}



.submission__photo {

    position: relative;

    -webkit-transition: opacity 300ms ease-in-out;

    transition: opacity 300ms ease-in-out

}



.submission__photo:hover img {

    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4)

}



.submission__photo img {

    width: auto;

    max-width: 100%;

    max-height: 92vh

}



.submission__photo--nsfw {

    width: 50%;

    -webkit-filter: blur(10px);

    filter: blur(10px)

}



.submission__photo--nsfw:hover {

    -webkit-filter: none;

    filter: none

}



.is-flagged img,

.is-promoted img,

.is-approved img,

.is-searchable img,

.is-in-not-sure-queue img,

.is-in-promote-queue img,

.is-in-flag-queue img {

    opacity: 0.3

}



.is-flagged .submission__photo {

    background-color: #e25c3d !important

}



.is-approved .submission__photo {

    background-color: #e0af53 !important

}



.is-in-not-sure-queue .submission__photo,

.is-in-promote-queue .submission__photo,

.is-in-flag-queue .submission__photo {

    background-color: #767676 !important

}



.is-promoted .submission__photo,

.is-searchable .submission__photo {

    background-color: #3cb46e !important

}



.reverse-search-target__photo {

    margin-bottom: 30px

}



.reverse-search-target__list li {

    padding: 3px 0

}



.reverse-search-result {

    margin-bottom: 60px

}



.reverse-search-result__list {

    list-style: none;

    padding: 0;

    margin: 0

}



.reverse-search-result__list>li {

    padding: 6px 0

}



.reverse-search-result__link {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    max-width: 480px;

    vertical-align: bottom

}



.email-builder {

    height: 100%;

    width: 100%

}



.email-builder iframe {

    border-width: 0

}



.email-builder__left-container,

.email-builder__right-container {

    height: 100%;

    overflow-y: scroll

}



.email-builder__left-container {

    position: relative;

    float: left;

    width: 40%;

    padding: 40px 40px 180px

}



.email-build__right-container {

    float: right;

    width: 60%

}



.email-builder__action {

    position: fixed;

    background-color: #ffffff;

    padding: 40px;

    width: 40%;

    left: 0;

    bottom: 0

}



.user-settings__stats {

    margin-bottom: 14px

}



.user-settings__stats span {

    margin-right: 30px

}



.user-settings__verify {

    margin-top: -8px;

    margin-bottom: 14px

}



.user-settings__info {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 0 36px;

    padding: 0;

    list-style: none

}



.user-settings__info li {

    font-size: 12px;

    margin-bottom: 8px;

    margin-right: 30px

}



.user-settings__info li svg {

    width: 16px;

    height: 16px;

    fill: currentColor

}



.user-settings__actions {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 12px

}



.user-settings__actions a:last-child {

    margin-left: 12px

}



.user-settings__spacer {

    border: 0;

    padding: 8px 0

}



.user-settings__social {

    background-color: #f5f5f5;

    padding: 2px 16px;

    font-size: 12px;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.user-settings__social h3 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px

}



.user-settings__social h3 .icon {

    margin-right: 6px;

    font-size: 16px

}



.user-settings__uploads-section {

    margin-bottom: 8px

}



.messages {

    margin-bottom: 64px

}



.message__user-image {

    width: 32px;

    height: 32px;

    border-radius: 16px;

    margin-right: 8px

}



.message__sender {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.message__receiver-title {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-bottom: 6px

}



.message__receiver-content {

    background-color: #f5f5f5;

    border-radius: 5px;

    padding: 12px 18px

}



.message__receiver-content p:first-of-type {

    margin-top: 0

}



.message__receiver-content p:last-of-type {

    margin-bottom: 0

}



.messages__group {

    list-style: none;

    margin: 0;

    padding: 0

}



.messages__actions {

    margin-top: 12px

}



.messages__action {

    margin-top: 6px

}



.message {

    margin-bottom: 18px

}



.message .message__status {

    display: none

}



.message--spam .message__receiver-content {

    background-color: #f7ebd5

}



.message--spam .message__actions {

    display: none

}



.message--spam .message__status--spam {

    display: inline

}



.message--sent .message__receiver-content {

    background-color: #a7e2c0

}



.message--sent .message__actions {

    display: none

}



.message--sent .message__status--sent {

    display: inline

}



.message__actions {

    display: block

}



.message__status {

    display: inline;

    padding: 3px 5px;

    font-size: 11px;

    line-height: 1;

    border-radius: 3px

}



.message__status--spam {

    background-color: #e0af53

}



.message__status--sent {

    background-color: #3cb46e

}



@media (max-width: 767px) {

    .social-share__photo-meta {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: left;

        -webkit-align-items: left;

        -ms-flex-align: left;

        -ms-grid-row-align: left;

        align-items: left

    }

}



@media (max-width: 767px) {

    .social-share__user {

        margin-bottom: 16px

    }

}



.social-share__username {

    margin-left: 10px

}



.social-share__actions-item {

    margin: 0 16px 8px 0

}



@media (min-width: 768px) {

    .social-share__actions-item {

        margin: 0 0 0 16px

    }

}



.social-share__actions-item .icon {

    fill: #767676

}



.json-document {

    padding: 1em 2em

}



ul.json-dict,

ol.json-array {

    list-style-type: none;

    margin: 0 0 0 1px;

    border-left: 1px dotted #ccc;

    padding-left: 2em

}



.json-string {

    color: #0B7500

}



.json-literal {

    color: #1A01CC;

    font-weight: bold

}



a.json-toggle {

    position: relative;

    color: inherit;

    text-decoration: none

}



a.json-toggle:focus {

    outline: none

}



a.json-toggle:before {

    font-size: 1.1em;

    color: #c0c0c0;

    content: "\25BC";

    position: absolute;

    display: inline-block;

    width: 1em;

    text-align: center;

    line-height: 1em;

    left: -1.2em

}



a.json-toggle:hover:before {

    color: #aaa

}



a.json-toggle.collapsed:before {

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



a.json-placeholder {

    color: #aaa;

    padding: 0 1em;

    text-decoration: none

}



a.json-placeholder:hover {

    text-decoration: underline

}



.admin-application__left,

.admin-application__right {

    padding: 36px 24px 90px

}



@media (min-width: 768px) {



    .admin-application__left,

    .admin-application__right {

        position: fixed;

        width: 50%;

        overflow-y: scroll;

        height: 100%

    }

}



.admin-application__left {

    left: 0

}



.admin-application__right {

    right: 0

}



.admin-application__header {

    margin-top: -9px;

    margin-bottom: 30px

}



.admin-application__header .pill {

    vertical-align: 18px;

    margin-left: 4px

}



.admin-application__header .nav {

    margin-top: 0;

    margin-bottom: 0

}



.admin-application__title {

    margin-top: 0;

    margin-bottom: 0;

    display: inline-block

}



.admin-application__copy {

    margin-bottom: 4px

}



.admin-application__copy:last-child {

    margin-bottom: 0

}



.admin-application__copy .btn-copy {

    margin-left: 8px;

    -webkit-transform: translateY(1px);

    -ms-transform: translateY(1px);

    transform: translateY(1px)

}



.user-notes .btn-link {

    font-size: 12px;

    padding-top: 0;

    padding-bottom: 0

}



.user-notes .form-control {

    font-size: 12px;

    resize: none

}



.user-notes__controls {

    text-align: right;

    height: 26px

}



.user-notes__controls .user-notes__save-controls {

    opacity: 0;

    pointer-events: none

}



.user-notes__controls .user-notes__save-status {

    color: #3cb46e;

    font-size: 12px;

    opacity: 0;

    pointer-events: none

}



.user-notes__controls--with-changes .user-notes__save-controls {

    opacity: 1;

    pointer-events: auto

}



.user-notes__controls--with-changes .user-notes__save-status {

    display: none

}



.user-notes__controls--saved .user-notes__save-status {

    opacity: 1;

    pointer-events: auto

}



.user-notes__controls--saved .user-notes__save-controls {

    display: none

}



ul.landing-pages {

    list-style-type: none

}



ul.landing-pages a.collapse {

    text-decoration: none

}



/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block

}



.TerminalWin {

    align-self: center;

    margin-left: 0;

}



html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



body {

    margin: 0;

}



a:focus {

    outline: thin dotted

}



a:active,

a:hover {

    outline: 0

}



h1 {

    font-size: 2em;

    margin: 0.67em 0

}



abbr[title] {

    border-bottom: 1px dotted

}



b,

strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



hr {

    box-sizing: content-box;

    height: 0

}



mark {

    background: #ff0;

    color: #000

}



code,

kbd,

pre,

samp {

    font-family: monospace, serif;

    font-size: 1em

}



pre {

    white-space: pre-wrap

}



q {

    quotes: "\201C""\201D""\2018""\2019"

}



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: 0

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em

}



legend {

    border: 0;

    padding: 0

}



.row {

    margin-left: -12px;

    margin-right: -12px

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.row:before {

    content: none

}



.row:after {

    content: ''

}



.col-xs-1,

.col-sm-1,

.col-md-1,

.col-lg-1,

.col-xs-2,

.col-sm-2,

.col-md-2,

.col-lg-2,

.col-xs-3,

.col-sm-3,

.col-md-3,

.col-lg-3,

.col-xs-4,

.col-sm-4,

.col-md-4,

.col-lg-4,

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5,

.col-xs-6,

.col-sm-6,

.col-md-6,

.col-lg-6,

.col-xs-7,

.col-sm-7,

.col-md-7,

.col-lg-7,

.col-xs-8,

.col-sm-8,

.col-md-8,

.col-lg-8,

.col-xs-9,

.col-sm-9,

.col-md-9,

.col-lg-9,

.col-xs-10,

.col-sm-10,

.col-md-10,

.col-lg-10,

.col-xs-11,

.col-sm-11,

.col-md-11,

.col-lg-11,

.col-xs-12,

.col-sm-12,

.col-md-12,

.col-lg-12 {

    position: relative;

    min-height: 1px;

    padding-left: 12px;

    padding-right: 12px

}



.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11 {

    float: left

}



.col-xs-12 {

    width: 100%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-9 {

    width: 75%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-6 {

    width: 50%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-3 {

    width: 25%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-1 {

    width: 8.33333333%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-0 {

    right: 0%

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-0 {

    left: 0%

}



.col-xs-offset-12 {

    margin-left: 100%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-0 {

    margin-left: 0%

}



@media (min-width: 768px) {



    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11 {

        float: left

    }



    .col-sm-12 {

        width: 100%

    }



    .col-sm-11 {

        width: 91.66666667%

    }



    .col-sm-10 {

        width: 83.33333333%

    }



    .col-sm-9 {

        width: 75%

    }



    .col-sm-8 {

        width: 66.66666667%

    }



    .col-sm-7 {

        width: 58.33333333%

    }



    .col-sm-6 {

        width: 50%

    }



    .col-sm-5 {

        width: 41.66666667%

    }



    .col-sm-4 {

        width: 33.33333333%

    }



    .col-sm-3 {

        width: 25%

    }



    .col-sm-2 {

        width: 16.66666667%

    }



    .col-sm-1 {

        width: 8.33333333%

    }



    .col-sm-pull-12 {

        right: 100%

    }



    .col-sm-pull-11 {

        right: 91.66666667%

    }



    .col-sm-pull-10 {

        right: 83.33333333%

    }



    .col-sm-pull-9 {

        right: 75%

    }



    .col-sm-pull-8 {

        right: 66.66666667%

    }



    .col-sm-pull-7 {

        right: 58.33333333%

    }



    .col-sm-pull-6 {

        right: 50%

    }



    .col-sm-pull-5 {

        right: 41.66666667%

    }



    .col-sm-pull-4 {

        right: 33.33333333%

    }



    .col-sm-pull-3 {

        right: 25%

    }



    .col-sm-pull-2 {

        right: 16.66666667%

    }



    .col-sm-pull-1 {

        right: 8.33333333%

    }



    .col-sm-pull-0 {

        right: 0%

    }



    .col-sm-push-12 {

        left: 100%

    }



    .col-sm-push-11 {

        left: 91.66666667%

    }



    .col-sm-push-10 {

        left: 83.33333333%

    }



    .col-sm-push-9 {

        left: 75%

    }



    .col-sm-push-8 {

        left: 66.66666667%

    }



    .col-sm-push-7 {

        left: 58.33333333%

    }



    .col-sm-push-6 {

        left: 50%

    }



    .col-sm-push-5 {

        left: 41.66666667%

    }



    .col-sm-push-4 {

        left: 33.33333333%

    }



    .col-sm-push-3 {

        left: 25%

    }



    .col-sm-push-2 {

        left: 16.66666667%

    }



    .col-sm-push-1 {

        left: 8.33333333%

    }



    .col-sm-push-0 {

        left: 0%

    }



    .col-sm-offset-12 {

        margin-left: 100%

    }



    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .col-sm-offset-9 {

        margin-left: 75%

    }



    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .col-sm-offset-6 {

        margin-left: 50%

    }



    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .col-sm-offset-3 {

        margin-left: 25%

    }



    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .col-sm-offset-0 {

        margin-left: 0%

    }

}