/* VARIABLES
// ------------------------- */
/* GENERAL
// ------------------------- */
/* HEADER
// ------------------------- */
@import url("fonts_inclusion.css");

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

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0;
    color: unset;
}

b, strong {
    font-weight: 600
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.35em;
    font-size: 65%;
}

sub {
    display: block;
    font-size: 50%;
    margin-top: -1px;
    margin-left: 1px;
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 600
}

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

td, th {
    padding: 0
}

@-ms-viewport {
    width: device-width;
}

a {
    color: inherit;
    text-decoration: none
}

a, button, input {
    -webkit-tap-highlight-color: transparent
}

html {
    overflow-y: scroll
}

body, html {
    overflow-x: hidden
}

blockquote, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, menu, ol, p, pre,
ul {
    margin: 0
}

p {
    margin-bottom: 30px
}

menu, ol, ul {
    padding: 0;
    list-style: none;
    list-style-image: none
}

figcaption {
    -webkit-nbsp-mode: normal
}

main {
    display: block
}

@media screen and (max-device-width: 1000px) {
    html {
        -webkit-text-size-adjust: none
    }
}

@media print {
    h2, h3 {
        page-break-after: avoid;
        page-break-inside: avoid
    }
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

@keyframes pop-upwards {
    0% {
        transform: matrix(.97, 0, 0, 1, 0, 12);
        opacity: 0
    }

    20% {
        transform: matrix(.99, 0, 0, 1, 0, 2);
        opacity: .7
    }

    40% {
        transform: matrix(1, 0, 0, 1, 0, -1);
        opacity: 1
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

@keyframes pop-downwards {
    0% {
        transform: matrix(.97, 0, 0, 1, 0, -12);
        opacity: 0
    }

    20% {
        transform: matrix(.99, 0, 0, 1, 0, -2);
        opacity: .7
    }

    40% {
        transform: matrix(1, 0, 0, 1, 0, 1);
        opacity: 1
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

@keyframes shift-rightwards {
    0% {
        transform: translateX(-100%)
    }

    40% {
        transform: translateX(0)
    }

    60% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes shimmy-shake {
    0% {
        transform: translateX(-1%)
    }

    20% {
        transform: translateX(1%)
    }

    40% {
        transform: translateX(-1%)
    }

    60% {
        transform: translateX(1%)
    }

    80% {
        transform: translateX(-1%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes fade-in-pulse-06 {
    0% {
        opacity: 0;
        transform: scale(.6)
    }

    50% {
        opacity: 1
    }

    100%, 70% {
        transform: scale(1)
    }
}

@keyframes fade-in-pulse-08 {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    50% {
        opacity: 1
    }

    100%, 70% {
        transform: scale(1)
    }
}

@keyframes black-pulse-09 {
    0% {
        transform: scale(1);
        fill: #000
    }

    15% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1);
        fill: #000
    }
}

@keyframes scale-fade-out {
    0% {
        transform: scale(0);
        opacity: 1;
        visibility: visible
    }

    50% {
        transform: scale(1)
    }

    99% {
        opacity: 0
    }

    100% {
        visibility: hidden
    }
}

@keyframes fade-in {
    0% {
        visibility: hidden
    }

    1% {
        visibility: visible;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out-45 {
    0% {
        opacity: 1;
        visibility: visible
    }

    45% {
        opacity: 0
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fade-step-in-50 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes scale-out-delayed {
    0% {
        transform: scale(1);
        opacity: 1;
        max-height: 800px
    }

    40% {
        transform: scale(.99);
        opacity: 0
    }

    100% {
        transform: scale(0);
        opacity: 0;
        max-height: 0
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -moz-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -ms-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -o-transform: scale(1.025) translate(0, -1px) translateZ(0);
        transform: scale(1.025) translate(0, -1px) translateZ(0);
    }

    40% {
        -webkit-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -moz-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -ms-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -o-transform: scale(1.05) translate(0, -2px) translateZ(0);
        transform: scale(1.05) translate(0, -2px) translateZ(0);
    }

    100% {
        -webkit-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -moz-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -ms-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -o-transform: scale(1.1) translate(0, -3px) translateZ(0);
        transform: scale(1.1) translate(0, -3px) translateZ(0);
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -moz-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -ms-transform: scale(1.1) translate(0, -3px) translateZ(0);
        -o-transform: scale(1.1) translate(0, -3px) translateZ(0);
        transform: scale(1.1) translate(0, -3px) translateZ(0);
    }

    40% {
        -webkit-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -moz-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -ms-transform: scale(1.05) translate(0, -2px) translateZ(0);
        -o-transform: scale(1.05) translate(0, -2px) translateZ(0);
        transform: scale(1.05) translate(0, -2px) translateZ(0);
    }

    100% {
        -webkit-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -moz-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -ms-transform: scale(1.025) translate(0, -1px) translateZ(0);
        -o-transform: scale(1.025) translate(0, -1px) translateZ(0);
        transform: scale(1.025) translate(0, -1px) translateZ(0);
    }
}

@keyframes scale-up-no-translate {
    0% {
        -webkit-transform: scale(1.01) translateZ(0);
        -moz-transform: scale(1.01) translateZ(0);
        -ms-transform: scale(1.01) translateZ(0);
        -o-transform: scale(1.01) translateZ(0);
        transform: scale(1.01) translateZ(0);
    }

    40% {
        -webkit-transform: scale(1.02) translateZ(0);
        -moz-transform: scale(1.02) translateZ(0);
        -ms-transform: scale(1.02) translateZ(0);
        -o-transform: scale(1.02) translateZ(0);
        transform: scale(1.02) translateZ(0);
    }

    100% {
        -webkit-transform: scale(1.025) translateZ(0);
        -moz-transform: scale(1.025) translateZ(0);
        -ms-transform: scale(1.025) translateZ(0);
        -o-transform: scale(1.025) translateZ(0);
        transform: scale(1.025) translateZ(0);
    }
}

@keyframes scale-down-no-translate {
    0% {
        -webkit-transform: scale(1.025) translateZ(0);
        -moz-transform: scale(1.025) translateZ(0);
        -ms-transform: scale(1.025) translateZ(0);
        -o-transform: scale(1.025) translateZ(0);
        transform: scale(1.025) translateZ(0);
    }

    40% {
        -webkit-transform: scale(1.02) translateZ(0);
        -moz-transform: scale(1.02) translateZ(0);
        -ms-transform: scale(1.02) translateZ(0);
        -o-transform: scale(1.02) translateZ(0);
        transform: scale(1.02) translateZ(0);
    }

    100% {
        -webkit-transform: scale(1.000) translateZ(0);
        -moz-transform: scale(1.000) translateZ(0);
        -ms-transform: scale(1.000) translateZ(0);
        -o-transform: scale(1.000) translateZ(0);
        transform: scale(1.000) translateZ(0);
    }
}

@keyframes slide-up-in-from-offset {
    97% {
        transform: translateY(.2vh)
    }

    100% {
        transform: translateY(0)
    }
}

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

.u-flexCenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.u-flexEnd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
}

.u-flexStart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

.u-flexColumn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.u-flexRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: space-between
}

.u-flexSpaceBetween {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: space-between
}

@media (max-width: 767px) {
}

.u-disablePointerEvents {
    pointer-events: none !important
}

.u-inlineBlock {
    display: inline-block !important
}

.u-flex0 {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.u-flex4 {
    -webkit-flex: 4 0 auto;
    -ms-flex: 4 0 auto;
    flex: 4 0 auto;
}

@media screen and (min-width: 993px) {
    .u-flex4 {
        -webkit-flex: 0.35 0 auto;
        -ms-flex: 0.35 0 auto;
        flex: 0.35 0 auto;

        left: -3vw !important;
        display: block;
        position: relative;
    }
}

.u-flex0-3 {
    -webkit-flex: 0.3 1 auto;
    -ms-flex: 0.3 1 auto;
    flex: 0.3 1 auto
}

.u-flex1 {
    -webkit-flex: 0.5 1 auto;
    -ms-flex: 0.5 1 auto;
    flex: 0.5 1 auto
}

.u-flexOnly1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.u-borderBox {
    box-sizing: border-box !important
}

.u-positionRelative {
    position: relative !important
}

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

.u-marginRight10 {
    margin-right: 10px !important
}

.u-marginRight15 {
    margin-right: 15px !important
}

.u-marginLeft4 {
    margin-left: 4px !important
}

.u-marginLeft12 {
    margin-left: 12px !important
}

.u-marginTop8 {
    margin-top: 8px !important
}

.u-marginBottomMinus20 {
    margin-bottom: -20px !important
}

@media screen and (max-width: 767px) {
    .u-conditionalFilterMargin {
        margin-top: 15px !important;
    }
}

@media print {
    .u-print-marginTop0 {
        margin-top: 0 !important
    }
}

.u-paddingTop10 {
    padding-top: 10px !important
}

.u-padding15 {
    padding: 15px !important
}

.u-padding10 {
    padding: 10px !important
}

.u-padding12 {
    padding: 12px !important
}

.u-padding12and15 {
    padding: 12px 15px 12px 15px !important
}

.u-paddingBottom1 {
    padding-bottom: 1px !important
}

.u-paddingBottom4 {
    padding-bottom: 4px !important
}

.u-paddingBottom10 {
    padding-bottom: 10px !important
}

.u-padding4 {
    padding: 4px !important
}

.u-padding8 {
    padding: 8px !important
}

.u-paddingTopBottom10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.u-paddingRight80 {
    padding-right: 80px !important
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {

}

.u-maxWidth290 {
    max-width: 290px !important;
}

.u-height20 {
    height: 20px !important
}

.u-height80 {
    height: 80px !important
}

.u-height60 {
    height: 60px !important
}

.u-height70 {
    height: 70px !important
}

.u-height85 {
    height: 85px !important
}

.u-height55 {
    height: 55px !important
}

.u-height100 {
    height: 100px !important
}

.u-height130 {
    height: 130px !important
}

.u-height140 {
    height: 140px !important
}

.u-height180 {
    height: 180px !important
}

.u-height140 {
    height: 140px !important
}

.u-height280 {
    height: 280px !important
}

.u-height290 {
    height: 290px !important
}

.u-height255 {
    height: 255px !important
}

.u-height320 {
    height: 320px !important
}

.u-height330 {
    height: 330px !important
}

.u-height360 {
    height: 360px !important
}

.u-heightMin320 {
    min-height: 320px !important;
    height: auto;
}

.u-heightMin140 {
    min-height: 140px !important;
    height: auto;
}

.u-readableMinWidth {
    min-width: 320px !important;
}

.u-size36x36 {
    width: 36px !important;
    height: 36px !important
}

.u-size42x42 {
    width: 42px !important;
    height: 42px !important
}

.u-size50x50 {
    width: 50px !important;
    height: 50px !important
}

@media screen and (max-width: 767px) {
    .u-xs-size32x32 {
        width: 32px !important;
        height: 32px !important
    }

}

.u-size4of12 {
    width: 33.33333333% !important
}

@media (max-width: 767px) {

    .u-xs-size12of12 {
        width: 100% !important
    }

}

.u-backgroundWhite {
    background: #fff !important
}

.u-hideDiv {
    display: none !important;
}

.u-backgroundLightGray {
    background: #f6f6f6 !important
}

.u-backgroundDarkGray {
    background: #282828 !important
}

.u-borderBottomLight {
    border-bottom: 1px solid rgba(0, 0, 0, .0785) !important
}

.u-borderBottomMedium {
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important
}

.u-borderTopMedium {
    border-top: 1px solid rgba(0, 0, 0, .1) !important
}

.u-borderRightLighter {
    border-right: 1px solid rgba(0, 0, 0, .15) !important
}

.u-borderCardBackground {
    border: 1px solid #DDD !important
}

.u-borderCardBlack {
    border: 1px solid #282828 !important
}

.u-borderCardDecentGrey {
    border: 1px solid rgba(230, 230, 230, 1) !important
}

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

.u-boxShadow {
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .06);
    -o-box-shadow: 0 1px 7px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 7px rgba(0, 0, 0, .06);
    border: 1px solid rgba(0, 0, 0, .0785) !important
}

.u-boxShadow:hover {
    -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);
}

.enlargeAndKeepCenterd, .smallerAndKeepCenterd,
.enlargeAndMoveUp, .smallerAndMoveDown {
    backface-visibility: hidden !important;
    font-smoothing: antialiased !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
}

.enlargeAndKeepCenterd {
    /*-webkit-transform: scale(1.025) rotate(0.0001deg);
    -moz-transform: scale(1.025) rotate(0.0001deg);
    -ms-transform: scale(1.025) rotate(0.0001deg);
    -o-transform: scale(1.025) rotate(0.0001deg);
    transform: scale(1.025) rotate(0.0001deg);*/

    /*-webkit-transform: scale(1.025);*/
    -webkit-animation: scale-up-no-translate 0.2s linear 0s 1 forwards;

    /*-moz-transform: scale(1.025);*/
    -moz-animation: scale-up-no-translate 0.2s linear 0s 1 forwards;

    /*transform: scale(1.025);*/
    animation: scale-up-no-translate 0.2s linear 0s 1 forwards;
}

.smallerAndKeepCenterd {
    /*-webkit-transform: scale(1.025) rotate(0.0001deg);
    -moz-transform: scale(1.025) rotate(0.0001deg);
    -ms-transform: scale(1.025) rotate(0.0001deg);
    -o-transform: scale(1.025) rotate(0.0001deg);
    transform: scale(1.025) rotate(0.0001deg);*/

    /*-webkit-transform: scale(1);*/
    -webkit-animation: scale-down-no-translate 0.2s linear 0s 1 forwards;

    /*-moz-transform: scale(1);*/
    -moz-animation: scale-down-no-translate 0.2s linear 0s 1 forwards;

    /*transform: scale(1);*/
    animation: scale-down-no-translate 0.2s linear 0s 1 forwards;
}

.enlargeAndMoveUp {
    /*-webkit-transform: scale(1.1) translate(0, -3px);
    -moz-transform: scale(1.1) translate(0, -3px);
    -ms-transform: scale(1.1) translate(0, -3px);
    -o-transform: scale(1.1) translate(0, -3px);
    transform: scale(1.1) translate(0, -3px);*/

    /*-webkit-transform: scale(1.1);*/
    -webkit-animation: scale-up 0.2s linear 0s 1 forwards;

    /*-moz-transform: scale(1.1);*/
    -moz-animation: scale-up 0.2s linear 0s 1 forwards;

    /*transform: scale(1.1);*/
    animation: scale-up 0.2s linear 0s 1 forwards;
}

.smallerAndMoveDown {
    /*-webkit-transform: scale(1.1) translate(0, -3px);
    -moz-transform: scale(1.1) translate(0, -3px);
    -ms-transform: scale(1.1) translate(0, -3px);
    -o-transform: scale(1.1) translate(0, -3px);
    transform: scale(1.1) translate(0, -3px);*/

    /*-webkit-transform: scale(1.025);*/
    -webkit-animation: scale-down 0.2s linear 0s 1 forwards;

    /*-moz-transform: scale(1.025);*/
    -moz-animation: scale-down 0.2s linear 0s 1 forwards;

    /*transform: scale(1.025);*/
    animation: scale-down 0.2s linear 0s 1 forwards;
}

.u-borderRadius4 {
    border-radius: 4px
}

.u-borderRadius8 {
    border-radius: 8px
}

.u-borderRadiusTop4 {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.u-borderRadiusTop8 {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

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

.u-textColorNormal {
    color: rgba(0, 0, 0, .69) !important
}

.u-textColorDarkest {
    color: rgba(0, 0, 0, .9) !important
}

.u-textColorLight {
    color: rgba(0, 0, 0, .6) !important
}

.u-textColorBlue {
    color: rgba(0, 103, 177, 1) !important
}

.u-textColorGreen {
    color: #1ED55F !important
}

.u-textColorWhite {
    color: #FFFFFF !important
}

.u-borderColor888 {
    border-color: #888888 !important;
}

.u-contentTextBold {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 600 !important;
    font-style: normal !important
}

.u-contentTextMedium {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 400 !important;
    font-style: normal !important
}

.u-displayMessageBlock {
    display: block !important;
    height: 3em !important;
    overflow: hidden !important;
    white-space: normal;
    word-wrap: break-word !important;
    line-height: 1.5em;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

.u-displayMessageBlockAlignRight {
    display: block !important;
    overflow: hidden !important;
    white-space: normal;
    word-wrap: break-word !important;
    line-height: 1.5em;
    text-overflow: ellipsis !important;
    text-align: right !important;
}

.u-displayMessageBlockAlignRight > div {
    min-width: 104px;
}

.u-contentTextThin {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 300 !important;
    font-style: normal !important
}

.u-fontSizeSmallest {
    font-size: 12px !important
}

.u-fontSizeSmall {
    font-size: 14px !important
}

.u-fontSizeMedium {
    font-size: 18px !important
}

.u-fontSizeUp {
    font-size: 19px !important
}

.u-fontSizeUpper {
    font-size: 21px !important
}

.u-fontSizeLarge {
    font-size: 24px !important
}

@media (max-width: 767px) {

}

.u-lineHeightTighter {
    line-height: 1.1 !important
}

.u-letterSpacingTight {
    letter-spacing: -.02em !important
}

@media (max-width: 767px) {
}

.u-noWrapWithEllipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important
}

.u-textOverflowEllipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important
}

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

.u-lineClamp2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important
}

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

.col, .container, .row {
    box-sizing: border-box
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

.container .block--list {
    margin-left: 0;
    margin-right: 0
}

.row {
    margin-right: -20px;
    margin-left: -20px
}

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

.row:after {
    clear: both
}

.col {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
}

@media not print {
    .screenContent {
        height: 100%
    }
}

@media print {
    .canvas-renderer {
        display: none
    }
}

.svgIcon {
    display: inline-block
}

.svgIcon--25px {
    line-height: 25px;
    height: 25px
}

.wordmarkSet .svgIcon:last-child {
    margin-top: -20px
}

.avatar {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal
}

.avatar-image {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #DDD;
}

.avatar--roundedRectangle .avatar-image {
    border-radius: 3px
}

.avatar-listItem--upvoters .svgIcon--heartFilled svg {
    width: 10px;
    height: 10px
}

.margin0auto {
    margin: 0 auto !important;
}

.search-sidebar {
    position: absolute;
    margin-top: 55px;
    padding: 0 !important;
    text-align: left;
}

@media (max-width: 767px) {
    .search-sidebar {
        margin-top: 80px;
    }
}

.aisdemo-navbar {
    float: left;
    padding: 0;
    border-bottom: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0;
    height: 55px;
    width: inherit;
}

/* FILTERS
// ------------------------- */
.buttons-der-grundlagen-selectors {
    padding: 0 !important;
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-group {
    margin-bottom: 0 !important;
    display: block;
}

.panel-group .panel {
    background: rgba(246, 246, 246, 1); /* For browsers that do not support gradients */

    /*background: -webkit-linear-gradient(#fff, #f6f6f6); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#fff, #f6f6f6); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#fff, #f6f6f6); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#fff, #f6f6f6); /* Standard syntax */
    border: 0;
    border-bottom: 1px solid #dddedd;
    border-radius: 0 !important;
    display: block;
}

.relPosFloatNone {
    position: inherit;
    float: none;
    display: inline-block;
}

.panel-default > .panel-heading {
    color: #333;
    background: rgba(246, 246, 246, 1);
    border: none;
    border-radius: 0;
    padding: 5px 10px !important;
    box-shadow: inset 0 -6px 8px -5px rgba(40, 40, 40, .08);
    -webkit-box-shadow: inset 0 -6px 8px -5px rgba(40, 40, 40, .08);
}

.panel-title {
    font-size: 14px !important;
    display: block !important;
    color: #888888;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 13px !important;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f6f6f6;
    border-top: 1px solid #ccc;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.search-contain {
    min-height: 55px;
    height: 100%;
    padding-left: 10px;
    width: 100% !important;
    padding-bottom: 0 !important;
    /*border-top: 1px solid #444444;*/
    /*border-bottom: 1px solid #444444;*/
    background: rgba(200, 200, 200, 1); /* For browsers that do not support gradients */
}

.search-contain > i {
    color: #888888;
}

.ten-px-br {
    height: 8px;
    display: block;
    background-color: transparent;
}

#q {
    font-weight: normal !important;
    outline: none;
    display: block;
    padding: 15px 15px 15px 39px !important;
    /*margin: 10px -15px 10px 4px;*/
    line-height: 1;
    color: #000000;
    max-width: inherit;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left 10px top 14px;
    background-image: url(/static/images/homepage/fa-search-thin-ccc.png);
    background-color: #ffffff;
    background-clip: padding-box;
    background-size: 22px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px;
    border: 1px solid transparent;
    height: auto;
    min-width: calc(100% - 8px);
    position: relative;
    width: auto;
}

button.multiselect.dropdown-toggle.btn.btn-default.booking-input.chevron-select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

button.multiselect.dropdown-toggle.btn.btn-default.booking-input.chevron-select:hover,
button.multiselect.dropdown-toggle.btn.btn-default.booking-input.chevron-select:hover {
    background-color: #EEEEEE !important;
    border: 1px solid transparent;
}

#searchform-glass {
    background: url('/static/images/homepage/search_glass.png') no-repeat 0 50%;
    width: 25px;
    height: 55px;
    position: absolute;
    left: 16px;
}

#q::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #888888 !important;
}

#q::-moz-placeholder {
    color: #888888 !important;
}

#q:-moz-placeholder {
    color: #888888 !important;
}

#q:-ms-input-placeholder {
    color: #888888 !important;
}

#search-icon {
    font-size: 1.7em;
    color: #ffffff !important;
    font-weight: 400;
    border: 0;
    padding: 0 0 0 25px;
    margin-top: 5px !important;
    width: 100%;
}

.fixed-pos {
    position: fixed;
}

.mobile_menu_wrapper ul > li label {
    font-weight: normal !important;
    outline: none;
    border-radius: 6px;
    display: inline-block;
    padding: 6px 2px 5px 7px !important;
    line-height: 1.5;
    color: #000000;
    max-width: inherit;
    vertical-align: middle;
    background-color: transparent;
    background-clip: padding-box;
    background-size: 30px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mobile_menu_wrapper ul > li label::before {
    margin-top: 3px;
}

.mobile_menu_wrapper ul > li label::after {
    margin-top: 7px;
}

.fullWidth {
    display: block !important;
    width: 100% !important;
}

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

    .multiselect-container {
        left: 0 !important;
        margin-left: 0 !important;
    }

    form.mobile_menu_wrapper ul > li:last-child .multiselect-container {
        right: -1px !important;
        left: inherit !important;
        min-width: 250px;
    }

    .mobile_menu_wrapper > ul:first-child {
        border-bottom: 1px solid #EEE !important;
        height: 105px !important;
        background: white;
    }

    form.mobile_menu_wrapper {
        height: 120px !important;
        top: 56px;
        padding-top: 15px;
    }

    form.mobile_menu_wrapper ul > li:first-child {
        width: 100%;
    }

    form.mobile_menu_wrapper ul:not(.dropdown-menu) > li:not(:first-child) {
        width: 50%;
        display: block;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) and (min-width: 450px) {
    form.mobile_menu_wrapper ul:not(.dropdown-menu) > li:not(:first-child) {
        margin-top: -10px;
    }
}

@media screen and (max-width: 450px) {
    form.mobile_menu_wrapper .btn-group > .btn:first-child {
        margin-top: -20px;
    }
}

@media screen and (max-width: 449px) {
    form.mobile_menu_wrapper ul:not(.dropdown-menu) > li:not(:first-child) {
        margin-top: 10px;
    }
}

/*FILTERS*/
#ride_choice .ais-refinement-list--count {
    display: none;
}

#ride_choice .ais-refinement-list--item {
    display: inline-block;
    cursor: pointer;
    text-align: left;
    border-radius: 6px;
    background: transparent;
    border: 1px solid #66BBFF;
    margin-left: 10px;
    top: 8px;
    color: #66BBFF;
}

#ride_choice .ais-refinement-list--item:hover {
    background: #383838;
    border: 1px solid #66BBFF;
    color: #FFFFFF;
}

#ride_choice .ais-refinement-list--item__active,
#ride_choice .ais-refinement-list--item__active:hover {
    border: 1px solid #00A4E2;
    background: #66BBFF;
    color: #FFFFFF;
}

#ride_choice .ais-refinement-list--item label {
    /*font-size: 1em;
    font-weight: normal;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 10px 7px;
    background: transparent;*/
    vertical-align: middle;
    position: relative;
    padding-left: 30px;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    top: 1px;
}

#ride_choice .ais-refinement-list--item label::before {
    font-family: "FontAwesome";
    content: "\f00c";
    color: #282828;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 2px;
    margin-left: 0;
    margin-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent !important;
    border-radius: 5px;
    margin-top: 2px;
    background-color: transparent;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#ride_choice .ais-refinement-list--checkbox {
    opacity: 0;
    z-index: 1;
    display: none;
}

#ride_choice .ais-refinement-list--checkbox:focus {
    outline: none;
}

#ride_choice input.ais-refinement-list--checkbox[value="auto"]::after {
    content: "Auto";
}

#ride_choice input.ais-refinement-list--checkbox[value="motorrad"]::after {
    content: "Motorrad";
}

#ride_choice .ais-refinement-list--item__active .ais-refinement-list--checkbox:before,
#ride_choice .ais-refinement-list--item__active label::before {
    font-family: "FontAwesome";
    content: "\f00c";
    border-color: #66BBFF;
    color: #FFFFFF;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    padding-left: 1px;
    padding-bottom: 4px !important;
    font-size: 15px;
}

/* MAP
// ------------------------- */
.fixed-map {
    right: 0;
    width: 50%;
    height: calc(100% - 55px) !important;
    position: fixed;
    top: 55px;
    border-left: 1px solid #ccc;
}

.search #map {
    position: absolute !important;
    background: rgb(246, 247, 249) !important;
    border-left: 1px solid #EEE;
    width: 100% !important;
    max-width: 100% !important;
    min-height: /*100%*/ calc(100% - 55px);
    overflow-x: visible !important;
    overflow-y: hidden !important;
    top: 55px !important;
    text-align: left;
}

.search #map > div {
    background-color: rgb(246, 247, 249) !important;
}

/* RESULTS
// ------------------------- */
#results {
    top: 55px !important;
    background-color: #FFFFFF;
    padding: 0 0 10px;
    margin-bottom: 50px;
    height: auto;
    text-align: left;
    position: relative;
    /*-webkit-box-shadow: inset 0 114px 110px 5px #DDDDDD;
    -moz-box-shadow: inset 0 114px 110px 5px #DDDDDD;
    -o-box-shadow: inset 0 114px 110px 5px #DDDDDD;
    box-shadow: inset 0 114px 110px 5px #DDDDDD;*/
}

.mobile_menu_wrapper {
    height: 60px !important;
    padding: 15px;
    margin-bottom: 10px;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    position: fixed;
    top: 50px;
    z-index: 20000000;
    width: 50%;
    background: white;
}

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

    form.mobile_menu_wrapper {
        width: 100%;
        padding-top: 35px;
        box-shadow: 0 30px 20px -20px #F6F6F6;
        height: 140px !important;
        border-bottom: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 426px) {
    #hits [id*="listing_"] {
        width: 50% !important;
    }
}

@media screen and (min-width: 1520px) {
    #hits [id*="listing_"] {
        width: 33.333331% !important;
    }
}

#hits {
    background: transparent;
    min-height: 100%;
    margin: 0 auto !important;
    height: 100%;
    padding-top: 0px;
}

body[class*="sublocality"] #hits {
    padding-top: 0 !important;
}

@media screen and (max-width: 992px) {
    #hits {
        padding-top: 0;
    }

    body[class*="search2"] .sorting-wrapper {
        margin-top: 150px !important;
    }

    form.mobile_menu_wrapper > ul:first-child {
        height: 91px !important;
    }

    form.mobile_menu_wrapper ul > li:first-child {
        height: 20px;
    }
}

@media screen and (max-width: 767px) {
    #hits {
        padding-top: 0;
    }

    body[class*="search2"] .sorting-wrapper {
        margin-top: 150px !important;
    }

    form.mobile_menu_wrapper > ul:first-child {
        height: 105px !important;
    }

    form.mobile_menu_wrapper ul > li:first-child {
        height: 40px;
    }
}

#hits .hit .pictures-wrapper {
    position: relative;
    height: 100px;
}

#hits .hit .pictures-wrapper .picture {
    width: 100%;
}

#hits .hit .pictures-wrapper .profile {
    position: absolute;
    bottom: -16px;
    right: 12px;
    width: 60px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
}

#hits .hit .infos {
    height: 90px;
    padding: 16px 20px;
}

.priceTagWrapper {
    /*position: absolute;
    bottom: 113px !important;
    margin-left: 0;
    left: 15px;*/

    position: absolute;
    bottom: 33px !important;
    margin-left: 0;
    left: 0;

    /*
    -webkit-transform: rotate(354deg);
    -moz-transform: rotate(354deg);
    -ms-transform: rotate(354deg);
    -o-transform: rotate(354deg);
    transform: rotate(354deg);
    */
}

.priceTagRed {
    background-image: url('/static/images/homepage/price_tag_yellowish.png');
    background-size: 80% 80%;
    background-repeat: no-repeat;
    width: 100px;
    height: 48px;
}

.priceTagRed > span {
    color: #282828 !important;
    position: absolute;
    left: 24px;
    top: 1px;
    font-weight: 600 !important;
    text-align: center !important;
}

.priceTagBlack {
    width: 67px;
    height: 39px;
    background: transparent;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.priceTagBlack > span {
    color: #282828 !important;
    position: absolute;
    left: 11px;
    top: 1px;
    font-weight: 400 !important;
    text-align: center !important;
}

.priceTagNoLabelWrapper {
    position: absolute;
    margin-top: -40px !important;
    margin-right: 0;
    left: 0;
    z-index: 25;
    /*
    -webkit-transform: rotate(354deg);
    -moz-transform: rotate(354deg);
    -ms-transform: rotate(354deg);
    -o-transform: rotate(354deg);
    transform: rotate(354deg);
    */
}

.priceTagNoLabel {
    background-color: #282828;
    width: 58px;
    height: 40px;
    padding-left: 6px;
    border-top-right-radius: 9px;
    padding-top: 4px;
    -webkit-transform: scale(.8) translate(-8px, 5px);
    -moz-transform: scale(.8) translate(-8px, 5px);
    -ms-transform: scale(.8) translate(-8px, 5px);
    -o-transform: scale(.8) translate(-8px, 5px);
    transform: scale(.8) translate(-8px, 5px);
}

.priceTagNoLabel > span {
    color: #FFFFFF !important;
    position: absolute;
    font-weight: 600 !important;
    text-align: center !important;
}

.textRight {
    text-align: right !important;
}

.auto, .motorrad {
    background-repeat: no-repeat;
    background-position: right center;
    height: 30px;
    max-width: 60px;
    width: 60px;
    margin-top: -5px;
}

.auto {
    background-image: url('https://2-dot-mngv001.appspot.c/static/images/permalink/auto-black.png');
}

.motorrad {
    background-image: url('https://2-dot-mngv001.appspot.c/static/images/permalink/motorrad-black.png');
}

.u-floatRight {
    float: right !important;
}

.button {
    display: inline-block;
    position: relative;
    height: 37px;
    padding: 0 16px;
    color: rgba(0, 0, 0, .44);
    background: rgba(0, 0, 0, 0);
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .15);
    vertical-align: bottom;
    white-space: nowrap;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    border-radius: 999em;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on
}

.button:active {
    outline: 0
}

.button {
    line-height: 35px
}

.button:hover {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .44)
}

.button:active, .button:focus {
    outline: 0;
    color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .6)
}

.button--disabled, .buttonSwitch--disabled .button, .button[disabled],
.button[disabled]:active, .button[disabled]:hover {
    pointer-events: none;
    opacity: .25;
    cursor: default
}

.button, .button .svgIcon {
    transition: .1s background-color, .1s border-color, .1s color, .1s fill
}

.button:active, .button:active .svgIcon {
    transition: none
}

.button--circle {
    padding: 0;
    width: 37px;
    text-align: center
}

.button--circle > .avatar, .button--circle > .avatar > .avatar-image {
    width: 37px;
    height: 37px;
    border-radius: 100%
}

.button--circle.button--small > .avatar, .button--circle.button--small > .avatar > .avatar-image {
    width: 32px;
    height: 32px
}

.button--expandable .button-label {
    display: none;
    position: relative;
    line-height: 100%
}

.button--expandable:hover .button-label {
    display: inline-block
}

.button--chromeless, .button--link {
    border-radius: 0;
    box-shadow: none;
    height: auto;
    line-height: inherit;
    border-width: 0;
    padding: 0;
    vertical-align: baseline;
    color: rgba(0, 0, 0, .44);
    white-space: normal;
    text-align: left
}

.button--chromeless:active, .button--chromeless:focus, .button--chromeless:hover,
.button--link:active, .button--link:focus, .button--link:hover {
    color: rgba(0, 0, 0, .6);
    border-width: 0
}

.button--link:active, .button--link:focus, .button--link:hover {
    text-decoration: underline
}

.button--chromeless.button--circle {
    border-radius: 999em
}

.button--chromeless.button--circle, .button--link.button--circle {
    text-align: center
}

.button--link.button--underline {
    text-decoration: underline
}

.button .svgIcon {
    vertical-align: middle;
    fill: rgba(0, 0, 0, .44)
}

.button:hover .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.button:active .svgIcon, .button:focus .svgIcon {
    fill: rgba(0, 0, 0, .8)
}

.button--chromeless .svgIcon, .button--link .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.button--chromeless:hover .svgIcon, .button--link:hover .svgIcon {
    fill: rgba(0, 0, 0, .8)
}

.button--chromeless:active .svgIcon, .button--chromeless:focus .svgIcon,
.button--link:active .svgIcon, .button--link:focus .svgIcon {
    fill: rgba(0, 0, 0, .9)
}

.button--withIconAndLabel .svgIcon {
    padding-right: 4px
}

.button--withIconAndLabel.button--withIconRight .svgIcon {
    padding-left: 4px;
    padding-right: 0
}

.button--withIconAndLabel.button--expandable .svgIcon {
    padding-right: 0
}

.button--withIconAndLabel.button--expandable:hover .svgIcon {
    padding-right: 4px
}

.button--withSvgIcon .svgIcon {
    top: -1px;
    position: relative
}

.buttonSwitch--withLabels .svgIcon {
    padding-right: 0
}

.button--withWrappingLabel .button-defaultState {
    position: absolute;
    top: 0;
    left: 0
}

.button--withWrappingLabel .button-activeState {
    position: absolute;
    top: 0;
    left: 0
}

.button--withWrappingLabel .button-label {
    float: left;
    margin-left: 26px
}

.button--withIconRight .button-text {
    margin-right: 15px
}

.button--dark .svgIcon {
    fill: rgba(0, 0, 0, .6)
}

.button--dark.is-active .svgIcon, .button--dark:hover .svgIcon {
    fill: rgba(0, 0, 0, .8)
}

.button--dark:active .svgIcon, .button--dark:focus .svgIcon {
    fill: rgba(0, 0, 0, .9)
}

.is-darkBackgrounded .button--dark .svgIcon {
    fill: rgba(255, 255, 255, .65)
}

.is-darkBackgrounded .button--dark:focus .svgIcon, .is-darkBackgrounded .button--dark:hover .svgIcon {
    fill: rgba(255, 255, 255, .85)
}

.button--dark .label {
    color: rgba(0, 0, 0, .6)
}

.is-darkBackgrounded .button--chromeless, .is-darkBackgrounded .button--primary {
    color: rgba(255, 255, 255, .85)
}

.buttonSet > .button, .buttonSet > .buttonSet-inner > .button {
    margin-right: 8px;
    vertical-align: middle
}

.buttonSet > .button:last-child, .buttonSet > .buttonSet-inner:last-child > .button:last-child {
    margin-right: 0
}

.buttonSet--withLabels .buttonSet-inner .button:first-child {
    margin-right: 4px
}

.buttonSet > .button--chromeless + .button, .buttonSet > .buttonSet-inner + .button--chromeless,
.buttonSet > .buttonSet-separator + .button {
    margin-left: 8px
}

.buttonSet--wide > .button, .buttonSet--wide > .buttonSet-inner > .button {
    margin-right: 16px
}

.buttonSet > .button--chromeless:not(.button--circle) {
    margin-right: 0;
    padding-right: 8px
}

.buttonSet--wide > .button--chromeless:not(.button--circle) {
    padding-right: 16px
}

.buttonSet > .button--chromeless:last-child {
    padding-right: 0
}

.buttonSet > .button--chromeless + .button--chromeless:not(.button--circle) {
    margin-left: 0;
    padding-left: 8px
}

.buttonSet--narrow > .button {
    margin-right: 4px
}

.buttonSet--narrow > .button + .button, .buttonSet--narrow > .buttonSet-separator + .button {
    margin-left: 4px
}

.buttonSet--vertical > .button {
    display: block;
    margin: 0 auto 10px
}

.buttonSet--vertical > a.button {
    display: inline-block
}

.buttonSet--vertical > .button:last-child {
    margin-right: auto
}

.button--vertical {
    text-align: center;
    height: 64px;
    border: 0;
    padding: 0;
    border-radius: 0
}

.button--vertical:hover > .label {
    border-color: rgba(0, 0, 0, .44)
}

.button--vertical > .label {
    margin: 0
}

.button--vertical > .button-label {
    font-size: 12px
}

.buttonSwitch .button {
    border: 0;
    height: 100%;
    width: auto;
    text-align: center;
    color: rgba(0, 0, 0, .44);
    padding: 0 16px;
    transition: none
}

.buttonSwitch .button:active, .buttonSwitch .button:focus, .buttonSwitch .button:hover {
    color: rgba(0, 0, 0, .6)
}

.buttonSwitch .button:first-child {
    border-radius: 999em 0 0 999em
}

.buttonSwitch .button:nth-child(2) {
    border-radius: 0
}

.buttonSwitch .button:first-child, .buttonSwitch .button:nth-child(2) {
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.buttonSwitch .button:last-child {
    border-radius: 0 999em 999em 0;
    border-right: 0
}

.buttonSwitch .button[disabled] {
    opacity: 1;
    background: #02b875;
    color: #fff;
    border: 0;
    box-shadow: 0 0 0 1px #02b875
}

.buttonSwitch .button[disabled] .svgIcon {
    fill: #fff
}

.buttonSwitch--chromeless .button[disabled] {
    color: #02b875;
    background: rgba(255, 255, 255, 0);
    box-shadow: none
}

.buttonSwitch.buttonSwitch--chromeless .button[disabled] .svgIcon {
    fill: #02b875
}

.buttonSwitch.buttonSwitch--chromeless .button.button--disabledInSwitch .svgIcon {
    fill: rgba(0, 0, 0, .15)
}

.buttonSwitch--compact .button, .buttonSwitch--small .button {
    width: 40px;
    padding: 0
}

.buttonSwitch--compact .button {
    top: -3px
}

.buttonSwitch--chromeless .button {
    width: 30px
}

.buttonSwitch--withLabels .button {
    width: auto;
    margin-right: 15px
}

.buttonSwitch--withLabelsDense .button {
    margin-right: 8px
}

.buttonSwitch--withLabels .button:first-child {
    margin-left: 15px
}

.buttonSwitch--withLabelsDense .button:first-child {
    margin-left: 8px
}

.buttonSwitch--withLabels .button-label {
    display: inline-block;
    position: relative;
    bottom: 0;
    margin-left: 5px
}

.buttonSwitch--withLabels .button[disabled] .button-label {
    color: #00ab6b
}

.buttonSwitch--disabled .button[disabled] {
    opacity: .25
}

.buttonSwitch--colorNormal .button {
    color: rgba(0, 0, 0, .44)
}

.buttonSwitch--colorNormal .button .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.button--small {
    height: 32px;
    line-height: 30px;
    padding: 0 14px;
    font-size: 12px
}

.button--small.button--chromeless, .button--small.button--link {
    padding: 0;
    line-height: inherit;
    height: inherit
}

.button--small.button--circle {
    width: 32px;
    height: 32px;
    padding: 0
}

.button--inline {
    margin: 0 6px;
    vertical-align: middle
}

.button--primary, .button--primary .label, .button--primary.button--link {
    color: #00ab6b
}

.button--primary .svgIcon {
    fill: #02b875
}

.button--primary {
    border-color: #02b875
}

.button--primary:active, .button--primary:focus, .button--primary:hover {
    border-color: #00ab6b;
    color: #1c9963
}

.button--primary:active .svgIcon, .button--primary:focus .svgIcon,
.button--primary:hover .svgIcon {
    fill: #00ab6b
}

.button--primary.button--chromeless:active, .button--primary.button--chromeless:focus,
.button--primary.button--chromeless:hover {
    color: #1c9963
}

.button--primary.button--link:active, .button--primary.button--link:focus,
.button--primary.button--link:hover {
    color: #00ab6b
}

.button--filled > .svgIcon {
    fill: #fff
}

.button--filled:active > .svgIcon, .button--filled:focus > .svgIcon,
.button--filled:hover > .svgIcon {
    fill: #fff
}

.button--lighter .svgIcon {
    fill: rgba(0, 0, 0, .15)
}

.button--lighter:active .svgIcon, .button--lighter:focus .svgIcon,
.button--lighter:hover .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.button--light .svgIcon {
    fill: rgba(255, 255, 255, .65)
}

.button--light:active .svgIcon, .button--light:focus .svgIcon, .button--light:hover .svgIcon {
    fill: rgba(255, 255, 255, .97)
}

.buttonSet .button--chromeless, .buttonSet .button--link {
    height: 37px;
    line-height: 35px
}

.buttonSet .button--small.button--chromeless, .buttonSet .button--small.button--link {
    height: 32px;
    line-height: 30px
}

.buttonSet--profile .button--chromeless {
    color: rgba(0, 0, 0, .44);
    margin-right: 6px
}

.buttonSet--profile .button--chromeless:active, .buttonSet--profile .button--chromeless:focus,
.buttonSet--profile .button--chromeless:hover {
    color: rgba(0, 0, 0, .6)
}

.buttonSet--profile .buttonSet-inner .button {
    margin-right: 10px
}

.button--signin .svgIcon, .button--signin:active .svgIcon, .button--signin:focus .svgIcon,
.button--signin:hover .svgIcon {
    fill: #fff
}

.button--signin .svgIcon--25px {
    padding-right: 8px
}

.button--email .svgIcon, .button--email:active .svgIcon, .button--email:focus .svgIcon,
.button--email:hover .svgIcon {
    fill: #02b875
}

.button-text {
    margin-right: 10px
}

.button--compound .button-text {
    display: inline-block;
    font-size: 16px;
    margin-left: 0;
    margin-right: 0
}

.button--compound .button {
    font-size: 18px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px
}

.button--activity.is-counter .button-text {
    display: block;
    font-size: 14px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal
}

.button--activity.is-counter.is-highActivityCount .button-text {
    font-size: 11px;
    letter-spacing: -.02em
}

.button--uploadOAuthAppImage .svgIcon {
    line-height: 158px;
    margin-right: 0
}

.button--uploadOAuthAppImage.is-imageBackgrounded .svgIcon {
    fill: rgba(255, 255, 255, 0)
}

.button--uploadOAuthAppImage.is-imageBackgrounded:hover .svgIcon {
    fill: rgba(255, 255, 255, .97)
}

.button--close {
    font-size: 32px;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    font-style: normal;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0
}

.buttonScalableGroup.is-scaled .button--scale {
    transform: scale(1);
    transition-duration: .2s
}

.button--scale {
    transform: scale(0);
    transition-property: transform;
    transition-duration: .1s
}

.button.is-active > .button-activeState, .button > .button-defaultState {
    display: inline
}

.button.button--withIcon.is-active > .button-activeState, .button.button--withIcon > .button-defaultState {
    display: inline-block;
    vertical-align: top
}

.button.is-active > .button-defaultState, .button > .button-activeState {
    display: none
}

.button--vertical.is-active > .button-activeState, .button--vertical > .button-defaultState {
    display: block
}

@media screen and (max-width: 767px) {
    .button {
        height: 33px;
        line-height: 32px;
        font-size: 14px;
        padding: 0 14px
    }

    .button--circle {
        padding: 0;
        width: 33px
    }

    .button--circle > .avatar, .button--circle > .avatar > .avatar-image {
        width: 32px;
        height: 32px
    }

    .button--activity > .button-text {
        font-size: 14px
    }

    .button--close {
        top: 0;
        right: 15px;
        font-size: 32px
    }

    .button--chromeless, .button--link {
        line-height: inherit;
        vertical-align: baseline;
        height: auto;
        padding: 0
    }

    .buttonSet > .button {
        margin-right: 4px
    }

    .buttonSet--vertical > .button {
        margin: 0 auto 10px
    }

    .buttonSwitch .button:first-child {
        padding-right: 6px
    }

    .buttonSwitch .button:last-child {
        padding-left: 6px
    }

    .buttonSwitch .button[disabled] {
        padding: 0 12px
    }

    .button--withSvgIcon {
        line-height: normal
    }

}

.link {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.link:active, .link:focus, .link:hover {
    color: inherit;
    text-decoration: underline
}

.link--primary {
    color: rgba(0, 0, 0, .8);
    text-decoration: none
}

.link--primary:active, .link--primary:focus, .link--primary:hover {
    color: #00ab6b;
    text-decoration: none
}

.link--darker {
    color: rgba(0, 0, 0, .8)
}

.error .link, .error .link:active, .error .link:focus, .error .link:hover {
    color: #fff
}

.link--underline {
    text-decoration: underline
}

.link--noUnderline, .link--noUnderline:active, .link--noUnderline:hover {
    text-decoration: none !important;
}

.link.link--darken:hover {
    color: rgba(0, 0, 0, .6)
}

.link--darker.link--darken:hover {
    color: rgba(0, 0, 0, .9)
}

.link--darken:not(.link--underline):active, .link--darken:not(.link--underline):focus,
.link--darken:not(.link--underline):hover {
    text-decoration: none
}

.linkSet > .button {
    margin-right: 8px
}

.button.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,
.link.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon {
    animation: fade-in-pulse-06 .1s
}

.button.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,
.link.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon {
    animation: fade-in-pulse-08 .3s
}

.button.is-touchIconBlackPulse.is-touched .svgIcon, .link.is-touchIconBlackPulse.is-touched .svgIcon {
    animation: black-pulse-09 250ms;
    animation-timing-function: ease-out;
    animation-fill-mode: none
}

.list {
    margin-bottom: 150px
}

.list-item {
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 40px 0 35px
}

.list-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.list-item > h4 {
    text-transform: uppercase
}

.list-item > p {
    margin-bottom: 15px
}

.list--bordered .list-item {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.list--borderedInner .list-item {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.list--borderedInner .list-item:first-child {
    border: none;
    padding-top: 0
}

.list--borderless .list-item {
    display: block;
    padding: 5px 0;
    border: 0
}

.list--large .list-item {
    font-size: 16px;
    font-weight: 300
}

.list--narrowAndBordered .list-item {
    padding: 25px 0 20px
}

.list--choice .list-item {
    cursor: pointer;
    box-sizing: border-box
}

.list--choice .list-item .button {
    transition: none
}

.list--choice .list-item:first-child .heading {
    padding-top: 5px
}

.list--choice .list-item .heading {
    padding-bottom: 5px
}

.list--withImage .list-item {
    font-size: 14px;
    text-align: left
}

.list--short .button, .list--short .list-item {
    text-align: left;
    width: 100%;
    line-height: 1.4;
    white-space: nowrap
}

.list--borderless.list--short .list-item {
    padding: 5px 15px;
    box-sizing: border-box
}

.list--short.list--choice .list-item {
    padding-top: 0;
    padding-bottom: 0
}

.list--short.list--choice .button {
    padding-top: 5px;
    padding-bottom: 5px
}

.list-item--dark > a {
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, .6)
}

.list-item--dark:hover > a {
    color: #000
}

.list--tags {
    display: block
}

.list--follows .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

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

}

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

}

.inputGroup .svgIcon {
    top: -1px;
    position: relative
}

.inputGroup--selection .button--small {
    margin-top: 10px
}

.checkboxInput .svgIcon {
    display: none
}

.checkboxInput.is-active .svgIcon {
    display: inline-block;
    fill: #fff
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: 0 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    padding-right: 20px;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal
}

.select:focus {
    border-bottom: 1px solid rgba(0, 0, 0, .44)
}

.form:not(.form--legacy) {
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .8);
    background-color: #fff;
    box-sizing: border-box
}

.container.form:not(.form--legacy) {
    padding: 0
}

.form-row {
    margin: 30px 0
}

.form-row:first-child {
    margin-top: 40px
}

.form-row:last-child {
    margin-bottom: 40px
}

.form-inlineEditorWithIcon .svgIcon {
    fill: rgba(0, 0, 0, .44);
    padding: 3px 5px 3px 0
}

.form--email .form-text {
    margin-right: 65px
}

.form--postImport .button--primary {
    margin-top: 50px
}

.form-info {
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, .05);
    color: #000;
    margin: 5px;
    padding: 15px 10px 10px;
    text-align: left
}

.form-info:after, .form-info:before {
    display: table;
    content: " "
}

.form-info:after {
    clear: both
}

.form-error {
    font-size: 12px;
    margin-top: 5px;
    display: none
}

.form-error.is-visible {
    display: block
}

.form-footer {
    color: rgba(0, 0, 0, .44);
    font-size: 12px;
    margin-top: 50px;
    margin-bottom: 10px
}

@media (max-width: 767px) {

    .form-info {
        padding: 15px 0 0
    }

}

.heading {
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    letter-spacing: 0;
    position: relative
}

.heading--borderedTop .heading-content {
    padding-top: 15px;
    margin-bottom: 10px
}

.heading--borderedBottom .heading-content {
    padding-top: 0;
    margin-bottom: 8px
}

.heading-title--dark .button:hover, .heading-title--dark .link:hover {
    color: rgba(0, 0, 0, .8)
}

.heading-title--withIcon .svgIcon {
    vertical-align: middle;
    display: inline-block
}

.heading-content > .link {
    color: rgba(0, 0, 0, .44)
}

.is-darkBackgrounded .heading-content > .link {
    color: rgba(255, 255, 255, .35)
}

.is-darkBackgrounded .heading-content > .link:hover {
    color: rgba(255, 255, 255, .5)
}

.heading-content .button--chromeless {
    line-height: 1
}

.heading--simple .heading-content > .link {
    color: rgba(0, 0, 0, .44)
}

.heading--simple .heading-content > .link:hover {
    color: rgba(0, 0, 0, .8)
}

@media all and (max-width: 991px) {
}

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

}

.divider {
    border-right: 1px solid rgba(0, 0, 0, .15);
    margin: -2px 10px -2px 0;
    display: inline-block;
    vertical-align: top
}

.label {
    color: rgba(0, 0, 0, .44);
    line-height: 1.4
}

.label--withIcon .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.label--block {
    display: block
}

.label--withIcon .svgIcon {
    padding-right: 4px
}

.label--withIcon .label-text, .label--withIcon .label-text > .link {
    vertical-align: top
}

.label--withIcon.label--light .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.form .label, .inputGroup .label {
    font-size: 14px;
    color: rgba(0, 0, 0, .44);
    margin: 4px
}

.inputGroup--fontSize18 .label {
    font-size: 18px
}

.form .label--block, .inputGroup .label--block {
    margin: 20px 0 4px 0
}

.form .label--radio, .inputGroup .label--radio {
    color: rgba(0, 0, 0, .8);
    margin: 5px 0
}

.hero-description > a {
    color: rgba(0, 0, 0, .8)
}

.hero-description > a:active, .hero-description > a:focus, .hero-description > a:hover {
    text-decoration: underline
}

.button--collectionLogo .svgIcon, .button--collectionLogo2 .svgIcon {
    display: inline-block;
    fill: rgba(0, 0, 0, .15)
}

.is-darkBackgrounded .button--collectionLogo .svgIcon, .is-darkBackgrounded .button--collectionLogo2 .svgIcon {
    fill: rgba(255, 255, 255, .35)
}

.button--collectionLogo2:hover .svgIcon, .button--collectionLogo:hover .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.is-darkBackgrounded .button--collectionLogo2:hover .svgIcon, .is-darkBackgrounded .button--collectionLogo:hover .svgIcon {
    fill: rgba(255, 255, 255, .5)
}

.button--collectionLogo2 .svgIcon {
    border: solid 2px rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 15px
}

.hero--alignLeft .button--collectionLogo .svgIcon {
    margin-left: 4px
}

.nativeColorPicker .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.hero--withButton .button {
    margin-top: 7px
}

.hero-title--referrers > small {
    color: rgba(0, 0, 0, .44);
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    font-style: normal
}

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

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

    .hero-title--referrers > small {
        font-size: 18px;
        margin-bottom: 10px
    }

}

.postMetaInline-avatar {
    display: table-cell
}

.postMetaInline-authorLockup {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.4;
    padding-left: 10px;
    padding-right: 10px;
    text-rendering: auto;
    text-align: left;
}

.letters .postMetaInline-authorLockup {
    padding-left: 0
}

.postMetaInline-licenseIcons .svgIcon {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: -1px;
    fill: rgba(0, 0, 0, .44)
}

@media screen and (max-width: 767px) {
    .postMetaInline-authorLockup {
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .postMetaInline-avatar .avatar-image, .postMetaInline-avatar > .avatar {
        width: 32px;
        height: 32px
    }
}

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

.collectionHeaderButtons .button {
    color: rgba(0, 0, 0, .44)
}

.collectionHeaderButtons .button:hover {
    color: rgba(0, 0, 0, .6)
}

.collectionHeaderButtons .button--withSvgIcon .svgIcon {
    top: 0
}

.collectionHeaderButtons-search .button .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.collectionHeaderButtons-social .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

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

}

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

}

@media screen and (min-width: 768px) {
}

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

}

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

}

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

}

section[data-background-color=seaweed] {
    background: #47bcac
}

section[data-background-color=midday] {
    background: #2fa5c6
}

section[data-background-color=midnight] {
    background: #5065a0
}

section[data-background-color=grimace] {
    background: #8764ae
}

section[data-background-color=magic] {
    background: #a93f7f
}

section[data-background-color=crush] {
    background: #c7465e
}

section[data-background-color=warm] {
    background: #e57f4c
}

section[data-background-color=gray] {
    background: #1d1d1c
}

section[data-background-color=lime] {
    background: #98bc6b
}

section[data-background-color=fresh] {
    background: #69cb91
}

section[data-background-color=brook] {
    background: #86a89d
}

section[data-background-color=lipstick] {
    background: #a84a4e
}

section[data-background-color=seaweedLight] {
    background: #c6eae5
}

section[data-background-color=middayLight] {
    background: #b5e1ed
}

section[data-background-color=midnightLight] {
    background: #bfc7df
}

section[data-background-color=grimaceLight] {
    background: #dfd6ea
}

section[data-background-color=magicLight] {
    background: #e3b3d0
}

section[data-background-color=crushLight] {
    background: #efcbd2
}

section[data-background-color=warmLight] {
    background: #fbebe3
}

section[data-background-color=grayLight] {
    background: rgba(0, 0, 0, .05)
}

section[data-background-color=limeLight] {
    background: #ebf2e2
}

section[data-background-color=freshLight] {
    background: #eaf8ef
}

section[data-background-color=brookLight] {
    background: #ebf1ef
}

section[data-background-color=lipstickLight] {
    background: #e2bdbf
}

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

}

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

.loadingEllipsis > span:not(:first-child) {
    animation: fade-step-in-50 1s infinite
}

.overlay-actions > .button {
    margin-bottom: 10px
}

.overlay-content > a {
    text-decoration: underline;
    color: rgba(0, 0, 0, .6)
}

.overlay--interstitial .overlay-content > p {
    width: 450px;
    line-height: 1.4
}

.overlay--dark .button--close {
    color: #fff
}

.overlay--dark .overlay-dialog--email .button--link {
    margin-top: -24px
}

.overlay-dialog--appPromotion .buttonSet > .button--chromeless {
    display: block;
    margin: 10px auto 0
}

.overlayRegistration-terms > a {
    text-decoration: underline
}

.signinPrivacyMessages .link {
    text-decoration: underline
}

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

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

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

    .overlay--interstitial .overlay-content > p {
        width: 100%
    }

    .overlay--dark .button--close {
        z-index: 200;
        color: rgba(0, 0, 0, .44);
        right: 5px
    }

}

.metabar .popover {
    color: rgba(0, 0, 0, .8)
}

.metabar-block .button--inline {
    font-size: 14px
}

.metabar-predictiveSearch .svgIcon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: -30px
}

.metabar-predictiveSearch:hover .svgIcon {
    fill: rgba(0, 0, 0, .8)
}

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

    .metabar-block .avatar--roundedRectangle > .avatar-image {
        width: 30px;
        height: 30px
    }

}

@media print {
    .metabar {
        display: none
    }
}

.listChoice-item:last-child > .button--link {
    border-radius: 0 0 4px 4px
}

.listChoice-item > .button--link {
    width: 100%;
    padding: 10px;
    color: rgba(0, 0, 0, .9)
}

.listChoice-item > .button--link:hover {
    background: rgba(0, 0, 0, .05)
}

.listChoice-itemTitle > small {
    display: block;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 12px
}

.listChoice-item--withoutImage > .button--link {
    padding: 15px
}

.listChoice-item--postHistory > .button--link {
    padding: 5px 0;
    transition: none;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 300;
    font-style: normal
}

.listChoice-item--postHistory > .button--link:hover {
    background: rgba(255, 255, 255, 0);
    color: rgba(0, 0, 0, .44)
}

.popover {
    overflow: hidden;
    position: absolute;
    z-index: 900;
    font-size: 12px;
    text-align: center;
    padding: 15px;
    visibility: hidden;
    pointer-events: auto
}

.popover.is-active {
    visibility: visible
}

.is-resizing .popover {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s, opacity .3s 0s
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}

.popover-title {
    margin-top: 10px;
    margin-left: 18px
}

.popover-prompt + .button--primary {
    margin-bottom: 10px
}

.popover-description + .button {
    margin-top: 10px
}

.popover--collectionPanel .list {
    margin-left: 20px;
    margin-right: 20px
}

.popover--collectionPanel .label--radio:first-child {
    margin: 15px 0 10px
}

.popover--collectionPanel .label--radio:last-child {
    margin-bottom: 20px
}

.popover--share .popover-title {
    color: rgba(0, 0, 0, .8);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    font-size: 14px;
    margin: 0 15px 5px 15px;
    padding: 5px 0 10px 0;
    box-sizing: border-box;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal
}

.popover-inner > .button--primary {
    margin-top: 15px
}

.popover--predictiveSearch .heading {
    margin-top: 15px;
    margin-left: 14px;
    margin-right: 14px
}

.popover--predictiveSearch .list-item {
    padding: 0
}

.popover--predictiveSearch .list-item .link {
    display: block;
    padding: 5px 14px
}

.popover--scheduler .label--radio {
    margin-top: 15px
}

.popover--scheduler .label--radio:first-child {
    margin-top: 5px
}

.popover--collectionRelationship .popover-title {
    margin-left: 0;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 18px
}

.popover--signin .popover-title {
    margin-top: 0;
    padding-top: 16px;
    font-size: 14px
}

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

}

.floating .button--close {
    font-size: 24px;
    padding-top: 2px
}

.chartHelper .button {
    font-size: 16px
}

.chartTabs li {
    float: left;
    width: 33%;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.chartTabs li:last-child {
    width: 34%
}

.chartTabs .is-active, .chartTabs .is-active:hover {
    border-bottom: 1px solid transparent
}

.bargraph-xAxis path {
    display: none
}

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

    .bargraph-yAxis g {
        display: none
    }

    .bargraph-yAxis g:nth-last-child(2) {
        display: block
    }

    .chartTabs button, .chartTabs li:first-child button {
        padding: 5px 10px;
        font-size: 14px
    }

}

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

.sortableTableWrapper table, .sortableTableWrapper td, .sortableTableWrapper th {
    border: 0;
    text-align: left
}

.sortableTableWrapper td {
    padding: 10px 25px 10px 10px;
    line-height: 1
}

.sortableTableWrapper th {
    padding-right: 25px;
    text-align: right;
    min-width: 100px
}

.sortableTableWrapper th .svgIcon {
    position: absolute;
    top: 16px;
    opacity: 0
}

.sortableTable td:first-child {
    padding-left: 0;
    padding-right: 10px
}

.sortableTable th:first-child {
    padding-right: 10px;
    text-align: left
}

.sortableTable td:last-child, .sortableTable th:last-child {
    padding-right: 0
}

.sortableTable-row--dateBucket td {
    padding-top: 50px
}

.sortableTable .is-active td, .sortableTable .is-active:hover td,
.sortableTable tr:hover td {
    background: rgba(255, 255, 255, .65);
    cursor: pointer
}

.sortableTable-text em {
    font-style: normal
}

tbody.is-muted tr {
    opacity: .4
}

tbody.is-muted .is-active {
    opacity: 1
}

.sortableTableWrapper button {
    color: rgba(0, 0, 0, .44);
    border: 0;
    padding: 15px 0;
    font-size: 16px;
    background: 0 0;
    margin-bottom: -2px;
    white-space: nowrap;
    text-align: inherit;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal
}

.sortableTableWrapper .button[disabled], .sortableTableWrapper .button[disabled]:active,
.sortableTableWrapper .button[disabled]:hover {
    opacity: 1
}

.sortableTableWrapper .sortableTable-header--withTooltip button {
    padding-bottom: 5px
}

.sortableTable-header.is-reverseSorted button, .sortableTable-header.is-reverseSorted button:focus,
.sortableTable-header.is-sorted button, .sortableTable-header.is-sorted button:focus {
    color: rgba(0, 0, 0, .8)
}

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

    .sortableTable tr:hover td {
        background: rgba(0, 0, 0, 0);
        cursor: default
    }

    .sortableTableWrapper thead tr {
        display: block;
        margin: 0 15px;
        border-bottom: none;
        border-radius: 4px
    }

    .sortableTableWrapper thead {
        display: block
    }

    .sortableTableWrapper tbody {
        display: block;
        padding-bottom: 15px
    }

    .sortableTableWrapper th {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        display: none
    }

    .sortableTable th:first-child {
        padding-left: 0;
        border-top: 1px solid rgba(0, 0, 0, .15)
    }

    .sortableTableWrapper button {
        padding: 15px;
        width: 100%;
        border-bottom: 0;
        text-align: left;
        color: rgba(0, 0, 0, .9)
    }

    .sortableTableWrapper td {
        display: block;
        float: left;
        padding: 0;
        width: 20%;
        cursor: default;
        line-height: 1.3
    }

    .sortableTableWrapper--threeColumns td {
        width: 33%
    }

    .sortableTableWrapper td:nth-child(5) {
        text-align: center
    }

    .sortableTableWrapper td:last-child {
        padding-right: 0;
        text-align: right
    }

    .sortableTableWrapper tbody tr {
        padding: 15px 5px;
        display: block
    }

    .sortableTableWrapper tbody tr:after, .sortableTableWrapper tbody tr:before {
        display: table;
        content: " "
    }

    .sortableTableWrapper tbody tr:after {
        clear: both
    }

    .sortableTable-row--dateBucket td:nth-child(2) {
        padding-left: 5px;
        width: auto
    }
}

.table {
    margin-bottom: 50px;
    width: 100%
}

.table-thead {
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .44);
    font-size: 11px;
    letter-spacing: .1em;
    text-align: left;
    text-transform: uppercase
}

.table-th {
    padding: 5px 0
}

.table-row {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

@media all and (max-width: 767px) {
    .table-thead {
        font-size: 11px
    }
}

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

}

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

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

.button.button--light.is-inSiteNavBar .svgIcon, .button.button--light.is-inSiteNavBar:focus .svgIcon,
.button.button--light.is-inSiteNavBar:hover .svgIcon {
    fill: rgba(255, 255, 255, .65)
}

.popover--userActions.popover--globalNav .list-item:hover > .button {
    color: rgba(0, 0, 0, .8)
}

.popover--userActions.popover--globalNav .list-item > .button {
    padding: 7px 25px
}

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

}

.typeahead .avatar {
    float: left;
    margin: 0 6px 0 -2px
}

.typeahead--mention .typeahead-item .avatar {
    margin-right: 10px
}

.card {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    color: rgba(0, 0, 0, .6);
    padding: 18px 0;
    text-align: left;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal
}

.card:first-child {
    padding-top: 0
}

.card:last-child {
    padding-bottom: 0
}

.card2--responseContext .label--withIcon .svgIcon {
    padding-right: 3px
}

.card-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    min-height: 80px;
    word-wrap: break-word
}

.card-description > a {
    color: rgba(0, 0, 0, .8)
}

.card-description > p {
    margin-bottom: 15px
}

.card-description > a:active, .card-description > a:focus, .card-description > a:hover {
    text-decoration: underline
}

.card-text .button--chromeless {
    line-height: 32px
}

.card-text {
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal
}

.cards--bordered > .card {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.cards--bordered .card:first-child {
    border-top: 0
}

.infoCard-info .button--primary, .infoCard-info .link--primary {
    font-size: 16px
}

.infoCard-actions > .button > .label.is-default {
    color: rgba(0, 0, 0, .6)
}

.summaryCard .link--primary {
    font-size: 12px;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal
}

.promoCard .button--close {
    font-size: 24px;
    padding: 15px 20px 0 0
}

@media (max-width: 767px) {

    .summaryCard-actions > .button {
        font-size: 12px
    }

}

.tags {
    font-size: 12px;
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal
}

.tags .tag-button, .tags > a {
    color: #fff;
    background: rgba(255, 255, 255, .35);
    border-radius: 999em;
    padding: 0 9px;
    line-height: 22px
}

.tags .tag-button:focus, .tags > a:focus {
    background: #02b875;
    outline: 0
}

.tags--dark .tag-button, .tags--dark > a {
    color: rgba(0, 0, 0, .6);
    background: rgba(0, 0, 0, .05)
}

.tags--postTags .tag-button, .tags--postTags > .button, .tags--postTags > a {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, .44);
    font-size: 13px;
    letter-spacing: 0;
    text-decoration: none;
    background: #fafafa;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    padding: 5px 10px
}

.tags--postTags.tags--light .tag-button, .tags--postTags.tags--light > a {
    color: rgba(0, 0, 0, .6);
    background: rgba(255, 255, 255, .97)
}

.tags--postTags .tag-button.is-active, .tags--postTags .tag-button:focus,
.tags--postTags .tag-button:hover, .tags--postTags > .button.is-active,
.tags--postTags > .button:focus, .tags--postTags > .button:hover, .tags--postTags > a:focus,
.tags--postTags > a:hover {
    color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .15);
    background: #fff;
    text-decoration: none
}

.tags--postTagsEditor .tag-button, .tags--postTagsEditor > .button,
.tags--postTagsEditor > a {
    transition: none
}

.tags--postTagsEditor .tag-button:hover, .tags--postTagsEditor > .button:hover,
.tags--postTagsEditor > a:hover {
    background: #fafafa;
    color: rgba(0, 0, 0, .44);
    border-color: rgba(0, 0, 0, .44)
}

.tags--postTagsEditor .tag-button:focus, .tags--postTagsEditor > .button:focus,
.tags--postTagsEditor > a:focus {
    background: #fafafa;
    color: rgba(0, 0, 0, .44);
    border-color: rgba(2, 184, 117, .8)
}

.inlineEditor .tags--postTags > a {
    margin-bottom: 0
}

.tags--borderless .tag-button, .tags--borderless > .button, .tags--borderless > a {
    border: none;
    color: rgba(0, 0, 0, .6);
    background: rgba(0, 0, 0, .05)
}

.tags--borderless .tag-button.is-active, .tags--borderless .tag-button:focus,
.tags--borderless .tag-button:hover, .tags--borderless > .button.is-active,
.tags--borderless > .button:focus, .tags--borderless > .button:hover,
.tags--borderless > a:focus, .tags--borderless > a:hover {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

@media screen and (min-width: 768px) {
}

.tags--onboarding > .button.is-active {
    color: #fff;
    border-color: #02b875;
    background: #02b875
}

.tags--postTagsEditor:not(.is-withoutCloseButton) .tag-button {
    padding-right: 24px
}

.tags--postTagsEditor .button--close {
    margin: 1px;
    padding: 10px 8px;
    font-size: 16px;
    line-height: 11px;
    border-radius: 100%
}

.tags--dark .button--close {
    display: none
}

.tags--postTagsEditor .button--close:active, .tags--postTagsEditor .button--close:focus,
.tags--postTagsEditor .button--close:hover {
    color: rgba(0, 0, 0, .8)
}

.tags--navigation .tag-button {
    cursor: inherit;
    white-space: nowrap;
    max-width: 236px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tags--navigation .tag-button:hover {
    border-color: #f0f0f0
}

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

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

.blockGroup.is-empty > p {
    margin-bottom: 5px;
    font-size: 16px
}

.blockGroup-row .block {
    vertical-align: top;
    display: table-cell
}

.blockGroup.is-editing .block--list .block-title {
    margin-left: -10.2px
}

.blockGroup.is-ordered .block--list:before {
    content: counter(posts-counter);
    counter-increment: posts-counter;
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 999em;
    border: 1px solid rgba(0, 0, 0, .15);
    font-family: "Camphor", "Open Sans", sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal
}

.block--cardWithFullBleedImage:not(.block--placeholder) .button:hover {
    color: rgba(255, 255, 255, .97)
}

.insertSectionControl .button {
    background: #fff
}

.block {
    line-height: 1.4
}

.heading + .blockGroup .block:first-child {
    padding-top: 0
}

.block-image {
    display: block;
    background-color: #f6f7f9;
    background-position: center;
    background-origin: border-box;
    background-size: cover
}

.block-image.init {
    background-image: -webkit-linear-gradient(left, #e4e4e4 0%, rgba(255,255,255, 0) 19%, rgba(255,255,255, 0) 81%, #e4e4e4 100%);
    background-image: -moz-linear-gradient(left, #e4e4e4 0%, rgba(255,255,255, 0) 19%, rgba(255,255,255, 0) 81%, #e4e4e4 100%);
    background-image: linear-gradient(to left, #e4e4e4 0%, rgba(255,255,255, 0) 19%, rgba(255,255,255, 0) 81%, #e4e4e4 100%);
}

.block-image.init.force-gradient {
    background-image: -webkit-linear-gradient(left, #e4e4e4 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 0) 81%, #e4e4e4 100%) !important;
    background-image: -moz-linear-gradient(left, #e4e4e4 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 0) 81%, #e4e4e4 100%) !important;
    background-image: linear-gradient(to left, #e4e4e4 0%, rgba(255, 255, 255, 0) 19%, rgba(255, 255, 255, 0) 81%, #e4e4e4 100%) !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search #map .block-image.init {
    background: #282828 !important;
}

div[id^="listing_"] .block-image {
    height: 100%;
}

div[id^="listing_"] .carousel {
    min-height: 190px;
}

body[class*="search"] div[id^="listing_"] .carousel,
body[class*="search"] .carousel  .swiper-container {
    max-height: 190px !important;
    border-radius: 3px;
}

body[class*="search"] .carousel  .swiper-slide,
body[class*="search"] .carousel  .swiper-slide img {
    text-align: center;
    max-height: 190px;
    height: 190px;
    background-color: #f0f3f5;
}

div[id^="listing_"] .u-height140 .carousel {
    min-height: 140px;
}

body[class*="search"] div[id^="listing_"] .u-height140 .carousel,
body[class*="search"] .u-height140 .carousel  .swiper-container {
    max-height: 140px !important;
}

body[class*="search"] .u-height140 .carousel  .swiper-slide,
body[class*="search"] .u-height140 .carousel  .swiper-slide img {
    text-align: center;
    max-height: 140px;
    height: 140px;
}

body[class*="search"] .carousel .swiper-button-next,
body[class*="search"] .carousel .swiper-button-prev,
body[class*="front"] .swiper-button-next,
body[class*="front"] .swiper-button-prev{
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    padding: 16px;
}

body[class*="search"] .carousel .swiper-button-next,
body[class*="front"] .swiper-button-next {
    right: 3px;
}

body[class*="search"] .carousel .swiper-button-prev,
body[class*="front"] .swiper-button-prev {
    left: 3px;
}

body[class*="search"] .carousel .swiper-lazy-preloader,
body[class*="front"] .swiper-lazy-preloader {
    width: 22px;
    height: 22px;
    margin-left: -12px;
    margin-top: -12px;
}

.block-title {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 600;
    font-style: normal
}

.block-streamText .block-content {
    display: table-cell
}

.block--list {
    position: relative;
    padding: 25px 0 32px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    line-height: 1.1
}

.block--list:last-child {
    border-bottom: 0
}

.blockGroup + .blockGroup .block--list:first-child {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.blockDivider + .blockGroup-list .block--list:first-child {
    border-top: none
}

.block--list .block-content {
    margin: 4px 160px 0 0
}

.block--list .block-image {
    display: block;
    width: 140px;
    height: 120px;
    float: right;
    margin: 2px 0 0 20px;
    border: 1px solid rgba(0, 0, 0, .05)
}

.block--list .block-title {
    line-height: 1.3;
    font-size: 24px;
    margin-left: -1.5px
}

.block--card {
    position: relative;
    display: inline-block;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    box-sizing: border-box
}

.blockGroup-row:nth-child(even) .block--card:first-child, .blockGroup-row:nth-child(odd) .block--card:last-child {
    width: 40%
}

.blockGroup-row:nth-child(even) .block--card:last-child, .blockGroup-row:nth-child(odd) .block--card:first-child {
    width: 60%
}

.blockGroup-row:nth-child(even) .block--cardWithFullBleedImage:last-child .block-content,
.blockGroup-row:nth-child(odd) .block--cardWithFullBleedImage:first-child .block-content {
    right: 40%
}

.blockGroup-row:nth-child(even) .block--card:last-child, .blockGroup-row:nth-child(odd) .block--card:last-child {
    border-right: 0
}

.blockGroup-row:nth-child(even) .block--card:only-child, .blockGroup-row:nth-child(odd) .block--card:only-child {
    border-right: 0;
    width: 100%
}

.block--card .block-title {
    line-height: 1.1;
    font-size: 32px;
    margin-left: -2px;
    margin-bottom: 5px
}

.block--card:only-child .block-title {
    font-size: 44px;
    margin-left: -2.75px;
    margin-bottom: 0
}

.block--cardWithImage .block-image {
    width: 100%;
    height: 350px;
    border: 1px solid rgba(0, 0, 0, .15)
}

.block--cardWithImage .block-content {
    padding: 20px 50px 30px
}

.block--cardWithOutFullBleedImage .block-image {
    border: 1px solid rgba(0, 0, 0, .15);
    background: rgba(255, 255, 255, 0);
    height: 100%;
    width: 100%
}

.block--list.block--withoutImage .block-content {
    margin-left: 0
}

.block--card.block--withoutImage.block--inset .block-content {
    padding: 60px 0
}

.block--card.block--withoutImage .block-content {
    padding: 60px 70px
}

.block--cardWithFullBleedImage:not(:only-child) .block-title > a,
.block--cardWithOutFullBleedImage:not(:only-child) .block-title > a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 210px
}

.block--cardWithFullBleedImage:only-child .block-title, .block--cardWithOutFullBleedImage:only-child .block-title {
    line-height: 1.1
}

.block--cardWithFullBleedImage .block-image {
    width: 100%;
    height: 100%;
    background-color: #fafafa
}

.block--cardWithFullBleedImage .block-content, .block--cardWithOutFullBleedImage .block-content {
    position: absolute;
    padding: 60px 70px 70px;
    left: 0;
    right: 0;
    bottom: 0
}

.block--inset.block--cardWithFullBleedImage .block-content, .block--inset.block--cardWithOutFullBleedImage .block-content {
    padding: 30px 40px 40px
}

.block--cardWithFullBleedImage:only-child .block-content {
    right: 40%
}

.blockGroup--compact .block--list {
    padding: 25px 0 20px 0
}

.blockGroup--compact .block-image {
    height: 110px;
    margin-top: -10px
}

.block--placeholder, .block--placeholder.block--cardWithFullBleedImage .block-content {
    color: rgba(0, 0, 0, .44)
}

.block--placeholder .block-line {
    display: inline-block;
    height: 15px;
    background: rgba(0, 0, 0, .05);
    width: 60%;
    margin-top: 10px
}

.block--placeholder.block--list .block-line {
    margin-top: 5px
}

.block--placeholder.block--about {
    padding: 25px 0 32px
}

.block--placeholder.block--about .block-title {
    padding-top: 20px;
    padding-left: 20px
}

.block--placeholder.block--about .block-image {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 25px
}

.block-more {
    margin-bottom: 40px
}

@media (max-width: 991px) {

    .blockGroup-row .block {
        display: block
    }

    .blockGroup-row:nth-child(even) .block--card:first-child, .blockGroup-row:nth-child(even) .block--card:last-child,
    .blockGroup-row:nth-child(odd) .block--card:first-child, .blockGroup-row:nth-child(odd) .block--card:last-child {
        border-right: 0;
        width: 100%
    }

    .blockGroup-row:nth-child(even) .block--card:not(.block--inset):first-child,
    .blockGroup-row:nth-child(even) .block--card:not(.block--inset):last-child,
    .blockGroup-row:nth-child(odd) .block--card:not(.block--inset):first-child,
    .blockGroup-row:nth-child(odd) .block--card:not(.block--inset):last-child {
        border-bottom: 0
    }

    .blockGroup-row--withImageAndWithoutImage .block--withoutImage:not(:only-child) .block-content {
        display: block;
        vertical-align: middle;
        padding: 60px 70px
    }

    .blockGroup-row--withImageAndWithoutImage .block--inset.block--withoutImage:not(:only-child) .block-content {
        padding: 60px 0
    }

    .block--list .block-image {
        top: auto;
        width: 100px;
        height: 100px;
        margin: 0;
        margin-left: 20px
    }

    .block--list .block-content {
        margin-left: 0
    }

    .block--withoutImage.block--list .block-content {
        margin-right: 0
    }

    .block--list {
        padding: 25px 0
    }

    .blockGroup-row:nth-child(even) .block--cardWithFullBleedImage:last-child .block-content,
    .blockGroup-row:nth-child(odd) .block--cardWithFullBleedImage:first-child .block-content {
        right: 0
    }

    .block--cardWithImage .block-image {
        height: 300px
    }

    .block--cardWithImage:only-child .block-image {
        height: 450px
    }

    .block--list .block-title {
        font-size: 22px;
        margin-left: -1.38px;
        line-height: 1.2
    }

}

@media (max-width: 767px) {

    .block--card .block-title, .block--card:only-child .block-title {
        font-size: 24px;
        margin-left: -1.5px
    }

    .block--cardWithFullBleedImage .block-content, .block--cardWithOutFullBleedImage .block-content,
    .block--cardWithOutFullBleedImage.block--inset .block-content,
    .block--inset.block--cardWithFullBleedImage .block-content {
        padding: 15px 15px 20px
    }

    .block--card:only-child .block-title {
        margin-bottom: 10px
    }

    .block--cardWithImage .block-content, .block--cardWithImage.block--inset .block-content {
        padding: 15px 0 5px
    }

    .block--card.block--withoutImage .block-content, .block--card.block--withoutImage.block--inset .block-content,
    .blockGroup-row--withImageAndWithoutImage .block--inset.block--withoutImage:not(:only-child) .block-content,
    .blockGroup-row--withImageAndWithoutImage .block--withoutImage:not(:only-child) .block-content {
        padding: 25px 15px
    }

    .block--cardWithImage:only-child .block-image {
        height: 250px
    }

    .block--cardWithImage .block-image {
        height: 200px
    }

    .block--list .block-image {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
        margin-left: 10px
    }

    .block--list .block-content {
        margin-right: 0
    }

    .blockGroup.is-ordered .block--list:before {
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 16px
    }

    .block--list .block-title {
        margin-left: -1.13px;
        font-size: 18px;
        margin-right: 0
    }

}

.menu {
    margin-bottom: 30px
}

.hero-description + .menu {
    margin-top: -10px
}

.menu-item {
    display: inline-block;
    vertical-align: top
}

.menu-label {
    color: rgba(0, 0, 0, .6);
    text-transform: uppercase;
    display: block;
    font-size: 11px;
    letter-spacing: 2px
}

@media (max-width: 767px) {

    .menu-item:first-child, .menu-item:first-child > .button--chromeless {
        padding-left: 0
    }

    .menu-item:last-child, .menu-item:last-child > .button--chromeless {
        padding-right: 0
    }

    .menu-label {
        font-size: 9px
    }
}

@media all and (max-width: 991px) {
}

@media all and (max-width: 991px) {
}

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

.listingSection-bodyItem .block {
    border-right-width: 3px
}

.listingSection-bodyItem .block-title {
    margin-bottom: 5px
}

.listingSection-bodyItem .block--card {
    display: block
}

.listingSection-bodyItem .block--card.block--withoutImage.block--inset .block-content,
.listingSection-bodyItem--fullWidth > .block--card .block-content {
    padding-top: 0
}

.listingSection-bodyItem--fullWidth > .block--card .block-title {
    font-size: 36px
}

.listingSection-bodyItem--half > .block--card .block-title, .listingSection-bodyItem--third > .block--card .block-title {
    font-size: 24px;
    margin-bottom: 3px
}

.listingSection-bodyItem--third > .block--card .block-image {
    height: 172px
}

.listingSection-bodyItem--half > .block--card .block-image {
    height: 272px
}

.listingSection-bodyItem--half .postMetaInline-avatar, .listingSection-bodyItem--third .postMetaInline-avatar {
    display: none
}

.listingSection-bodyItem--half .postMetaInline-authorLockup, .listingSection-bodyItem--third .postMetaInline-authorLockup {
    padding-left: 0
}

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

    .listingSection-bodyItem--fullWidth > .block--card .block-image {
        height: 228px
    }

    .listingSection-bodyItem--third > .block--card .block-image {
        height: 120px
    }

    .listingSection-body .block--list {
        padding-top: 20px;
        padding-bottom: 15px
    }

    .listingSection-bodyItem--fullWidth > .block--card .block-title,
    .listingSection-bodyItem--half > .block--card .block-title, .listingSection-bodyItem--third > .block--card .block-title {
        font-size: 24px;
        margin-bottom: 6px
    }

    .listingSection--gridTextUnderImageFullBleed .block--card .block-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .listingSection .heading {
        border-bottom: 0
    }

    .listingSection-bodyItem .block {
        border-right-width: 0
    }

    .listingSection-bodyItem > .block--card .block-image {
        height: 170px
    }

    .listingSection-bodyItem .block--card.block--withoutImage .block-content {
        padding: 25px 0
    }

}

.licenseSelector-group .label {
    margin-bottom: 10px;
    font-size: 12px
}

.licenseSelector-description .svgIcon {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 22px;
    fill: rgba(0, 0, 0, .44);
    float: right
}

.svgIcon--logoNew path:nth-child(1) {
    fill: #d0d2d3
}

.svgIcon--logoNew path:nth-child(2) {
    fill: #a6a8ab
}

.svgIcon--logoNew path:nth-child(3) {
    fill: #808184
}

.svgIcon--logoNew path:nth-child(4) {
    fill: #58595b
}

.svgIcon--logoNew.svgIcon--green path:nth-child(1) {
    fill: #32fc8d
}

.svgIcon--logoNew.svgIcon--green path:nth-child(2) {
    fill: #0be370
}

.svgIcon--logoNew.svgIcon--green path:nth-child(3) {
    fill: #14c767
}

.svgIcon--logoNew.svgIcon--green path:nth-child(4) {
    fill: #00ac6a
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(1) {
    fill: #a2e4ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(2) {
    fill: #74d7ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(3) {
    fill: #45c9ff
}

body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(4) {
    fill: #16bbff
}

body.is-dev:not(.is-swBoot) .svgIcon--logoNew path, body.is-dev:not(.is-swBoot) .svgIcon--logoNew.svgIcon--green path {
    stroke: #16bbff;
    stroke-width: 1.2px;
    fill: transparent
}

body.is-swBoot .svgIcon--logoNew path:nth-child(1) {
    animation: logo-loading-sw-1 1.26s;
    animation-delay: 324ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(2) {
    animation: logo-loading-sw-2 1.26s;
    animation-delay: 254ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(3) {
    animation: logo-loading-sw-3 1.26s;
    animation-delay: 170ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease
}

body.is-swBoot .svgIcon--logoNew path:nth-child(4) {
    animation: logo-loading-sw-4 1.26s;
    animation-delay: .1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease
}

@keyframes logo-loading-sw-1 {
    0%, 10% {
        fill: #d0d2d3
    }

    55%, 65% {
        fill: #32fc8d
    }

    100% {
        fill: #d0d2d3
    }
}

@keyframes logo-loading-sw-2 {
    0%, 10% {
        fill: #a6a8ab
    }

    55%, 65% {
        fill: #0be370
    }

    100% {
        fill: #a6a8ab
    }
}

@keyframes logo-loading-sw-3 {
    0%, 10% {
        fill: #808184
    }

    55%, 65% {
        fill: #14c767
    }

    100% {
        fill: #808184
    }
}

@keyframes logo-loading-sw-4 {
    0%, 10% {
        fill: #58595b
    }

    55%, 65% {
        fill: #00ac6a
    }

    100% {
        fill: #58595b
    }
}

.compressedPostListItem-recommendAndRespondCounts .label {
    line-height: 19px
}

.streamItem-card--collectionManagerPost .post-title {
    font-family: "Camphor", "Open Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 3px
}

@media (max-width: 991px) {

    .streamItemConversation .row {
        margin-left: 0;
        margin-right: 0
    }

    .streamItemConversation .postMetaInline-authorLockup {
        white-space: normal
    }
}

@media (max-width: 767px) {
}

.postBundle-checkmarkWrapper .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

@media (max-width: 767px) {
}

.relatedPostGrid .row {
    margin-right: -5px;
    margin-left: -5px
}

.userAnnotation .avatar {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 767px) {
}

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

}

@media (max-width: 767px) {

}

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

}

.creditCardForm--error .svgIcon {
    margin-right: 5px;
    fill: #cc5454;
    margin-bottom: -7px
}

@media (max-width: 767px) {

}

.membershipPrompt-title .svgIcon {
    margin-bottom: 7px;
    fill: rgba(0, 0, 0, .44)
}

.membershipPrompt .button--close {
    line-height: 1
}

@media (max-width: 767px) {

    .membershipPrompt-title .svgIcon {
        margin-left: -3px
    }

    .membershipPrompt-wrapper .container {
        padding: 0
    }

}

.onboardingTopBar-step .svgIcon {
    fill: rgba(0, 0, 0, .44);
    vertical-align: middle;
    margin-top: -2px
}

.stats-title--chart button {
    border: none;
    background: 0 0
}

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

    .stats-title h2 {
        font-size: 18px;
        line-height: 2;
        height: 2em
    }

}

.postList > li:before {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    width: 58px;
    margin-left: -58px;
    text-align: right
}

ol.postList > li:before {
    font-feature-settings: "liga" on, "lnum" on;
    -moz-font-feature-settings: "liga" on, "lnum" on;
    -webkit-font-feature-settings: "liga" on, "lnum" on;
    padding-right: 12px;
    counter-increment: post;
    content: counter(post) "."
}

ul.postList > li:before {
    padding-top: 4px;
    padding-right: 15px;
    content: '•'
}

.postArticle-content > section {
    position: relative;
    clear: both
}

.postArticle-content .section--first:not(.is-imageBackgrounded) {
    padding-top: 75px
}

.postArticle--full.postArticle--response > .postArticle-content .section--first,
.postArticle:not(.postArticle--letter) > .postArticle-content .section--first {
    margin-top: 20px;
    padding-top: 0
}

.section--last {
    padding-bottom: 5px
}

.section-image--aspectRatio .section-content {
    padding-top: 80px;
    padding-bottom: 3%
}

.section-image--aspectRatioViewport.section--topCenter .section-content {
    padding: 120px 0 80px
}

.section-image--aspectRatioViewport.section--middleCenter .section-content {
    padding: 100px 0
}

.section-image--aspectRatioViewport.section--bottomCenter .section-content {
    padding-bottom: 80px
}

.voteWidget .svgIcon {
    display: none;
    vertical-align: middle;
    padding-right: 4px;
    position: relative;
    top: -2px
}

.voteWidget.is-iconVisible .svgIcon {
    display: inline
}

.lockedPostHeader .svgIcon {
    fill: rgba(0, 0, 0, .44);
    margin-right: 10px
}

.postArticle--full.postArticle--letter > .postArticle-content .section--first {
    padding-top: 20px
}

.postArticle--full.postArticle--letter > .postArticle-content .section--first:not(.is-imageBackgrounded):before {
    content: '';
    text-align: center;
    display: block;
    margin: 0 auto 30px;
    height: 1px;
    max-width: 700px;
    background-color: rgba(0, 0, 0, .15)
}

.iframeContainer > iframe {
    transform: translateZ(0)
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

    .postArticle--full.postArticle--letter > .postArticle-content .section--first:not(.is-imageBackgrounded):before {
        margin-left: 20px;
        margin-right: 20px
    }

}

@media print {
    body {
        overflow: hidden
    }

    body.postShowScreen * {
        visibility: hidden
    }

    body.postShowScreen .butterBar, body.postShowScreen .butterBar *,
    body.postShowScreen .postArticle-content, body.postShowScreen .postArticle-content *,
    body.postShowScreen .postMetaHeader, body.postShowScreen .postMetaHeader * {
        visibility: visible
    }

    @page {
        margin-top: .75in;
        margin-bottom: .75in
    }

    body.postShowScreen .layoutSingleColumn {
        max-width: 4.95in;
        margin: 0 auto
    }

    body {
        color: #000;
        orphans: 2;
        widows: 2
    }

    .graf--h2, .graf--h3 {
        color: #000
    }

    .graf--h4, section.is-imageBackgrounded .graf--h4, section[data-background-color]:not([data-background-color$=Light]) .graf--h4 {
        color: rgba(0, 0, 0, .6)
    }

    .graf--blockquote {
        border-left: .17em solid #000
    }

    ul.postList > li:before {
        padding-top: 3px
    }

    .graf--figure {
        page-break-inside: avoid
    }

    .is-sectionUsingCanvas.is-darkBackgrounded .section-background {
        display: none
    }

    .is-sectionUsingCanvas.is-darkBackgrounded:after, .is-sectionUsingCanvas.is-darkBackgrounded:not(.section--first):before {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        background-color: rgba(0, 0, 0, .15)
    }

    .is-sectionUsingCanvas.is-darkBackgrounded:before {
        margin-top: -40px
    }

    .is-sectionUsingCanvas.is-darkBackgrounded:after {
        margin-top: 30px
    }

    .is-sectionUsingCanvas.is-darkBackgrounded .graf--h2, .is-sectionUsingCanvas.is-darkBackgrounded .graf--h3,
    .is-sectionUsingCanvas.is-darkBackgrounded .section-inner {
        color: #000
    }

    .markup--quote {
        background: 0 0 !important
    }

    .section-image--aspectRatioViewport.section--bottomCenter .section-content,
    .section-image--aspectRatioViewport.section--middleCenter .section-content,
    .section-image--aspectRatioViewport.section--topCenter .section-content {
        padding: 0
    }

    .postArticle-content {
        padding-top: 0
    }

    .postArticle-content .section--first {
        padding-top: 200px
    }

    .postResponse {
        display: none
    }

    .postArticle--full.postArticle--response > .postArticle-content .section--first {
        padding-top: 0
    }

    .postArticle--full.postArticle--response > .postArticle-content .section--first:not(.is-imageBackgrounded):before {
        display: none
    }

    .infoCard-actions, .postActionsBar-content {
        display: none
    }
}

ul.postList > li:before {
    font-size: 16.8px
}

.postArticle--short ul.postList > li:before {
    font-size: 14.4px
}

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

    ul.postList > li:before {
        font-size: 14.4px
    }

}

@media print {
    .postArticle-content .graf--p {
        font-size: 14.28px
    }

    .graf--h2 {
        font-size: 35.36px;
        margin-left: -2.21px
    }

    .graf--h3 {
        font-size: 24.48px;
        margin-left: -1.53px
    }

    .graf--h4 {
        font-size: 19.04px;
        margin-left: -1.19px
    }

    .graf--blockquote {
        font-size: 14.28px
    }

    .graf--pullquote {
        font-size: 19.04px;
        margin-left: -1.19px
    }

    .graf--li {
        font-size: 14.28px
    }

    ul.postList > li:before {
        font-size: 11.42px
    }

    .graf--pre {
        font-size: 10.88px
    }

    .markup--code {
        font-size: 10.88px
    }

    hr.section-divider:before {
        font-size: 19.04px
    }

    .graf-dropCap {
        font-size: 43.52px
    }

    .graf-dropCapQuote {
        font-size: 29.92px
    }

    .graf--sectionCaption, .imageCaption {
        font-size: 9.52px
    }
}

.postArticle--short .postArticle-content .section--first {
    padding-top: 0
}

@media (max-width: 767px) {

}

@media print {
    .graf--blockquote + .postList, .graf--blockquote.graf-after--blockquote,
    .graf--p.graf-after--blockquote, .postArticle-content .graf--blockquote.graf-after--p,
    .postArticle-content .graf--p + .postList, .postArticle-content .graf--p.graf-after--p,
    .postList + .graf--blockquote, .postList + .graf--p, .postList + .postList {
        margin-top: 20px
    }
}

@media all and (max-width: 991px) {
}

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

}

@media print {
    .markup--anchor, .markup--figure-anchor, .markup--pre-anchor, .markup--pullquote-anchor,
    body.is-withMagicUnderlines .markup--figure-anchor, body.is-withMagicUnderlines .markup--pre-anchor,
    body.is-withMagicUnderlines .markup--pullquote-anchor {
        text-decoration: none;
        background: 0 0
    }
}

.responsesManagement .svgIcon {
    top: -1px;
    position: relative;
    fill: #02b875
}

@media (max-width: 767px) {
    .layoutSingleColumn .responses {
        margin: 0 0 50px 0
    }
}

@media print {
    .responsesWrapper {
        display: none
    }
}

@media (max-width: 991px) {
}

.quoteResponses .block {
    padding-bottom: 10px
}

.quoteResponses-section:not(.is-withEditor) .block:first-child {
    border-top: 0;
    padding-top: 0
}

.privateNotes-editor .avatar {
    margin-bottom: 10px
}

.heading--privateNotes .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

.privateNotes-content a {
    text-decoration: underline
}

@media (max-width: 767px) {
}

.notesMarker .svgIcon {
    fill: rgba(0, 0, 0, .44)
}

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

}

@media print {
    .markup--highlight {
        background: rgba(255, 255, 255, 0)
    }
}

.list--quotes .list-item {
    border: 0
}

@media (max-width: 991px) {

    .popover--quoteAttributions .button--highlightMenu .icon:before {
        color: #fff;
        font-size: 16px;
        line-height: 38px
    }

}

@media (max-width: 767px) {
}

.paragraphControls-itemText .button:focus, .paragraphControls-itemText .button:hover,
.paragraphControls-itemText a:focus, .paragraphControls-itemText a:hover {
    color: rgba(0, 0, 0, .8)
}

.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:focus,
.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:hover,
.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:focus,
.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:hover {
    color: rgba(255, 255, 255, .85)
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

.editable > p {
    margin-bottom: 0
}

.is-postEditMode iframe {
    border: 3px solid rgba(255, 255, 255, 0)
}

.graf--figure.is-mediaFocused iframe {
    border: 3px solid #02b875
}

@media print {
    .defaultValue {
        display: none
    }
}

.inlineEditor .block--list {
    border: none
}

.inlineEditor .inlineEditor-actions .button--primary {
    margin-right: 14px
}

.inlineEditor--letters .block {
    padding-top: 0
}

@media (max-width: 991px), (max-height: 750px) {

    .drawer-content .button--circle {
        width: 25px;
        height: 25px;
        line-height: 23px
    }

    .drawer-content .button--circle .svgIcon {
        width: 19px;
        height: 19px
    }

}

@media (max-width: 767px), (max-height: 600px) {

}

.button--highlightMenu .svgIcon {
    margin-top: -3px
}

.button.button--highlightMenu .svgIcon {
    fill: #fff
}

.button--highlightMenu.is-active .svgIcon {
    fill: #48e79a
}

.button--highlightMenu.button--withSvgIcon .svgIcon {
    margin-left: -3px;
    margin-right: -3px
}

.button--highlightMenu.is-blockquoteMode .svgIcon--blockquote path:nth-child(1) {
    fill: #48e79a
}

.button--highlightMenu.is-h4Mode .svgIcon--tt path:nth-child(1) {
    fill: #48e79a
}

.highlightMenu-linkinput > .button {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: -3px
}

.inlineTooltip2-menu .button {
    margin-right: 9px
}

@media print {
    .inlineTooltip2 {
        display: none
    }
}

.dictionary.list--short.list--choice .list-item {
    padding-top: 3px;
    padding-bottom: 3px
}

.dictionary .list-item:focus, .dictionary .list-item:hover {
    outline: 0
}

@keyframes mobileApp-screen-cycle {
    0% {
        transform: translate3d(320px, 0, 0);
        opacity: 1
    }

    1% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    20% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    21% {
        transform: translate3d(-320px, 0, 0);
        opacity: 1
    }

    22% {
        transform: translate3d(-320px, 0, 0);
        opacity: 0
    }

    99% {
        transform: translate3d(320px, 0, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(320px, 0, 0);
        opacity: 1
    }
}

@media print {
    .promo {
        display: none
    }
}

@media (max-width: 767px) {

}

.variants table {
    width: 100%
}

.variants td {
    width: 50%;
    border-bottom: 1px dotted rgba(0, 0, 0, .44);
    padding: 5px 0;
    vertical-align: top
}

@media print {
    .diagnostics {
        display: none
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.float_none {
    float: none !important
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.align_center,
.centered {
    text-align: center !important
}

.align_top,
.align_top:before {
    vertical-align: top !important
}

.align_middle,
.align_middle:before {
    vertical-align: middle !important
}

.helvetica {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif
}

.normal {
    font-weight: 400 !important
}

.bold {
    font-weight: 600 !important
}

.black {
    font-weight: 900 !important
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline !important
}

.small_right_margin {
    margin-right: .5rem !important
}

.no_padding {
    padding: 0 !important
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.transparent {
    color: transparent !important
}

.neutral_white {
    color: #fff !important
}

.subtle_silver_bg {
    background-color: #9e9ea6 !important
}

@media only screen and (max-width: 767px) {
    .hide_on_mobile {
        display: none !important
    }
}

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

img {
    height: auto;
    vertical-align: middle;
    border: 0
}

a[name] {
    display: block;
    position: relative;
    top: -92px;
    visibility: hidden
}

a:not([href]) {
    cursor: pointer
}

.link:hover {
    color: #000000;
    text-decoration: none;
}

.loading_hash_animation img {
    width: 40px;
    height: 40px;
    margin: 0 1rem .5rem .5rem
}

.menu {
    position: absolute;
    z-index: 1042;
    display: inline-block;
    vertical-align: top;
    min-width: 13.75rem;
    max-width: 20rem;
    font-family: "Camphor", "Open Sans", sans-serif;
    color: #2c2d30;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .15)
}

div.top {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 55px;
    z-index: 4000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 420ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -moz-transform 420ms cubic-bezier(.165, .84, .44, 1);
    transition: transform 420ms cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (max-width: 1024px) {
    div.top {
        box-shadow: inset 0 1px rgba(0, 0, 0, .2);
        display: block !important;
    }
}

.scrolled div.top {
    -webkit-transform: translate3d(0, -70px, 0);
    -moz-transform: translate3d(0, -70px, 0);
    -ms-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0)
}

div.top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    line-height: 4.375rem
}

div.top ul li {
    display: inline-block
}

div.top ul .mobile_btn {
    display: none
}

@media only screen and (max-width: 767px) {
    div.top ul li {
        display: none
    }

    div.top ul .mobile_btn {
        display: inline-block
    }

    div.top ul .mobile_btn a {
        margin-left: 6px;
        margin-top: 6px;
        margin-right: 7px;
    }
}

div.top ul a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 2.6375rem;
    font-weight: 600;
    margin-left: 9px;
    position: relative;
    cursor: pointer;
    line-height: 1em;
    padding: 8px 7px 9px;
    opacity: .8
}

div.top ul a.has_icon span {
    line-height: 2.25rem
}

div.top ul a:hover {
    opacity: 1;
    background: rgba(0, 0, 0, .1)
}

div.top ul a .team_icon {
    text-shadow: none
}

#ellipsis_menu {
    height: 2.25rem;
    width: 2.25rem;
    text-align: center;
    padding: .625rem 0 0 !important
}

#menu_items {
    overflow: auto
}

div.mobile_menu {
    display: none;
    opacity: 0;
    -webkit-transform: translate3d(0, 150%, 0);
    -moz-transform: translate3d(0, 150%, 0);
    -ms-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    -webkit-transition: -webkit-transform 1ms ease 250ms, opacity 250ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -moz-transform 1ms ease 250ms, opacity 250ms cubic-bezier(.165, .84, .44, 1);
    transition: transform 1ms ease 250ms, opacity 250ms cubic-bezier(.165, .84, .44, 1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    height: 100%;
    background-color: #EEE;
    z-index: 5000;
}

div.mobile_menu ul {
    list-style-type: none;
    margin: 45px 0 0 125px;
    padding: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.165, .84, .44, 1), opacity 230ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -moz-transform 250ms cubic-bezier(.165, .84, .44, 1), opacity 230ms cubic-bezier(.165, .84, .44, 1);
    transition: transform 250ms cubic-bezier(.165, .84, .44, 1), opacity 230ms cubic-bezier(.165, .84, .44, 1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap !important;
    flex-flow: row wrap !important;
}

.search-checkbox-container {
    box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.04);
    border: 1px solid #D5D5D5;
    background: #FFFFFF;
    font-size: 19px !important;
    border-radius: 6px;
    height: 40px;
    padding: 1px 10px 5px 8px !important;;
}

@media screen and (max-width: 767px) {
    .search-checkbox-container {
        height: 50px;
        padding: 7px 15px 7px 10px !important;
    }

    div.mobile_menu ul {
        -webkit-flex-flow: column !important;
        flex-flow: column !important;
    }

}

.search-checkbox-container:hover, .search-checkbox-container:active {
    border: 1px solid #CCCCCC;
}

.search-checkbox-container > .checkbox > input:focus + label {
    outline: rgb(141, 205, 247) auto 5px !important;
}

.search-checkbox-container > .checkbox.checkbox-primary {
    font-size: 17px;
    margin-top: 0 !important;
}

div.mobile_menu ul li + li {
    padding-left: 15px;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}

div.mobile_menu ul li + li.u-widthAuto {
    padding-left: 0;
    flex: 0 0 auto;
    padding-top: 18px;
    background: transparent;
}

div.mobile_menu ul li + li.u-widthAuto:nth-child(n + 4) {
    padding-left: 15px;
}

@media screen and (max-width: 767px) {
    div.mobile_menu ul li + li {
        margin-top: 0px !important;
    }

    div.mobile_menu ul li + li:nth-child(2) {
        margin-top: 15px !important;
    }
}

input[type=radio] {
    display: none;
}

@media screen and (max-width: 767px) {
    div.mobile_menu ul li + li {
        padding-left: 0 !important;
    }
}

div.mobile_menu ul a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 2.5rem;
    line-height: 5rem
}

@media only screen and (max-height: 666px) {
    div.mobile_menu ul {
        margin-top: 80px
    }

    div.mobile_menu ul a {
        font-size: 2.25rem;
        line-height: 4.375rem
    }
}

@media only screen and (max-height: 567px) {
    div.mobile_menu ul {
        margin-top: 70px
    }

    div.mobile_menu ul a {
        font-size: 1.875rem;
        line-height: 3.75rem
    }
}

@media only screen and (max-height: 435px) {
    div.mobile_menu ul {
        margin-top: 70px
    }

    div.mobile_menu ul a {
        font-size: 1.5rem;
        line-height: 3.125rem
    }
}

div.mobile_menu .logo {
    opacity: .25;
    margin-left: 1rem
}

div.mobile_menu .close {
    position: absolute;
    top: 28px;
    right: 13px;
    color: #999;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: center 40%;
    transform-origin: center 40%;
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    transition: transform .2s ease-out;
    z-index: 7000;
    font-size: 20px !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

div.mobile_menu .close .ts_icon_times:before {
    font-size: 1.875rem
}

body.show_mobile_div div.mobile_menu {
    -webkit-transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
    transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: .99;
    display: block;
}

body.show_mobile_div div.mobile_menu ul {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

body.show_mobile_div div.mobile_menu .close {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

div.mobile_menu.tiered_signup {
    overflow-y: scroll
}

div.mobile_menu .mobile_menu_wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start
}

div.mobile_menu .mobile_menu_wrapper ul {
    padding: 65px 15px 35px 15px;
    margin: 0;
    text-align: left;
}

div.mobile_menu .mobile_menu_wrapper ul a {
    font-size: 1.75rem
}

div.mobile_menu .mobile_menu_wrapper .mobile_menu_header {
    display: block
}

div.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li {
    width: 100%
}

div.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li a {
    font-size: 1.375rem;
    line-height: 4.375rem;
    width: 100%;
    height: 70px;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

div.mobile_menu .mobile_menu_wrapper .mobile_menu_footer li a .signup_icon {
    background: #fff;
    color: #3e1d56
}

@media only screen and (max-width: 767px) {
    div.mobile_menu {
        display: block
    }
}

div.mobile_menu.apps_div .close {
    cursor: pointer
}

div.mobile_menu.apps_div .mobile_menu_footer {
    background: #2b427f
}

@media screen and (min-width: 768px) {
    .search #map {
        max-width: 50% !important
    }

    div.mobile_menu {
        -webkit-transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
        -moz-transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
        transition: opacity 250ms cubic-bezier(.165, .84, .44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block;
        background-color: #fff;
        width: 50%;
        height: 141px;
        top: 55px;
        z-index: 300;
        padding: 0 20px;
        opacity: 1;
        filter: alpha(opacity=100);
        border-bottom: 1px solid #EEE;
    }

    div.mobile_menu .mobile_menu_wrapper ul {
        padding: 0;
    }

    div.mobile_menu.tiered_signup {
        overflow-y: hidden;
    }
}

@font-face {
    font-family: appleLogo;
    src: local("Lucida Grande");
    unicode-range: U+F8FF
}

html {
    height: 100%
}

body {
    font-variant-ligatures: common-ligatures
}

.small {
    font-size: .9rem
}

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    position: static
}

div.top.no_sticky {
    position: absolute;
    top: initial;
    display: none;
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fade {
    50%,
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    99% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes fade {
    50%, from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    99% {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes blink {
    20%, 80% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    20%, 80% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@media (max-width: 992px) {
    .contract-status {
        position: relative;
        left: 0.1em;
        top: 5.2em;
        margin-left: -7.2em;
        min-width: 92px !important;
    }
}

.u-paddingTop40 {
    padding-top: 40px !important
}

.u-paddingTop50 {
    padding-top: 50px !important
}

div.summary div.value, div.platform-overview-dashboard-view div.summary div.value {
    text-shadow: none
}

div.summary div.label,
div.platform-overview-dashboard-view div.summary div.label {
    color: #87bbfd;
    text-shadow: none
}

div.summary strong[data-text]:after {
    display: none
}

div.platform-overview-dashboard-view {
    position: relative
}

div.summary {
    position: relative;
    padding: 10px 15px 0;
    margin: 0 0 0 0;
    width: auto;
    height: auto;
    border-top: 0;
    font-weight: 400;
    border: none;
    box-shadow: none;
    left: 0;
    border-radius: 6px 6px 0 0;
    /*
    background: rgb(122, 92, 242);
    background: -webkit-linear-gradient(-40deg, rgb(122, 92, 242), #91bdf4);
    background: -moz-linear-gradient(-40deg, rgb(122, 92, 242), #91bdf4);
    background: -o-linear-gradient(-40deg, rgb(122, 92, 242), #91bdf4);
    background: linear-gradient(-40deg, rgb(122, 92, 242), #91bdf4);
    */
    background: rgb(46,138,247);
}

div.summary div.summary-block {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 15px;
}

@media screen and (max-width: 425px) {
    div.summary div.summary-block {
        width: 50% !important;
    }

    div.summary div.summary-block:nth-child(3) {
        width: 100% !important;
    }
}

div.summary div.value {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    height: 24px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .28)
}

div.summary div.value > sup {
    top: -.2em;
    margin-right: 3px;
}

div.summary div.value > sup ~ sup {
    top: -.2em;
    margin-left: 3px;
    font-size: 69%;
}

div.summary div.label {
    color: #eae7ff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 8px !important;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    margin-left: 0 !important;
    position: relative;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.view_switch_wrapper {
    height: 60px;
    z-index: 900;
    position: absolute;
    bottom: 18px;
    left: 15px;
}

@media screen and (min-width: 768px) {
    .view_switch_wrapper {
        display: none;
    }
}

.switch_buttons_wrapper {
    width: 100%;
    height: 100%;
    /*
    border-radius: 50px;
    -webkit-box-shadow: 0 3px 14px -3px #BBB;
    -moz-box-shadow: 0 3px 14px -3px #BBB;
    -o-box-shadow: 0 3px 14px -3px #BBB;
    box-shadow: 0 3px 14px -3px #BBB;*/
}

#map_view, #list_view {
    color: #FFF;
    background: #f30d49;
    border: 1px solid transparent;
    padding: 1px 4px 2px;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
    text-align: center;
    position: relative;
    font-weight: 600 !important;
    font-size: 17px;
    width: 55px;
    height: 55px;
    -webkit-transition: width .33s ease-in-out;
    -moz-transition: width .33s ease-in-out;
    -o-transition: width .33s ease-in-out;
    transition: width .33s ease-in-out;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
}

#list_view {
    border-radius: 14px;
    margin-right: -1px;
    padding-top: 4px
}

#map_view {
    border-radius: 14px;
    margin-left: -2px;
}

#list_view.selected, #map_view.selected {
    background: #666;
    color: #FFF;
    border: 1px solid #666;
    display: none
}

#list_view > i,
#map_view > i {
    position: relative;
    top: 1px;
    font-size: 29px;
}

.sbx-google__reset {
    display: none;
    position: absolute;
    top: 8px;
    right: 6px;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: #CCC;
}

.sbx-google__reset:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sbx-google__reset svg {
    display: block;
    margin: 4px;
    width: 13px;
    height: 13px;
}

#q:valid ~ .sbx-google__reset {
    display: block;
    -webkit-animation-name: sbx-reset-in;
    animation-name: sbx-reset-in;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
}

@-webkit-keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}