@charset "UTF-8";
@font-face {
    font-family: 'FreshSans';
    src: url("../fonts/FreshSans-Light.woff2") format("woff2"), url("../fonts/FreshSans-Light.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: 'FreshSans';
    src: url("../fonts/FreshSans-Regular.woff2") format("woff2"), url("../fonts/FreshSans-Regular.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: 'FreshSans';
    src: url("../fonts/FreshSans-Medium.woff2") format("woff2"), url("../fonts/FreshSans-Medium.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: 'FreshSans';
    src: url("../fonts/FreshSans-Bold.woff2") format("woff2"), url("../fonts/FreshSans-Bold.woff") format("woff");
    font-weight: bold;
}


/*!
 * Custom compiled bootstrap
 *
 * Derived from Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Bootstrap Copyright 2011-2015 Twitter, Inc.
 * Bootstrap Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

[class*=" col-"],
[class^="col-"] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

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

@media (min-width: 640px) {
    .container {
        max-width: 576px;
    }
}

@media (min-width: 960px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 960px) {
    .container {
        max-width: 940px;
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1140px;
    }
}

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-right: -11px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-header-breakpoint-1,
.col-header-breakpoint-2,
.col-header-breakpoint-3,
.col-header-breakpoint-4,
.col-header-breakpoint-5,
.col-header-breakpoint-6,
.col-header-breakpoint-7,
.col-header-breakpoint-8,
.col-header-breakpoint-9,
.col-header-breakpoint-10,
.col-header-breakpoint-11,
.col-header-breakpoint-12 {
    position: relative;
    min-height: 1px;
    padding-left: 11px;
    padding-right: 11px;
}

.col-xs-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-xs-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-xs-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-xs-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-xs-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 640px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-pull-1 {
        right: 8.33333%;
    }
    .col-sm-pull-2 {
        right: 16.66667%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-4 {
        right: 33.33333%;
    }
    .col-sm-pull-5 {
        right: 41.66667%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-7 {
        right: 58.33333%;
    }
    .col-sm-pull-8 {
        right: 66.66667%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-10 {
        right: 83.33333%;
    }
    .col-sm-pull-11 {
        right: 91.66667%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.33333%;
    }
    .col-sm-push-2 {
        left: 16.66667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.33333%;
    }
    .col-sm-push-5 {
        left: 41.66667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.33333%;
    }
    .col-sm-push-8 {
        left: 66.66667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.33333%;
    }
    .col-sm-push-11 {
        left: 91.66667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 960px) {
    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-pull-1 {
        right: 8.33333%;
    }
    .col-md-pull-2 {
        right: 16.66667%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-4 {
        right: 33.33333%;
    }
    .col-md-pull-5 {
        right: 41.66667%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-7 {
        right: 58.33333%;
    }
    .col-md-pull-8 {
        right: 66.66667%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-10 {
        right: 83.33333%;
    }
    .col-md-pull-11 {
        right: 91.66667%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.33333%;
    }
    .col-md-push-2 {
        left: 16.66667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.33333%;
    }
    .col-md-push-5 {
        left: 41.66667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.33333%;
    }
    .col-md-push-8 {
        left: 66.66667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.33333%;
    }
    .col-md-push-11 {
        left: 91.66667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333%;
    }
    .col-md-offset-2 {
        margin-left: 16.66667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333%;
    }
    .col-md-offset-5 {
        margin-left: 41.66667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333%;
    }
    .col-md-offset-8 {
        margin-left: 66.66667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333%;
    }
    .col-md-offset-11 {
        margin-left: 91.66667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 960px) {
    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.33333%;
    }
    .col-lg-pull-2 {
        right: 16.66667%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.33333%;
    }
    .col-lg-pull-5 {
        right: 41.66667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.33333%;
    }
    .col-lg-pull-8 {
        right: 66.66667%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.33333%;
    }
    .col-lg-pull-11 {
        right: 91.66667%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.33333%;
    }
    .col-lg-push-2 {
        left: 16.66667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.33333%;
    }
    .col-lg-push-5 {
        left: 41.66667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.33333%;
    }
    .col-lg-push-8 {
        left: 66.66667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.33333%;
    }
    .col-lg-push-11 {
        left: 91.66667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1366px) {
    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-pull-1 {
        right: 8.33333%;
    }
    .col-xl-pull-2 {
        right: 16.66667%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-4 {
        right: 33.33333%;
    }
    .col-xl-pull-5 {
        right: 41.66667%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-7 {
        right: 58.33333%;
    }
    .col-xl-pull-8 {
        right: 66.66667%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-10 {
        right: 83.33333%;
    }
    .col-xl-pull-11 {
        right: 91.66667%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-push-1 {
        left: 8.33333%;
    }
    .col-xl-push-2 {
        left: 16.66667%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-4 {
        left: 33.33333%;
    }
    .col-xl-push-5 {
        left: 41.66667%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-7 {
        left: 58.33333%;
    }
    .col-xl-push-8 {
        left: 66.66667%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-10 {
        left: 83.33333%;
    }
    .col-xl-push-11 {
        left: 91.66667%;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-offset-0 {
        margin-left: 0%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66667%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66667%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66667%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66667%;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1100px) {
    .col-header-breakpoint-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-header-breakpoint-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-header-breakpoint-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-header-breakpoint-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-header-breakpoint-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-header-breakpoint-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-header-breakpoint-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-header-breakpoint-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-header-breakpoint-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-header-breakpoint-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-header-breakpoint-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-header-breakpoint-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-header-breakpoint-pull-0 {
        right: auto;
    }
    .col-header-breakpoint-pull-1 {
        right: 8.33333%;
    }
    .col-header-breakpoint-pull-2 {
        right: 16.66667%;
    }
    .col-header-breakpoint-pull-3 {
        right: 25%;
    }
    .col-header-breakpoint-pull-4 {
        right: 33.33333%;
    }
    .col-header-breakpoint-pull-5 {
        right: 41.66667%;
    }
    .col-header-breakpoint-pull-6 {
        right: 50%;
    }
    .col-header-breakpoint-pull-7 {
        right: 58.33333%;
    }
    .col-header-breakpoint-pull-8 {
        right: 66.66667%;
    }
    .col-header-breakpoint-pull-9 {
        right: 75%;
    }
    .col-header-breakpoint-pull-10 {
        right: 83.33333%;
    }
    .col-header-breakpoint-pull-11 {
        right: 91.66667%;
    }
    .col-header-breakpoint-pull-12 {
        right: 100%;
    }
    .col-header-breakpoint-push-0 {
        left: auto;
    }
    .col-header-breakpoint-push-1 {
        left: 8.33333%;
    }
    .col-header-breakpoint-push-2 {
        left: 16.66667%;
    }
    .col-header-breakpoint-push-3 {
        left: 25%;
    }
    .col-header-breakpoint-push-4 {
        left: 33.33333%;
    }
    .col-header-breakpoint-push-5 {
        left: 41.66667%;
    }
    .col-header-breakpoint-push-6 {
        left: 50%;
    }
    .col-header-breakpoint-push-7 {
        left: 58.33333%;
    }
    .col-header-breakpoint-push-8 {
        left: 66.66667%;
    }
    .col-header-breakpoint-push-9 {
        left: 75%;
    }
    .col-header-breakpoint-push-10 {
        left: 83.33333%;
    }
    .col-header-breakpoint-push-11 {
        left: 91.66667%;
    }
    .col-header-breakpoint-push-12 {
        left: 100%;
    }
    .col-header-breakpoint-offset-0 {
        margin-left: 0%;
    }
    .col-header-breakpoint-offset-1 {
        margin-left: 8.33333%;
    }
    .col-header-breakpoint-offset-2 {
        margin-left: 16.66667%;
    }
    .col-header-breakpoint-offset-3 {
        margin-left: 25%;
    }
    .col-header-breakpoint-offset-4 {
        margin-left: 33.33333%;
    }
    .col-header-breakpoint-offset-5 {
        margin-left: 41.66667%;
    }
    .col-header-breakpoint-offset-6 {
        margin-left: 50%;
    }
    .col-header-breakpoint-offset-7 {
        margin-left: 58.33333%;
    }
    .col-header-breakpoint-offset-8 {
        margin-left: 66.66667%;
    }
    .col-header-breakpoint-offset-9 {
        margin-left: 75%;
    }
    .col-header-breakpoint-offset-10 {
        margin-left: 83.33333%;
    }
    .col-header-breakpoint-offset-11 {
        margin-left: 91.66667%;
    }
    .col-header-breakpoint-offset-12 {
        margin-left: 100%;
    }
}

.col-xs-first {
    -ms-flex-order: -1;
    order: -1;
}

.col-xs-last {
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 640px) {
    .col-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .col-sm-last {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 960px) {
    .col-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .col-md-last {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 960px) {
    .col-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .col-lg-last {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1366px) {
    .col-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .col-xl-last {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1100px) {
    .col-header-breakpoint-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .col-header-breakpoint-last {
        -ms-flex-order: 1;
        order: 1;
    }
}

.row-xs-top {
    -ms-flex-align: start;
    align-items: flex-start;
}

.row-xs-center {
    -ms-flex-align: center;
    align-items: center;
}

.row-xs-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (min-width: 640px) {
    .row-sm-top {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .row-sm-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .row-sm-bottom {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 960px) {
    .row-md-top {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .row-md-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .row-md-bottom {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 960px) {
    .row-lg-top {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .row-lg-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .row-lg-bottom {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 1366px) {
    .row-xl-top {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .row-xl-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .row-xl-bottom {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 1100px) {
    .row-header-breakpoint-top {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .row-header-breakpoint-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .row-header-breakpoint-bottom {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.col-xs-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.col-xs-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.col-xs-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media (min-width: 640px) {
    .col-sm-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .col-sm-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .col-sm-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 960px) {
    .col-md-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .col-md-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .col-md-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 960px) {
    .col-lg-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .col-lg-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .col-lg-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 1366px) {
    .col-xl-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .col-xl-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .col-xl-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 1100px) {
    .col-header-breakpoint-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .col-header-breakpoint-center {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .col-header-breakpoint-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}


/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2015
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Tue Aug 11 2015 07:30 EDT-0400
 * Plugins: tips viewport svg modal
 * Styles: core
 */

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold;
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0 !important;
}


/* Default close button class */

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    /* Overlap .qtip-tip */
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}


/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */


/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */


/* Default tooltip style */

.qtip-default {
    border: 1px solid #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

.qtip-default .qtip-titlebar {
    background-color: #FFEF93;
}

.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111;
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}


/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */

x:-o-prefocus,
.qtip .qtip-tip {
    visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0;
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/* Applied to modals with show.modal.blur set to true */

#qtip-overlay.blurs {
    cursor: pointer;
}


/* Change opacity of overlay here */

#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Icons */

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.7.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2017 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/


/* @group Base */

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-container * {
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}


/* @end */


/* @group Single Chosen */

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url("chosen-sprite.png") no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}


/* @end */


/* @group Results */

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}


/* @end */


/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}


/* @end */


/* @group Active  */

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}


/* @end */


/* @group Disabled Support */

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}


/* @end */


/* @group Right to Left */

.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url("chosen-sprite.png") no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}


/* @end */


/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url("chosen-sprite@2x.png") !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}


/* @end */


/* Site-wide foundation/normalisation styles */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-family: helvetica, arial, sans-serif;
    background: #EFEFEF;
    color: #39464E;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    font-size: 1rem sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
ul {
    margin: 0;
    padding: 0;
}

main,
li {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

strong {
    font-weight: bold;
}

button {
    color: inherit;
}

p {
    margin-bottom: 1.5em;
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
    padding: 0;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

@media (max-width: 959px) {
    .mobile-center {
        text-align: center;
    }
}

.text-base {
    color: #39464E;
}

.text-white {
    color: #ffffff;
}

.text-primary {
    color: #A5C84D;
}

.text-primary-mid {
    color: #25861E;
}

.text-primary-dark {
    color: #125430;
}

.text-light {
    color: #f2f2f2;
}

.text-mid {
    color: #DFDFDF;
}

.text-grey {
    color: #9EABB2;
}

.text-error {
    color: #c20e1a;
}

.text-warning {
    color: #FFDD00;
}

.block-bg--body {
    background: #ffffff;
}

.block-bg--base {
    background: #EFEFEF;
}

.block-bg--body-overlay {
    background-color: rgba(255, 255, 255, 0.75);
}

.block-bg--primary {
    background: #A5C84D;
}

.block-bg--alert {
    background: #FFDD00;
}

.block-border--primary-mid {
    border: 2px solid #25861E;
}

.block-border--mid {
    border: 2px solid #DFDFDF;
}

.block-border--light {
    border: 2px solid #f2f2f2;
}

@media (max-width: 959px) {
    .block-bg--body-mobile {
        background: #EFEFEF;
    }
}

@media (max-width: 959px) {
    .block-bg--body-overlay-mobile {
        background-color: rgba(255, 255, 255, 0.75);
    }
}

.block-bg--dark {
    background: #39464E;
}

.block-bg--tb-mid {
    background: #E2E4E4;
}

.block-bg--dotted-above,
.block-bg--dotted-below {
    position: relative;
}

.block-bg--dotted-above::before,
.block-bg--dotted-below::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

.block-bg--dotted-below::before {
    top: auto;
    bottom: 0;
}

.block-border--mid-thin {
    border: 1px solid #DFDFDF;
}

.block-border--mid-thin-desktop {
    border: 0;
}

@media (min-width: 640px) {
    .block-border--mid-thin-desktop {
        border: 1px solid #DFDFDF;
    }
}

.border-radius {
    border-radius: 0.75em;
}

@media (max-width: 959px) {
    .block-bg--mobile-override {
        background: transparent !important;
    }
}

.block-shadow {
    box-shadow: 0px 8px 10px 0px rgba(223, 223, 223, 0.6);
}

@media (max-width: 959px) {
    .row--mobile-bare {
        margin: 0;
    }
}

@media (max-width: 959px) {
    .row--mobile-bare>[class*='col-'] {
        padding: 0;
    }
}

.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.desktop-hide {
    display: block;
}

@media (min-width: 960px) {
    .desktop-hide {
        display: none !important;
    }
}

@media (max-width: 959px) {
    .mobile-hide {
        display: none !important;
    }
}

@media (max-width: 639px) {
    .mobile-hide--small {
        display: none !important;
    }
}

@media (min-width: 640px) {
    .desktop-hide--small {
        display: none !important;
    }
}

.block-bg--body-background {
    background: linear-gradient(to top, rgba(255, 255, 255, 0), white), url("../media/registration-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

a,
.link {
    text-decoration: underline;
    color: #25861E;
}

a:hover,
.link:hover {
    text-decoration: none;
}

.text>a,
a.text,
.text>.link,
.link.text {
    color: #39464E;
}

a.link-noline,
.link.link-noline {
    text-decoration: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

a.link-list,
.link.link-list {
    display: block;
    width: 100%;
    padding: 1rem 0;
    cursor: pointer;
}

a.link-list:hover,
.link.link-list:hover {
    background-color: #EFEFEF;
}

a.link--no-color,
.link.link--no-color {
    color: inherit;
}

.is-hidden {
    display: none;
}

.vertically-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.vertically-center .item-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.styled-hr {
    border: 0;
    height: 1px;
    background: #DFDFDF;
    margin-bottom: 22px;
    margin-top: 22px;
}

.styled-hr-primary {
    margin-top: 11px;
    height: 2px;
    border-top: 2px solid #25861E;
}

.styled-hr-dotted,
.header__hr,
.wysiwyg hr {
    border: 0;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
    margin-top: 22px;
    margin-bottom: 22px;
}

.styled-hr-dotted-dark,
.header__profile__hr {
    border: 0;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
    margin-top: 22px;
    margin-bottom: 22px;
}

@media (max-width: 959px) {
    .styled-hr--mobile-thin {
        margin-top: 11px;
        margin-bottom: 11px;
    }
}

.styled-hr--thin {
    margin-top: 5.5px;
    margin-bottom: 5.5px;
}

.content-wrap {
    padding: 22px;
}

.content-wrap--tight {
    padding: 11px;
}

@media (max-width: 959px) {
    .content-wrap--mobile {
        padding: 11px;
    }
}

.rotate {
    transform: rotate(180deg);
}

.gradient-text {
    position: relative;
    z-index: 100;
}

.content-wrap--desktop {
    padding: 0;
}

@media (min-width: 960px) {
    .content-wrap--desktop {
        padding: 22px;
    }
}

.round-corners {
    border-radius: 11px;
}

.block-dotted {
    border: 2px dotted #DFDFDF;
}

.all-caps {
    text-transform: uppercase;
}

.text-transform-revert {
    text-transform: initial;
}

.text-bold {
    font-weight: bold !important;
}

.text-normal {
    font-weight: normal !important;
}

.text-medium,
.groups-slider--collections .groups-slider__group__name,
.groups-slider--members .groups-slider__group__name,
.chat-fliter__category.is-selected,
.chat-fliter-theme__category__button.is-selected {
    font-weight: 500 !important;
}

.heading-spacing {
    margin-bottom: 0 !important;
}

@media (min-width: 960px) {
    .heading-spacing {
        margin-top: 22px !important;
        margin-bottom: 44px !important;
    }
}

.spacer-bottom-none,
.tooltip p:last-child {
    margin-bottom: 0 !important;
}

.spacer-none {
    margin: 0 !important;
}

.spacer-bottom-xs {
    margin-bottom: 0.5rem !important;
}

.spacer-bottom-s {
    margin-bottom: 22px !important;
}

.spacer-bottom-s--mobile {
    margin-bottom: 0;
}

@media (max-width: 959px) {
    .spacer-bottom-s--mobile {
        margin-bottom: 11px !important;
    }
}

.spacer-bottom-s--md-down {
    margin-bottom: 0 !important;
}

@media (max-width: 959px) {
    .spacer-bottom-s--md-down {
        margin-bottom: 11px !important;
    }
}

.spacer-bottom-ms--md-down {
    margin-bottom: 0 !important;
}

@media (max-width: 959px) {
    .spacer-bottom-ms--md-down {
        margin-bottom: 1rem !important;
    }
}

.spacer-bottom-ms {
    margin-bottom: 33px !important;
}

@media (max-width: 959px) {
    .spacer-bottom-ms {
        margin-bottom: 16.5px !important;
    }
}

.spacer-bottom-m {
    margin-bottom: 22px !important;
}

@media (min-width: 640px) {
    .spacer-bottom-m {
        margin-bottom: 44px !important;
    }
}

.spacer-bottom-m--mobile {
    margin-bottom: 0;
}

@media (max-width: 959px) {
    .spacer-bottom-m--mobile {
        margin-bottom: 44px !important;
    }
}

.spacer-bottom-l {
    margin-bottom: 66px !important;
}

.spacer-bottom-xxl {
    margin-bottom: 132px !important;
}

@media (max-width: 959px) {
    .spacer-bottom-xxl {
        margin-bottom: 44px !important;
    }
}

.pad-top-s {
    padding-top: 22px !important;
}

.pad-top-m {
    padding-top: 44px !important;
}

.pad-top-m--mini {
    padding-top: 40px !important;
}

.pad-top-l {
    padding-top: 66px !important;
}

.pad-top-xl {
    padding-top: 77px !important;
}

@media (max-width: 959px) {
    .pad-top-xl {
        padding-top: 55px !important;
    }
}

.pad-top-none {
    padding-top: 0 !important;
}

@media (max-width: 959px) {
    .pad-top-none--mobile {
        padding-top: 0 !important;
    }
}

.pad-bottom-none {
    padding-bottom: 0 !important;
}

.pad-bottom-xs {
    padding-bottom: 0.5rem !important;
}

.pad-bottom-s {
    padding-bottom: 22px !important;
}

.pad-bottom-m {
    padding-bottom: 44px !important;
}

.pad-bottom-l {
    padding-bottom: 66px !important;
}

.pad-bottom-xl {
    padding-bottom: 77px !important;
}

@media (max-width: 959px) {
    .pad-bottom-xl {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 959px) {
    .pad-bottom-s--mobile {
        padding-bottom: 22px !important;
    }
}

@media (max-width: 959px) {
    .pad-side-none--mobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 959px) {
    .pad-top-m--mobile {
        padding-top: 44px !important;
    }
}

@media (max-width: 959px) {
    .pad-top-s--mobile {
        padding-top: 22px !important;
    }
}

@media (max-width: 959px) {
    .spacer-top-m--mobile {
        margin-top: 44px !important;
    }
}

@media (max-width: 959px) {
    .spacer-top-s--mobile {
        margin-top: 22px !important;
    }
}

.spacer-top-xs {
    margin-top: 0.5rem !important;
}

.spacer-top-s {
    margin-top: 22px !important;
}

.spacer-top-s-mini {
    margin-top: 11px !important;
}

.spacer-top-m {
    margin-top: 44px !important;
}

.spacer-top-l {
    margin-top: 66px !important;
}

.spacer-top-none {
    margin-top: 0 !important;
}

.spacer-right-s {
    margin-right: 22px !important;
}

.spacer-right-xxs {
    margin-right: 5.5px !important;
}

.spacer-right-s--mobile-none {
    margin-right: 22px !important;
}

@media (max-width: 639px) {
    .spacer-right-s--mobile-none {
        margin-right: 0 !important;
    }
}

.spacer-right-xs--mobile-none {
    margin-right: 11px !important;
}

@media (max-width: 639px) {
    .spacer-right-xs--mobile-none {
        margin-right: 0 !important;
    }
}

.spacer-left-s--mobile {
    margin-left: 0 !important;
}

@media (max-width: 639px) {
    .spacer-left-s--mobile {
        margin-left: 11px !important;
    }
}

.spacer-bottom-s--mobile {
    margin-bottom: 0 !important;
}

@media (max-width: 639px) {
    .spacer-bottom-s--mobile {
        margin-bottom: 22px !important;
    }
}

@media (max-width: 959px) {
    .spacer-bottom-none--mobile {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 959px) {
    .spacer-top-none--mobile {
        margin-top: 0 !important;
    }
}

.spacer-left-none {
    margin-left: 0 !important;
}

.spacer-left-xxs {
    margin-left: 5.5px !important;
}

.text-split {
    display: block;
    margin: calc(22px/4) calc(22px/4);
}

@media (min-width: 640px) {
    .text-split {
        display: inline-block;
    }
}

.text-split-block {
    display: block;
    margin: calc(22px/4) calc(22px/4);
}

@media (min-width: 960px) {
    .text-split-block {
        display: block;
    }
}

.text-split-inline {
    display: inline-block;
    margin: calc(22px/4) calc(22px/4);
}

.block-underline {
    border-bottom: 1px solid #DFDFDF;
}

.line-space-s {
    padding: 22px 0;
}

.col-space-s {
    padding: 0 22px;
}

@media (min-width: 960px) {
    .col-space-s--desktop {
        padding: 0 22px;
    }
}

@media (min-width: 960px) {
    .pad-top-s--desktop {
        padding-top: 22px;
    }
}

@media (min-width: 960px) {
    .pad-top-xs--desktop {
        padding-top: 11px;
    }
}

.mobile-image-shrink {
    width: auto;
}

@media (max-width: 959px) {
    .mobile-image-shrink {
        width: 60%;
    }
}

.font-size-xs {
    font-size: 0.8rem;
}

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

.space-between__no-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.space-between-mobile-collapse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 640px) {
    .space-between-mobile-collapse {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.space-between-mobile-collapse-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .space-between-mobile-collapse-center {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.space-between--center {
    -ms-flex-align: center;
    align-items: center;
}

.space-between--equal-cols {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 640px) {
    .space-between--equal-cols {
        margin-left: -11px;
        margin-right: -11px;
    }
}

.space-between--equal-cols>* {
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 640px) {
    .space-between--equal-cols>* {
        -ms-flex: 1;
        flex: 1;
        padding-left: 11px;
        padding-right: 11px;
    }
}

.content-stack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    .content-stack {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.flex-content {
    display: -ms-flexbox;
    display: flex;
}

.block-element {
    width: 100%;
    display: block;
}

.bunch-circle,
.illustrated-point__image__back-image {
    border: 3px solid #A5C84D;
    border-radius: 50%;
}

@media (max-width: 639px) {
    .overflow-x-scroll-mobile {
        overflow-x: scroll;
        position: relative;
        -ms-overflow-style: none;
    }
    .overflow-x-scroll-mobile::-webkit-scrollbar {
        display: none;
    }
}

.inner {
    position: absolute;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 150px;
}

@-moz-document url-prefix() {}

.max-title-lines-3 {
    height: 5.142rem;
    max-height: 5.142rem;
}

.max-title-lines-3::after {
    height: calc(1rem * 1.714 * 3);
}

.line-clamp {
    display: block;
    display: -webkit-box;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}

.line-clamp::after {
    content: '...';
    text-align: right;
    bottom: 0;
    right: 0;
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 100%);
}

@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important;
    }
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
}

.ie-text-wrap {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

@media (max-width: 639px) {
    .flex-start--mobile {
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.show-sm-down {
    display: block;
}

@media (min-width: 640px) {
    .show-sm-down {
        display: none;
    }
}

@media (max-width: 959px) {
    .hide-md-down {
        display: none;
    }
}

@media (min-width: 960px) {
    .hide-md-up {
        display: none;
    }
}

@media (max-width: 959px) {
    .hide-sm-down {
        display: none;
    }
}

@media (min-width: 640px) {
    .hide-sm-up {
        display: none !important;
    }
}


/*SFBUN-1067 CSS CHANGES FROM WUNDERMAN*/

@media (max-width: 639px) {
    .hide-xs-down {
        display: none !important;
    }
}

.heading-underline {
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

.heading-underline-dark {
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media print {
    .print-hide {
        display: none !important;
    }
}

.span-spacing-left {
    margin-left: 0.25em;
}

.text-center-xl-down {
    text-align: center;
}

@media (min-width: 1366px) {
    .text-center-xl-down {
        text-align: left;
    }
}

.text-center-lg-down {
    text-align: center;
}

@media (min-width: 960px) {
    .text-center-lg-down {
        text-align: left;
    }
}

.typeface-main {
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.typeface-body {
    font-family: helvetica, arial, sans-serif;
}

.negative-spacer-top {
    margin-top: -33px;
}

.u-desktop-center {
    text-align: center;
}

@media (max-width: 639px) {
    .u-desktop-center {
        text-align: left;
    }
}

@media (min-width: 960px) {
    .border-right--desktop {
        border-right: 2px solid #e2e4e4;
    }
    .border-right--desktop+.col-md-6 {
        padding-left: 22px;
    }
}

.text-italic {
    font-style: italic;
}

@media (max-width: 640px) {
    .reverse-column--mobile {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.text-20 {
    font-size: 1.25rem;
    line-height: 1.2;
}

.no-split-block {
    display: inline-block;
}

@media (min-width: 640px) {
    .no-split-block--inline {
        display: inline;
        white-space: nowrap;
    }
}

.sticky-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.width-contain {
    width: 100%;
    max-width: 1388px;
    margin: 0 auto;
    padding: 0 11px;
}

@media (max-width: 959px) {
    .width-contain--mobile-bare {
        padding: 0;
    }
}

.width-contain--mini {
    max-width: 896px;
}

.card {
    padding: 22px;
    margin-bottom: 22px;
    padding-bottom: 0;
    max-width: 100%;
}

.card::after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 960px) {
    .content-contain {
        padding: 33px 80px;
    }
}

.jumbo {
    min-height: 420px;
}

.width-secondary {
    width: 100%;
    max-width: 756px;
    margin: 0 auto;
    padding: 11px;
}

.width-secondary--mini {
    max-width: 650px;
}

.page-banner {
    min-height: 450px;
}

.fluid-container {
    margin: 0;
    padding: 11px;
}

@media (min-width: 960px) {
    .fluid-container {
        margin: 22px 11px 0 11px;
    }
}

@media (min-width: 960px) {
    .fluid-container {
        margin: 22px 0 0 0;
    }
}

.fluid-container__inner {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
}

.width-contain-large {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 11px;
    width: 100%;
}

.page-body {
    position: relative;
    z-index: 3;
    margin-bottom: 33px;
}

.page-body__frame {
    max-width: 1120px;
    margin: 0 auto;
    background-color: #EFEFEF;
}

.page-body__content {
    max-width: 896px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .page-body__content {
        margin: 0 22px;
    }
}

@media (min-width: 960px) {
    .page-body__content {
        margin: 0 auto;
    }
}

.page-body--article .media-hero {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.3);
    z-index: 1;
    position: relative;
}

.page-body--article .media-hero__media {
    box-shadow: none;
    width: 100%;
}

.page-body--article .block-content {
    padding-top: 144px;
    margin-top: -100px;
}

.page-body--article-creation .media-hero {
    max-width: 645px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    .page-body--article-creation .media-hero {
        z-index: 1;
        position: relative;
        height: auto;
    }
}

.page-body--article-creation .media-hero__media--upload {
    min-height: 0;
}

@media (min-width: 960px) {
    .page-body--article-creation .media-hero__media--upload {
        min-height: 500px;
    }
}

.page-body--article-creation .block-content {
    padding-top: 144px;
    margin-top: -100px;
}

.page-body--article-creation .media-hero__media__wrapper {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 960px) {
    .page-body--article-creation .media-hero__media__wrapper {
        max-width: none;
    }
}


/* IE10+ CSS here */

@media all and (-ms-high-contrast: none) and (min-width: 960px),
(-ms-high-contrast: active) and (min-width: 960px) {
    .page-body--article-creation .media-hero {
        min-height: 690px;
    }
}

.block-content {
    margin: 0;
    padding: 11px;
    background: #ffffff;
    border: 0;
    padding-top: 44px;
    padding-bottom: 44px;
}

@media (min-width: 640px) {
    .block-content {
        border: 1px solid #DFDFDF;
    }
}

@media (min-width: 960px) {
    .block-content {
        margin: 22px 11px 0 11px;
    }
}

@media (min-width: 960px) {
    .block-content {
        margin: 44px 0 0 0;
    }
}

.block-content__inner {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
}

.readable-width {
    max-width: 43rem;
    margin-left: auto;
    margin-right: auto;
}

@media print {
    body {
        overflow: visible !important;
        display: block !important;
    }
    .block-content {
        border: 0;
        padding: 11px;
    }
}

.block-content--alert {
    border: 2px solid #FFDD00;
    border-radius: 0.35em;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 960px) {
    .block-content--alert {
        margin-left: -11px;
        margin-right: -11px;
    }
}

.pending-layout {
    margin-bottom: -80px;
    overflow: visible;
}

.pending-layout--sm-banner {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
}

.pending-layout--sm-banner .pending-layout__overflow {
    height: 260px;
}

.pending-layout__overflow {
    position: relative;
    z-index: 10;
}

.pending-layout__buffer {
    padding-top: calc(80px + 44px);
}

.page-body--transparent .page-body__frame {
    background-color: transparent;
}

.block-content--full-content {
    padding-top: 5rem;
    padding-bottom: 3.6rem;
    padding-left: 44px;
    padding-right: 44px;
}

@media (max-width: 959px) {
    .block-content--full-content {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.block-content--full-content .block-content__inner {
    max-width: 100%;
}

@media (max-width: 959px) {
    .row--reverse-mobile {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.row--align-center {
    -ms-flex-align: center;
    align-items: center;
}

.h-1-heading,
.h-1,
.h-2,
.action-item__text-wrapper__number,
.action-item__text-wrapper__icon,
.h-3,
.h-3-medium,
.h-4,
.h-5,
.h-6,
.h-7,
.form__element--title .styled-input,
.illustrated-point__image__order,
.wysiwyg h1,
.profile-user__name__name,
.time-field--total-time,
.tabs__nav__button,
.bg-strip__content--product-info h1,
.comments__heading__title,
.wysiwyg h2,
.profile-badges__head,
.profile-overview__level__name,
.profile-level__level__val,
.accordion--bg-body .accordion__head--bold,
.accordion--bg-body .accordion__head--bold.is-open,
.groups-slider--collections .groups-slider__group__name,
.groups-slider--members .groups-slider__group__name,
.wysiwyg h3,
.header__nav__link,
.header__option__link,
.header__option__login,
.recipe-tile__product-name,
.filterable-hub__filters--product-filter .filterable-hub__filters__head,
.comment__title,
.group-slip__title,
.checkbox-tile__title,
.discussion-card__title,
.product-tile__title,
.icon-links__link,
.icon-multilinks__col__links-list__link,
.header__profile__link,
.header__search__suggestions__heading,
.form__element--title .styled-label,
.styled-radio-button--slips .styled-radio-button__title,
.styled-radio-button--slips .styled-radio-button__cta-links p,
.button.button--dashed .button__title,
.label-counter__count,
.illustrated-point__text,
.member-tiles__tile__title,
.wysiwyg h4,
.group-tile__heading,
.groups-split-layout__status,
.checkbox-tile--radio .checkbox-tile__title,
.profile-overview__stats__heading,
.image-point__image__tag,
.feedback__block__content--my-review>.content:first-child::before,
.article-related__overlay__title,
.styled-checkbox__label,
.recipe-tile--slip .recipe-tile__product-name,
.comments__form__label,
.comment__link,
.wysiwyg h5,
.group-hub__feature__filter__label,
.table-list__info__action__link,
.table-list__info__type,
.styled-table thead th,
.accordion__head__title,
.floating-menu__item,
.list-select__item,
.groups-slider__group,
.wysiwyg h6,
.listing--related .listing__title,
.custom-select,
.reciple-tile__feature,
.reciple-tile__picked,
.group-tile.editors-pick::after,
.group-tile.new-group::after {
    margin-bottom: 1.25rem;
    word-wrap: break-word;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.h-1-heading,
.h-1-heading-alt-mobile {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}

@media (min-width: 640px) {
    .h-1-heading,
    .h-1-heading-alt-mobile {
        font-size: 3.5rem;
    }
}

.h-1,
.form__element--title .styled-input,
.illustrated-point__image__order,
.wysiwyg h1,
.profile-user__name__name {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.05;
}

@media (min-width: 640px) {
    .h-1,
    .form__element--title .styled-input,
    .illustrated-point__image__order,
    .wysiwyg h1,
    .profile-user__name__name {
        font-size: 2.375rem;
    }
}

@media (max-width: 959px) {
    .h-1-mobile-optimisation {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.h-2,
.action-item__text-wrapper__number,
.action-item__text-wrapper__icon,
.time-field--total-time,
.tabs__nav__button,
.bg-strip__content--product-info h1,
.comments__heading__title,
.wysiwyg h2,
.profile-badges__head,
.profile-overview__level__name,
.profile-level__level__val,
.h-2--optimisations,
.h-2-m-s--optimisations {
    font-size: 1.250rem;
    line-height: 1.5rem;
    font-weight: 500;
}

@media (min-width: 640px) {
    .h-2,
    .action-item__text-wrapper__number,
    .action-item__text-wrapper__icon,
    .time-field--total-time,
    .tabs__nav__button,
    .bg-strip__content--product-info h1,
    .comments__heading__title,
    .wysiwyg h2,
    .profile-badges__head,
    .profile-overview__level__name,
    .profile-level__level__val,
    .h-2--optimisations,
    .h-2-m-s--optimisations {
        font-size: 1.750rem;
        line-height: 1.875rem;
    }
}

.h-3,
.accordion--bg-body .accordion__head--bold,
.accordion--bg-body .accordion__head--bold.is-open,
.groups-slider--collections .groups-slider__group__name,
.groups-slider--members .groups-slider__group__name,
.wysiwyg h3 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5rem;
}

@media (min-width: 640px) {
    .h-3,
    .accordion--bg-body .accordion__head--bold,
    .accordion--bg-body .accordion__head--bold.is-open,
    .groups-slider--collections .groups-slider__group__name,
    .groups-slider--members .groups-slider__group__name,
    .wysiwyg h3 {
        font-size: 1.250rem;
    }
}

.h-3-medium,
.header__nav__link,
.header__option__link,
.header__option__login,
.recipe-tile__product-name,
.filterable-hub__filters--product-filter .filterable-hub__filters__head,
.comment__title,
.group-slip__title,
.checkbox-tile__title,
.discussion-card__title,
.product-tile__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
}

@media (min-width: 640px) {
    .h-3-medium,
    .header__nav__link,
    .header__option__link,
    .header__option__login,
    .recipe-tile__product-name,
    .filterable-hub__filters--product-filter .filterable-hub__filters__head,
    .comment__title,
    .group-slip__title,
    .checkbox-tile__title,
    .discussion-card__title,
    .product-tile__title {
        font-size: 1.250rem;
        line-height: 1.5rem;
    }
}

.h-4,
.icon-links__link,
.icon-multilinks__col__links-list__link,
.header__profile__link,
.header__search__suggestions__heading,
.form__element--title .styled-label,
.styled-radio-button--slips .styled-radio-button__title,
.styled-radio-button--slips .styled-radio-button__cta-links p,
.button.button--dashed .button__title,
.label-counter__count,
.illustrated-point__text,
.member-tiles__tile__title,
.wysiwyg h4,
.group-tile__heading,
.groups-split-layout__status,
.checkbox-tile--radio .checkbox-tile__title,
.profile-overview__stats__heading,
.image-point__image__tag {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

h5.h-4 {
    margin-bottom: 0.3125rem;
}

.h-4-medium {
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 1.571rem;
}

@media (min-width: 960px) {
    .h-4-medium {
        font-size: 1.714rem;
        font-weight: 500;
        line-height: 2rem;
    }
}

.h-4-normal {
    font-size: 1.286rem;
    font-weight: normal;
    line-height: 1.571rem;
}

@media (min-width: 960px) {
    .h-4-normal {
        font-size: 1.714rem;
        font-weight: normal;
        line-height: 2rem;
    }
}

.h-5,
.feedback__block__content--my-review>.content:first-child::before,
.article-related__overlay__title,
.styled-checkbox__label,
.recipe-tile--slip .recipe-tile__product-name,
.comments__form__label,
.comment__link,
.wysiwyg h5,
.group-hub__feature__filter__label,
.table-list__info__action__link,
.table-list__info__type,
.styled-table thead th {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    word-wrap: break-word;
}

.h-6,
.accordion__head__title,
.floating-menu__item,
.list-select__item,
.groups-slider__group,
.wysiwyg h6 {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.250rem;
}

.h-6-normal {
    font-size: 1.143rem;
    font-weight: normal;
    line-height: 1.429rem;
}

@media (min-width: 960px) {
    .h-6-normal {
        font-size: 1.429rem;
        font-weight: normal;
        line-height: 1.714rem;
    }
}

.h-7,
.listing--related .listing__title,
.custom-select,
.reciple-tile__feature,
.reciple-tile__picked,
.group-tile.editors-pick::after,
.group-tile.new-group::after {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.286rem;
}

@media (min-width: 960px) {
    .h-7,
    .listing--related .listing__title,
    .custom-select,
    .reciple-tile__feature,
    .reciple-tile__picked,
    .group-tile.editors-pick::after,
    .group-tile.new-group::after {
        font-size: 1.143rem;
        font-weight: 500;
        line-height: 1.429rem;
    }
}

.text-intro,
.list-select--sub-select .list-select__item__button {
    font-size: 1.250rem;
    font-weight: 500;
    line-height: 1.2;
    max-width: 664px;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .text-intro,
    .list-select--sub-select .list-select__item__button {
        font-size: 1.75rem;
    }
    .text-intro.text-intro--small,
    .list-select--sub-select .text-intro--small.list-select__item__button {
        font-size: 1rem;
    }
    .text-intro span,
    .text-intro p,
    .list-select--sub-select .list-select__item__button span,
    .list-select--sub-select .list-select__item__button p {
        font-size: 1.250rem;
    }
}

span.text-intro,
p.text-intro {
    font-size: 1.250rem;
}

body,
.text,
.font-normal,
.listing--notification,
.custom-select__list__button {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: normal;
}

.text-small,
.tooltip__theme .qtip-content,
.footer,
.media-hero__caption,
.table-list__info__status,
.table-list__info__date,
.table-list__info__created,
.table-list__data__icon__wrapper,
.bar-rating__label {
    font-size: 0.7857rem;
    line-height: 1.071rem;
    font-weight: normal;
}

@media (min-width: 960px) {
    .text-small,
    .tooltip__theme .qtip-content,
    .footer,
    .media-hero__caption,
    .table-list__info__status,
    .table-list__info__date,
    .table-list__info__created,
    .table-list__data__icon__wrapper,
    .bar-rating__label {
        font-size: 0.8125rem;
        line-height: 1.143rem;
        font-weight: normal;
    }
}

.text-quote {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.286rem;
}

@media (min-width: 960px) {
    .text-quote {
        font-size: 1.429rem;
        font-weight: normal;
        line-height: 1.429rem;
    }
}

.styled-date,
.listing__date,
.user-notification__date,
.group-slip__date,
.disclaimer {
    font-weight: 500;
    color: #9EABB2;
}

@media print {
    body {
        font-size: 0.85rem;
    }
}

.heading--light {
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.2;
}

.t-team-bunch .page-body__content {
    max-width: 935px;
}

@media (max-width: 959px) {
    .t-team-bunch .block-content--full-content {
        padding-top: 2.4rem;
    }
}

.icon,
.icon-multilinks__col__icon-container__icon,
.rating__half,
.rating__empty,
.rating__fill,
.list__item__icon,
.accordion__head__topic,
.accordion__head__icon,
.floating-menu__item__icon,
.load-more__icon,
.label-counter__image__icon,
.comments__node--chat-hub .comment__icon__stats__icon,
.comments__node--chat-hub-trending .comment__icon__stats__icon,
.comments__node--chat-hub-reply .comment__icon__stats__icon,
.comment__subtext__icon,
.badge__image__icon,
.table-list__data__icon,
.discussion-card__info__stats__icon,
.discussion-card__info__report__icon,
.reply__subtext__icon,
.see-all__overlay__cta-icon,
.product-carousel__gallery__prev__icon,
.product-carousel__gallery__next__icon {
    fill: currentColor;
    width: 1.35em;
    height: 1.35em;
    display: inline;
    vertical-align: middle;
    font-size: 1.3rem;
}

.icon.is-hidden,
.is-hidden.icon-multilinks__col__icon-container__icon,
.is-hidden.rating__half,
.is-hidden.rating__empty,
.is-hidden.rating__fill,
.is-hidden.list__item__icon,
.is-hidden.accordion__head__topic,
.is-hidden.accordion__head__icon,
.is-hidden.floating-menu__item__icon,
.is-hidden.load-more__icon,
.is-hidden.label-counter__image__icon,
.comments__node--chat-hub .is-hidden.comment__icon__stats__icon,
.comments__node--chat-hub-trending .is-hidden.comment__icon__stats__icon,
.comments__node--chat-hub-reply .is-hidden.comment__icon__stats__icon,
.is-hidden.comment__subtext__icon,
.is-hidden.badge__image__icon,
.is-hidden.table-list__data__icon,
.is-hidden.discussion-card__info__stats__icon,
.is-hidden.discussion-card__info__report__icon,
.is-hidden.reply__subtext__icon,
.is-hidden.see-all__overlay__cta-icon,
.is-hidden.product-carousel__gallery__prev__icon,
.is-hidden.product-carousel__gallery__next__icon {
    display: none;
}

.icon--small {
    font-size: 1rem;
}

.icon--xs {
    font-size: 0.65rem !important;
}

.icon--large {
    font-size: 1.8rem;
}

.icon--like-thumb:hover {
    color: #A5C84D;
}

.icon--circled {
    border: 2px solid;
    border-radius: 100%;
    padding: 0.1em;
}

.icon--xs-spaced {
    margin-right: 2.75px;
}

.icon--spaced {
    margin-right: 5.5px;
}

.icon--spaced-left {
    margin-left: 5.5px;
}

.icon--load {
    width: auto;
}

.icon--spaced-top {
    margin-top: -3px;
}

.icon--spaced-bottom {
    margin-bottom: 5.5px;
}

.social-media {
    margin-bottom: 22px;
}

.social-media>a:focus .social-media__icon--facebook {
    color: #3b5998;
}

.social-media>a:focus .social-media__icon--twitter {
    color: #55acee;
}

.social-media>a:focus .social-media__icon--pinterest {
    color: #cb2027;
}

.social-media__icon {
    width: 3em;
    height: 3em;
    font-size: 1rem;
}

.social-media__icon--facebook:hover {
    color: #3b5998;
}

.social-media__icon--twitter:hover {
    color: #55acee;
}

.social-media__icon--pinterest:hover {
    color: #cb2027;
}

.social-media--r2 .social-media__label {
    display: none;
}

@media (min-width: 640px) {
    .social-media--r2 .social-media__label {
        display: inline-block;
    }
}

.social-media--r2 .social-media__icon--facebook {
    color: #3b5998;
}

.social-media--r2 .social-media__icon--facebook:hover {
    color: #5f7ec1;
}

.social-media--r2 .social-media__icon--twitter {
    color: #55acee;
}

.social-media--r2 .social-media__icon--twitter:hover {
    color: #9bcef5;
}

.social-media--r2 .social-media__icon--pinterest {
    color: #cb2027;
}

.social-media--r2 .social-media__icon--pinterest:hover {
    color: #e76a6f;
}

.social-media--review {
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 960px) {
    .social-media--review {
        margin-bottom: 0;
    }
}

.social-media--review .social-media__label {
    display: inline-block;
    margin-right: 0.5em;
}

.icon-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 700px;
    margin: 0 auto;
}

.icon-links__link {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}

.icon-links__link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.icon-links__link--optimisations {
    width: 7rem;
}

@media (min-width: 640px) {
    .icon-links__link--optimisations {
        width: auto;
    }
}

.icon-links__link--optimisations .icon-link__icon-wrap {
    width: 4.5rem;
    height: 4.5rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .icon-links__link--optimisations .icon-link__icon-wrap {
        width: 8.25rem;
        height: 8.25rem;
    }
}

.icon-links__link--optimisations .icon-link__icon {
    font-size: 1.5rem;
}

@media (min-width: 640px) {
    .icon-links__link--optimisations .icon-link__icon {
        font-size: 3.5rem;
    }
}

.icon-links__link--lightbox {
    max-width: 11rem;
}

.icon-links__link--lightbox .icon-link__icon-wrap {
    width: 4.5rem;
    height: 4.5rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .icon-links__link--lightbox .icon-link__icon-wrap {
        width: 6.25rem;
        height: 6.25rem;
    }
}

.icon-links__link--lightbox .icon-link__icon {
    font-size: 1.5rem;
}

@media (min-width: 640px) {
    .icon-links__link--lightbox .icon-link__icon {
        font-size: 2rem;
    }
}

.icon-link__icon-wrap {
    margin-bottom: 22px;
    text-align: center;
    background: #25861E;
    position: relative;
    width: 8.25rem;
    height: 8.25rem;
    border-radius: 50%;
    border: 5px solid #DFDFDF;
}

.icon-link__icon {
    font-size: 3.5rem;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.icon-multilinks {
    max-width: 860px;
    margin: 0 1em;
}

.icon-multilinks::after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 960px) {
    .icon-multilinks {
        margin: 0 auto;
    }
}

.icon-multilinks__col {
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    width: 100%;
    border: 0;
    position: relative;
    padding: 0;
    padding-bottom: 2em;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    margin-bottom: 2em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

.icon-multilinks__col:last-of-type {
    background-image: none;
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .icon-multilinks__col {
        float: left;
        width: 50%;
        padding: 0 2em;
        margin-bottom: 0;
        padding-bottom: 0;
        background-image: linear-gradient(to bottom, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
        background-position: right;
        background-size: 2px 6px;
        background-repeat: repeat-y;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.icon-multilinks__col__icon-container {
    width: 5.5rem;
    height: 5.5rem;
    position: relative;
    border-radius: 50%;
    border: 4px solid #EFEFEF;
    background-color: #25861E;
    margin-right: 0;
    margin-bottom: 22px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (min-width: 960px) {
    .icon-multilinks__col__icon-container {
        margin-right: 22px;
        margin-bottom: 0;
    }
}

.icon-multilinks__col__icon-container__icon {
    position: absolute;
    bottom: 50%;
    right: 50%;
    font-size: 2rem;
    transform: translate(50%, 50%);
    color: #ffffff;
}

.icon-multilinks__col__links-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 960px) {
    .icon-multilinks__col__links-list {
        text-align: left;
    }
}

.icon-multilinks__col__links-list__item {
    margin-bottom: 0.75em;
}

.icon-multilinks__col__links-list__item:last-of-type {
    margin-bottom: 0;
}

.icon-multilinks__col__links-list__link {
    display: block;
    margin-bottom: 0;
    color: #ffffff;
    text-decoration: none;
}

.icon-multilinks__col__links-list__link .icon {
    font-size: 0.9em;
}

@media print {
    body {
        padding: 22px;
    }
}

.header {
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1em 0 0;
    position: relative;
    height: 80px;
    border-bottom: 1px solid #9EABB2;
    z-index: 14;
    padding: 0 11px;
}

@media (max-width: 639px) {
    .header {
        height: 48px;
    }
}

.header__brand {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.8em;
    margin-bottom: 0.7em;
}

@media (min-width: 960px) {
    .header__brand {
        width: 175px;
    }
}

.header__brand__image {
    display: block;
}

.header__main {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 12;
    width: 100%;
    background-color: #25861E;
}

@media (min-width: 1100px) {
    .header__main {
        position: static;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 22px;
        background-color: transparent;
        display: block;
    }
}

.header__main.is-active {
    display: block;
}

.header__main.is-active .header__nav {
    display: block;
}

.header__main.is-active .header__search {
    display: block;
}

@media (min-width: 1100px) {
    .header__main.is-active .header__nav {
        display: none;
    }
    .header__main.is-active .header__search {
        display: block;
    }
}

.header__main .header__nav.is-closed {
    display: none;
}

.header__main__container {
    max-width: none;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 1100px) {
    .header__main__container {
        max-width: 840px;
        text-align: center;
    }
}

.header__nav {
    transition: min-height 0.5s;
    height: 0;
    overflow: hidden;
}

.header__nav.is-open {
    height: auto;
}

@media (min-width: 1100px) {
    .header__nav {
        margin: 0;
        height: auto;
        overflow: visible;
    }
}

.header__nav__link {
    display: block;
    margin-bottom: 0;
    margin-right: 0;
    color: #ffffff;
    text-decoration: none;
    padding: 0.8em 1.25em;
    position: relative;
    line-height: 1.5rem;
}

.header__nav__link:hover {
    background-color: #125430;
}

@media (min-width: 1100px) {
    .header__nav__link {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1.5em;
        padding: 0;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        color: #25861E;
    }
    .header__nav__link:hover {
        color: #125430;
        background-color: transparent;
    }
    .header__nav__link:last-of-type {
        margin-right: 0;
    }
    .header__nav__link.is-active:hover::after {
        background-color: #125430;
    }
    .header__nav__link.is-active::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #25861E;
        top: 100%;
        left: 0;
    }
}

.header__option {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header__profile__image {
    border-radius: 50%;
    border: 2px solid #25861E;
    width: 50px;
    height: 50px;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 639px) {
    .header__profile__image {
        height: 30px;
        width: 30px;
    }
}

.header__search {
    display: block;
    position: relative;
    margin: 11px;
}

@media (min-width: 1100px) {
    .header__search {
        display: none;
        margin: 0;
    }
}

.header__search .header__search__input {
    margin-bottom: 0;
    padding-right: 2.5em;
}

.header__search__submit {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translate(0%, -50%);
    color: #25861E;
}

.header__option__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.5em;
}

.header__option__block:last-of-type {
    margin-right: 0;
}

.header__option__button {
    width: 40px;
    height: 40px;
    color: #25861E;
    display: inline-block;
    position: relative;
}

.header__option__button.is-active .header__option__button__open {
    display: none;
}

.header__option__button.is-active .header__option__button__close {
    display: block;
}

.header__option__button__icon {
    font-size: 1.75rem;
}

@media (max-width: 639px) {
    .header__option__button__icon {
        font-size: 1.5rem;
    }
}

.header__option__button__close {
    display: none;
    font-size: 1.35em;
    margin: 0 auto;
}

.header__option__button__open {
    font-size: 1.5rem;
    display: block;
    margin: 0 auto;
}

.header__notification {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.header__profile {
    height: 50px;
}

@media (max-width: 639px) {
    .header__profile {
        height: 30px;
    }
}

.header__profile__hr {
    margin: 5.5px 0.85em;
}

.header__profile__link {
    display: block;
    margin-bottom: 0;
    padding: 0.5em 0.8em;
    text-align: center;
    color: #39464E;
    text-decoration: none;
}

.header__profile__link:hover {
    color: #25861E;
}

.header__hr {
    margin: 0 0.85em;
    margin-top: 0.8em;
    display: block;
}

@media (min-width: 1100px) {
    .header__hr {
        display: none;
    }
}

.header__floated-dropdown__wrapper {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

@media (min-width: 640px) {
    .header__floated-dropdown__wrapper {
        position: relative;
    }
}

.header__floated-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 22px);
    right: 50%;
    width: 100%;
    margin-bottom: 11px;
    transform: translateX(50%);
    max-width: calc(100% - 22px);
    z-index: 12;
    background-color: #ffffff;
    padding: 11px;
    border: 1px solid #9EABB2;
    border-radius: 0.3em;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

@media (min-width: 1100px) {
    .header__floated-dropdown {
        max-width: none;
    }
}

.header__floated-dropdown.is-active {
    display: block;
}

@media (min-width: 640px) {
    .header__floated-dropdown {
        max-width: 320px;
        width: 320px;
        right: -0.5em;
        transform: none;
    }
}

.header__floated-dropdown__indicator {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 15px 17px;
    border-color: transparent transparent #9EABB2 transparent;
    position: absolute;
    bottom: 100%;
    right: 3.35em;
}

.header__floated-dropdown__indicator::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 14px 16px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, 1px);
}

@media (min-width: 640px) {
    .header__floated-dropdown__indicator {
        right: 1em;
    }
}

.header__floated-dropdown--no-wrap {
    padding: 0;
}

.header__floated-dropdown--overflow .header__floated-dropdown__container {
    overflow-y: scroll;
    height: 100%;
    max-height: 480px;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5.5px;
}

.header__floated-dropdown--overflow .header__floated-dropdown__container::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.header__floated-dropdown--overflow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to top, white 25%, rgba(255, 255, 255, 0.05) 66%);
    pointer-events: none;
}

.header__floated-dropdown__indicator--notification {
    right: 6.5em;
}

@media (min-width: 640px) {
    .header__floated-dropdown__indicator--notification {
        right: 0.7em;
    }
}

.header__option__block--hide-desktop {
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 1100px) {
    .header__option__block--hide-desktop {
        display: none;
    }
}

.header__option__block--hide-mobile {
    display: none;
}

@media (min-width: 1100px) {
    .header__option__block--hide-mobile {
        display: -ms-flexbox;
        display: flex;
    }
}

.header__hamburger__expander {
    padding-top: 0.5em;
    margin: 0 auto;
    display: none;
    color: #ffffff;
}

@media (min-width: 1100px) {
    .header__hamburger__expander {
        display: none;
    }
}

.header__hamburger__expander.is-visible {
    display: block;
}

@media (min-width: 1100px) {
    .header__hamburger__expander.is-visible {
        display: none;
    }
}

.header__search__suggestions {
    position: absolute;
    top: calc(100% + 5.5px);
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 11px;
    border-radius: 0.3em;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
    display: none;
    text-align: left;
}

.header__search__suggestions.is-active {
    display: block;
    z-index: 1;
}

.header__search__suggestions__heading {
    margin-bottom: 0;
    padding-left: 0;
}

@media (min-width: 1100px) {
    .header__search__suggestions__heading {
        padding-left: 0.5em;
    }
}

.header__search__suggestions__item {
    display: block;
    padding: 0.8em 0;
    text-decoration: none;
    font-size: 0.975rem;
    color: #39464E;
    padding-left: 0;
}

@media (min-width: 1100px) {
    .header__search__suggestions__item {
        padding-left: 0.5em;
    }
}

.header__option__button__alerts {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(0, 20%);
    background-color: #FFDD00;
    color: #39464E;
    font-weight: 500;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 0.85em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.header__option__link {
    margin-bottom: 0;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    min-width: 80px;
}

.header__option__login {
    margin-bottom: 0;
    text-decoration: none;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

@media (min-width: 640px) {
    .header__option__login {
        font-size: 1.250rem;
    }
}

.header--team-bunch .header__brand {
    width: 142px;
}

@media (min-width: 640px) {
    .header--team-bunch .header__brand {
        width: 240px;
    }
}

@media screen and (min-width: 1250px) {
    .header--team-bunch .header__option {
        min-width: 240px;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.listing__shot {
    position: relative;
}

@media (min-width: 960px) {
    .user-links__item {
        margin-top: 1.1rem;
    }
}

.listing__shot__image--popular {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
}

@media (min-width: 640px) {
    .listing__shot__image--popular {
        min-width: 100px;
        max-width: 100px;
        min-height: 100px;
        max-height: 100px;
    }
}

.listing__shot__image {
    text-align: center;
}

.listing__shot__badge {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000000;
    border-radius: 100%;
}

.listing__shot__badge__text {
    border: 2px solid #ffffff;
    border-radius: 999em;
    width: 90px;
    height: 90px;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.listing__rank {
    position: absolute;
    top: 0;
    left: 5.5px;
    z-index: 10;
    font-size: 1.429rem;
    font-weight: 500;
}

.listing__rating {
    margin-bottom: 11px;
}

.listing__title {
    display: block;
}

.listing__description {
    margin-bottom: 22px;
}

.listing--related-products {
    min-height: 200px;
    height: 200px;
}

.listing--related-products img.relatedproduct {
    min-height: 200px;
    height: 200px;
}

.generic--profile-photo {
    border: 6px solid #8cc63f;
    border-radius: 999em;
    margin: auto;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.generic--profile-photo-l {
    min-height: 120px;
    min-width: 120px;
    max-height: 120px;
    max-width: 120px;
}

.generic--profile-photo-m {
    min-height: 100px;
    min-width: 100px;
    max-height: 100px;
    max-width: 100px;
}

.generic--profile-photo-s {
    min-height: 80px;
    min-width: 80px;
    max-height: 80px;
    max-width: 80px;
}

.listing--related {
    position: relative;
    border-bottom: 2px dotted #DFDFDF;
    padding-bottom: 22px;
    margin-bottom: 22px;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 960px) {
    .listing--related {
        display: block;
    }
}

@media (min-width: 960px) {
    .listing--related {
        display: -ms-flexbox;
        display: flex;
    }
}

.listing--related .listing__shot {
    width: 40%;
    padding-left: 33px;
}

@media (min-width: 960px) {
    .listing--related .listing__shot {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .listing--related .listing__shot {
        width: 50%;
    }
}

.listing--related .listing__shot--profile img {
    border: 4px solid #A5C84D;
    border-radius: 100%;
}

.listing--related .listing__information {
    width: 60%;
    padding: 0 0 0 11px;
    max-width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width: 960px) {
    .listing--related .listing__information {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .listing--related .listing__information {
        width: 100%;
    }
}

.listing--related .listing__information--space-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listing--related .listing__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listing--related .listing__stats__item {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.listing--related .listing__title {
    max-width: 100%;
}

.listing__date {
    margin-bottom: 6px;
}

.listing--notification {
    color: #39464E;
}

.listing--notification .listing__shot {
    text-align: center;
}

.listing--notification .listing__shot__image {
    border: 2px solid #A5C84D;
    border-radius: 100%;
    width: 58px;
    height: 58px;
}

.listing--notification .listing__information {
    margin-bottom: 5.5px;
}

.listing__image {
    max-width: 180px;
    max-height: 180px;
}

.rating {
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .rating {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) {
    .rating {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.rating__points {
    margin-bottom: 0.5em;
}

@media (min-width: 640px) {
    .rating__points {
        margin-bottom: 0;
    }
}

.rating__stats {
    margin-left: 0;
}

@media (min-width: 640px) {
    .rating__stats {
        margin-left: 1em;
    }
}

.rating__point {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
}

.rating__point:last-of-type {
    margin-right: 0;
}

.rating__half,
.rating__empty,
.rating__fill {
    fill: #A5C84D;
    font-size: 1.4rem;
}

.rating__half {
    display: none;
}

.rating__fill {
    display: none;
}

.rating[data-rating="0.5"] .rating__point:nth-of-type(1) .rating__fill {
    display: none;
}

.rating[data-rating="0.5"] .rating__point:nth-of-type(1) .rating__half {
    display: block;
}

.rating[data-rating="0.5"] .rating__point:nth-of-type(1) .rating__empty {
    display: none;
}

.rating[data-rating="1"] .rating__point:nth-of-type(1) .rating__fill {
    display: block;
}

.rating[data-rating="1"] .rating__point:nth-of-type(1) .rating__half {
    display: none;
}

.rating[data-rating="1"] .rating__point:nth-of-type(1) .rating__empty {
    display: none;
}

.rating[data-rating="1.5"] .rating__point:nth-of-type(1) .rating__fill {
    display: block;
}

.rating[data-rating="1.5"] .rating__point:nth-of-type(1) .rating__half {
    display: none;
}

.rating[data-rating="1.5"] .rating__point:nth-of-type(1) .rating__empty {
    display: none;
}

.rating[data-rating="1.5"] .rating__point:nth-of-type(2) .rating__half {
    display: block;
}

.rating[data-rating="1.5"] .rating__point:nth-of-type(2) .rating__empty {
    display: none;
}

.rating[data-rating="2"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="2"] .rating__point:nth-of-type(2) .rating__fill {
    display: block;
}

.rating[data-rating="2"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="2"] .rating__point:nth-of-type(2) .rating__half {
    display: none;
}

.rating[data-rating="2"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="2"] .rating__point:nth-of-type(2) .rating__empty {
    display: none;
}

.rating[data-rating="2.5"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="2.5"] .rating__point:nth-of-type(2) .rating__fill {
    display: block;
}

.rating[data-rating="2.5"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="2.5"] .rating__point:nth-of-type(2) .rating__half {
    display: none;
}

.rating[data-rating="2.5"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="2.5"] .rating__point:nth-of-type(2) .rating__empty {
    display: none;
}

.rating[data-rating="2.5"] .rating__point:nth-of-type(3) .rating__half {
    display: block;
}

.rating[data-rating="2.5"] .rating__point:nth-of-type(3) .rating__empty {
    display: none;
}

.rating[data-rating="3"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="3"] .rating__point:nth-of-type(2) .rating__fill,
.rating[data-rating="3"] .rating__point:nth-of-type(3) .rating__fill {
    display: block;
}

.rating[data-rating="3"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="3"] .rating__point:nth-of-type(2) .rating__half,
.rating[data-rating="3"] .rating__point:nth-of-type(3) .rating__half {
    display: none;
}

.rating[data-rating="3"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="3"] .rating__point:nth-of-type(2) .rating__empty,
.rating[data-rating="3"] .rating__point:nth-of-type(3) .rating__empty {
    display: none;
}

.rating[data-rating="3.5"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="3.5"] .rating__point:nth-of-type(2) .rating__fill,
.rating[data-rating="3.5"] .rating__point:nth-of-type(3) .rating__fill {
    display: block;
}

.rating[data-rating="3.5"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="3.5"] .rating__point:nth-of-type(2) .rating__half,
.rating[data-rating="3.5"] .rating__point:nth-of-type(3) .rating__half {
    display: none;
}

.rating[data-rating="3.5"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="3.5"] .rating__point:nth-of-type(2) .rating__empty,
.rating[data-rating="3.5"] .rating__point:nth-of-type(3) .rating__empty {
    display: none;
}

.rating[data-rating="3.5"] .rating__point:nth-of-type(4) .rating__half {
    display: block;
}

.rating[data-rating="3.5"] .rating__point:nth-of-type(4) .rating__empty {
    display: none;
}

.rating[data-rating="4"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="4"] .rating__point:nth-of-type(2) .rating__fill,
.rating[data-rating="4"] .rating__point:nth-of-type(3) .rating__fill,
.rating[data-rating="4"] .rating__point:nth-of-type(4) .rating__fill {
    display: block;
}

.rating[data-rating="4"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="4"] .rating__point:nth-of-type(2) .rating__half,
.rating[data-rating="4"] .rating__point:nth-of-type(3) .rating__half,
.rating[data-rating="4"] .rating__point:nth-of-type(4) .rating__half {
    display: none;
}

.rating[data-rating="4"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="4"] .rating__point:nth-of-type(2) .rating__empty,
.rating[data-rating="4"] .rating__point:nth-of-type(3) .rating__empty,
.rating[data-rating="4"] .rating__point:nth-of-type(4) .rating__empty {
    display: none;
}

.rating[data-rating="4.5"] .rating__point:nth-of-type(1) .rating__fill,
.rating[data-rating="4.5"] .rating__point:nth-of-type(2) .rating__fill,
.rating[data-rating="4.5"] .rating__point:nth-of-type(3) .rating__fill,
.rating[data-rating="4.5"] .rating__point:nth-of-type(4) .rating__fill {
    display: block;
}

.rating[data-rating="4.5"] .rating__point:nth-of-type(1) .rating__half,
.rating[data-rating="4.5"] .rating__point:nth-of-type(2) .rating__half,
.rating[data-rating="4.5"] .rating__point:nth-of-type(3) .rating__half,
.rating[data-rating="4.5"] .rating__point:nth-of-type(4) .rating__half {
    display: none;
}

.rating[data-rating="4.5"] .rating__point:nth-of-type(1) .rating__empty,
.rating[data-rating="4.5"] .rating__point:nth-of-type(2) .rating__empty,
.rating[data-rating="4.5"] .rating__point:nth-of-type(3) .rating__empty,
.rating[data-rating="4.5"] .rating__point:nth-of-type(4) .rating__empty {
    display: none;
}

.rating[data-rating="4.5"] .rating__point:nth-of-type(5) .rating__half {
    display: block;
}

.rating[data-rating="4.5"] .rating__point:nth-of-type(5) .rating__empty {
    display: none;
}

.rating[data-rating="5"] .rating__fill {
    display: block;
}

.rating[data-rating="5"] .rating__empty {
    display: none;
}

.rating--comment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px;
}

.rating--comment .rating__half,
.rating--comment .rating__empty,
.rating--comment .rating__fill {
    font-size: 1rem;
}

@media (min-width: 640px) {
    .rating--comment .rating__half,
    .rating--comment .rating__empty,
    .rating--comment .rating__fill {
        font-size: 1rem;
    }
}

.rating--comment .rating__point {
    margin-right: 0;
}

.rating--product-tile {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
}

.rating--product-tile .rating__half,
.rating--product-tile .rating__empty,
.rating--product-tile .rating__fill {
    font-size: 0.9rem;
}

@media (min-width: 640px) {
    .rating--product-tile .rating__half,
    .rating--product-tile .rating__empty,
    .rating--product-tile .rating__fill {
        font-size: 1.1rem;
    }
}

.rating--product-tile .rating__point {
    margin-right: 0;
}

.rating--product-tile .rating__points {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .rating--product-tile .rating__points {
        margin-bottom: 0.25em;
    }
}

.rating--product-tile .rating__stats {
    margin-left: 0;
    color: #39464E;
    font-size: 0.7rem;
}

@media (min-width: 640px) {
    .rating--product-tile .rating__stats {
        font-size: 0.85rem;
    }
}

.rating--product-tile-slip {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
}

.rating--product-tile-slip .rating__half,
.rating--product-tile-slip .rating__empty,
.rating--product-tile-slip .rating__fill {
    font-size: 0.85rem;
}

.rating--product-tile-slip .rating__point {
    margin-right: 0;
}

.rating--product-tile-slip .rating__stats {
    margin-left: 0;
    color: #39464E;
    font-size: 0.7rem;
}

@media (min-width: 640px) {
    .rating--product-tile-slip .rating__stats {
        font-size: 0.8125rem;
    }
}

.rating--inline {
    margin-bottom: 0.5em;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 640px) {
    .rating--inline {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
    .rating--inline .rating__stats {
        margin-left: 1em;
    }
}

.rating__point__container {
    display: inline-block;
}

.rating--select {
    -ms-flex-align: start;
    align-items: flex-start;
}

.rating--select .rating__point {
    cursor: pointer;
}

.rating__stats--team-bunch {
    display: none;
}

.rating--product-tile__team {
    display: none;
}

.rating-wrapper--team-bunch {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.rating-wrapper--team-bunch .rating--product-tile__team {
    display: block;
}

.rating-wrapper--team-bunch .rating--product-tile__team.rating--product-tile-slip {
    display: -ms-flexbox;
    display: flex;
}

.rating-wrapper--team-bunch .rating--product-tile {
    width: 50%;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating--product-tile {
        width: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.rating-wrapper--team-bunch .rating--product-tile:first-of-type {
    padding-right: 0.5rem;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating--product-tile:first-of-type {
        padding-right: 0;
    }
}

.rating-wrapper--team-bunch .rating--product-tile:last-of-type {
    padding-left: 0.5rem;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating--product-tile:last-of-type {
        padding-left: 0;
    }
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating--product-tile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: left;
        justify-content: left;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating__points {
        padding-right: 7px;
    }
}

.rating-wrapper--team-bunch .rating__stats span {
    display: none;
}

.rating-wrapper--team-bunch .rating__stats .rating__stats--team-bunch {
    display: inline;
    white-space: nowrap;
}

.rating-wrapper--team-bunch .rating__stats .rating__stats--team-bunch>span {
    display: inline;
}

.rating-wrapper--team-bunch .rating--product-tile .rating__half,
.rating-wrapper--team-bunch .rating--product-tile .rating__empty,
.rating-wrapper--team-bunch .rating--product-tile .rating__fill {
    font-size: 1rem;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch .rating--product-tile .rating__half,
    .rating-wrapper--team-bunch .rating--product-tile .rating__empty,
    .rating-wrapper--team-bunch .rating--product-tile .rating__fill {
        font-size: 0.75rem;
    }
}

.rating-wrapper--team-bunch .rating--product-tile .rating__point {
    margin-right: -4px;
}

.rating-wrapper--team-bunch .rating--product-tile .rating__point:first-of-type {
    margin-left: -2px;
}

.rating--product-tile__team .rating__half,
.rating--product-tile__team .rating__empty,
.rating--product-tile__team .rating__fill {
    fill: #25861E;
}

.rating-wrapper--team-bunch__slip {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 640px) {
    .rating-wrapper--team-bunch__slip {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.rating-wrapper--team-bunch__slip .rating--inline {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch__slip .rating--inline {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 640px) {
    .rating-wrapper--team-bunch__slip .rating--product-tile__team {
        margin-right: 20px;
    }
}

.rating-wrapper--team-bunch__slip .rating__points {
    margin-top: -4px;
}

@media (max-width: 959px) {
    .rating-wrapper--team-bunch__slip .rating__point {
        margin-left: -4px;
    }
}

.rating__stats--team,
.rating-outer--team {
    display: none;
}

.rating-outer {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.rating-wrapper--details-team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 960px) {
    .rating-wrapper--details-team {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}

.rating-wrapper--details-team .rating {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: start;
    align-items: flex-start;
}

.rating-wrapper--details-team .rating .rating__stats {
    margin-left: 0;
    font-size: 0.8125rem;
}

.rating-wrapper--details-team .rating__stats--team {
    display: inline;
}

.rating-wrapper--details-team .rating__stats span:first-of-type {
    display: block;
    font-size: 1rem;
    line-height: 1.38;
}

.rating-wrapper--details-team .rating__points {
    margin-top: 0.66em;
}

.rating-wrapper--details-team .rating-outer--customer .bar-rating {
    margin-left: 36px;
}

@media (min-width: 640px) {
    .rating-wrapper--details-team .rating-outer--customer .bar-rating {
        margin-left: 0px;
    }
}

.rating-wrapper--details-team .rating-outer--team {
    display: block;
    margin-right: 0px;
}

@media (min-width: 640px) {
    .rating-wrapper--details-team .rating-outer--team {
        margin-right: 66px;
    }
}

.rating-wrapper--details-team .rating-outer--team svg {
    fill: #25861E;
}

.rating-wrapper--details-team .rating-outer--team .bar-rating {
    margin-right: -14px;
}

@media (min-width: 640px) {
    .rating-wrapper--details-team .rating-outer--team .bar-rating {
        margin-right: -50px;
    }
}

.rating-wrapper--details-team .rating-outer--team .bar-rating .bar-rating__bar__progress {
    background-color: #25861E;
}

.rating-wrapper--details-team .rating__point {
    margin-right: -4px;
}

.rating-wrapper--details-team .rating__point svg {
    height: 1em;
    width: 1em;
}

@media (min-width: 640px) {
    .rating-wrapper--details-team .rating__point svg {
        height: 1.15em;
        width: 1.15em;
    }
}

.product-tile--slip-team .rating--team svg {
    fill: #25861E;
}

@media (max-width: 959px) {
    .feedback__filter {
        margin-bottom: 22px;
    }
}

@media (min-width: 960px) {
    .feedback__filter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.feedback__filter__desktop {
    display: none;
}

@media (min-width: 960px) {
    .feedback__filter__desktop {
        display: inline-block;
        width: 100%;
    }
}

.feedback__filter__mobile {
    display: inline-block;
}

@media (min-width: 960px) {
    .feedback__filter__mobile {
        display: none;
    }
}

.feedback__filter__item {
    width: 100%;
    margin-bottom: 5.5px;
    margin-right: 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
}

@media (min-width: 960px) {
    .feedback__filter__item {
        display: inline-block;
        width: auto;
        text-align: left;
    }
}

.feedback__filter__item:last-of-type {
    margin-right: 0;
}

@media (min-width: 640px) {
    .feedback__filter__item--tablet-small {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
}

@media (min-width: 960px) {
    .feedback__filter__item--tablet-small {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.feedback__filter__item--collapse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.feedback__filter__item--inline {
    display: inline-block;
    width: auto;
}

.feedback__filter__item--right {
    float: none;
}

@media (min-width: 960px) {
    .feedback__filter__item--right {
        margin-left: auto;
    }
}

.filter__item__label {
    width: 20%;
    text-align: center;
    margin-right: 10px;
}

@media (min-width: 960px) {
    .filter__item__label {
        width: auto;
    }
}

.filter__item__select--full {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.feedback__filter__mobile--full {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media (max-width: 639px) {
    .feedback__filter__mobile--full {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.feedback__filter__tablet--small {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (max-width: 639px) {
    .feedback__filter__tablet--small {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.feedback__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 22px;
}

@media (min-width: 960px) {
    .feedback__block {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 959px) {
    .feedback__block--mobile-horizontal {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .feedback__block--mobile-horizontal .feedback__block__user {
        width: auto;
        padding-right: 22px;
    }
    .feedback__block--mobile-horizontal .feedback__block__user .user__name {
        text-align: center;
    }
}

.feedback__block__user {
    width: 100%;
}

@media (min-width: 960px) {
    .feedback__block__user {
        width: 15%;
        float: left;
        margin-right: 22px;
    }
    .feedback__block__user::after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (max-width: 959px) {
    .feedback__block__user--mobile {
        width: 50%;
    }
}

.feedback__block__content {
    position: relative;
    width: 100%;
    min-width: 0;
    border: 1px solid #DFDFDF;
    border-radius: 11px;
    padding: 22px;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.feedback__block__content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    transform: rotate(45deg) translate(-75%, 0%);
    width: 20px;
    height: 20px;
    border-bottom: 0;
    border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    background-color: #ffffff;
    z-index: 1;
}

@media (min-width: 960px) {
    .feedback__block__content {
        width: 85%;
        display: inline-block;
    }
    .feedback__block__content::after {
        content: '';
        position: absolute;
        top: 40px;
        left: 0;
        transform: rotate(45deg) translate(-75%, 0%);
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #DFDFDF;
        border-top: 0;
        border-left: 1px solid #DFDFDF;
        background-color: #ffffff;
        z-index: 1;
    }
}

@media (max-width: 959px) {
    .feedback__block__content--horizontal {
        background-color: #ffffff;
    }
    .feedback__block__content--horizontal::after {
        content: '';
        position: absolute;
        top: 40px;
        left: 0;
        transform: rotate(45deg) translate(-75%, 0%);
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #DFDFDF;
        border-top: 0;
        border-left: 1px solid #DFDFDF;
        z-index: 1;
    }
}

@media (max-width: 959px) {
    .feedback__block__content--horizontal {
        background-color: #ffffff;
    }
    .feedback__block__content--horizontal::after {
        content: '';
        position: absolute;
        top: 40px;
        left: 0;
        transform: rotate(45deg) translate(-75%, 0%);
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #DFDFDF;
        border-top: 0;
        border-left: 1px solid #DFDFDF;
        z-index: 1;
    }
}

.feedback__block__content--bare {
    border: 0;
    padding: 0;
}

.feedback__block__content--bare::after {
    content: none;
}

.feedback__block__content--my-review {
    border-color: #25861E;
}

.feedback__block__content--my-review::after {
    border-color: #25861E;
}

.feedback__block__content--my-review>.content:first-child::before {
    content: 'My Review';
    color: #A5C84D;
    display: block;
    margin-bottom: 1rem;
}

.feedback__block__product {
    width: auto;
    max-width: 50%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 11px;
}

@media (min-width: 960px) {
    .feedback__block__product {
        width: 15%;
    }
}

.feedback__block__product .product__image {
    display: block;
}

.feedback__block--profile-review .feedback__block__content {
    width: 100%;
}

.feedback__block--profile-review .feedback__block__content:after {
    content: none;
}

.feedback__filter--mobile-accordion {
    display: none;
}

@media (max-width: 959px) {
    .feedback__filter--mobile-accordion {
        display: block;
    }
}

.feedback__filter--mobile-accordion .accordion__head {
    margin-top: 0;
    color: #ffffff;
    background-color: #25861E;
    border-radius: 0;
}

.feedback__filter--mobile-accordion .accordion__head.is-open {
    color: #25861E;
    background-color: #ffffff;
}

.feedback__filter--mobile-accordion .accordion__content {
    background-color: #ffffff;
}

.feedback__filter--mobile-accordion .accordion__content__inner {
    padding: 22px;
}

.feedback__filter--mobile-accordion .filter__item__label {
    width: auto;
    margin: 0;
}

.feedback__filter--mobile-accordion .filter__item__select {
    margin-bottom: 5.5px;
}

.feedback__filter--mobile-accordion .filter__item__select--full {
    width: 100%;
    max-width: 100%;
}

.feedback-rating__description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px;
}

.feedback__filter__right-module,
.feedback__filter__left-module {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.feedback__filter__right-module .filter__item__label,
.feedback__filter__left-module .filter__item__label {
    margin-bottom: 0;
    margin-right: 0;
}

.feedback__filter__right-module {
    float: right;
}

.feedback__filter__right-module::after {
    content: "";
    display: table;
    clear: both;
}

.feedback__filter__left-module {
    float: left;
}

.feedback__filter__left-module::after {
    content: "";
    display: table;
    clear: both;
}

.feedback__filter__item__switch .styled-radio-button {
    float: left;
}

.feedback__filter__item__switch .styled-radio-button .button {
    border: 2px solid #EFEFEF;
    color: #39464E;
    font-size: 1rem;
    padding: 0.8rem 1rem;
}

.feedback__filter__item__switch .styled-radio-button .button:hover {
    background-color: #DFDFDF;
}

.feedback__filter__item__switch .styled-radio-button::after {
    content: "";
    display: table;
    clear: both;
}

.feedback__filter__item__switch .styled-radio-button input:checked+label.button {
    background-color: #EFEFEF;
    color: #39464E;
}

.feedback__filter__item__switch .styled-label {
    margin-bottom: 0;
}

.article-related {
    display: block;
    position: relative;
    margin-bottom: 22px;
}

.article-related__image {
    width: 100%;
    display: block;
}

.article__overlay {
    visibility: hidden;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    z-index: 100;
}

.article__overlay.is-active {
    visibility: visible;
}

.article-related__overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    height: auto;
}

@media (min-width: 640px) {
    .article-related__overlay {
        height: 8.607rem;
        max-height: 8.607rem;
    }
}

.article-related__wrapper {
    padding: 22px;
    height: 100%;
}

@media (min-width: 960px) {
    .article-related__wrapper {
        display: block;
        padding: 12px 22px;
    }
}

@media (min-width: 640px) {
    .article-related__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.article-related__overlay__title {
    color: #25861E;
}

@media (min-width: 960px) {
    .article-related__overlay__title {
        margin-bottom: 5.5px;
        height: 4.2rem;
        overflow: hidden;
    }
}

.article-related__overlay__content {
    margin-bottom: 33px;
}

@media (min-width: 960px) {
    .article-related__overlay__content {
        margin-bottom: 22px;
    }
}

@media (min-width: 960px) {
    .article-related__overlay__content {
        margin-bottom: 33px;
    }
}

@media (min-width: 640px) {
    .article-related__overlay__content-3 {
        height: 3.87rem;
        max-height: 3.87rem;
    }
    .article-related__overlay__content-3::after {
        height: calc(1rem * 1.29 * 3);
    }
}

@media (min-width: 640px) {
    .article-related__overlay__content--reduced {
        margin-bottom: 11px;
    }
}

.article-related__overlay__content--inline {
    /*display: -ms-inline-flexbox;
  display: inline-flex; */
    display: none;
}

.article-related__overlay__content--inline .article-related__overlay__content__item {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-left: 1px solid #39464E;
    padding: 0 11px;
}

.article-related__overlay__content--inline .article-related__overlay__content__item:first-of-type {
    padding-left: 0;
    border-left: 0;
}

.article-related__overlay__stats {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.article-related__overlay__stats__item {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.form__element {
    margin-bottom: 11px;
}

.form__element.has-error .styled-input {
    outline-color: #c20e1a;
    border-color: #c20e1a;
    margin-bottom: 5.5px;
}

.form__element.has-error .form__validation-error {
    display: block;
    font-weight: normal;
}

.form__element.has-error .form__element__wrapper {
    margin-bottom: 5.5px;
}

.form__element.has-error .method-form__content {
    margin-bottom: 0;
}

.form__element.has-error .chosen-choices {
    border-color: #c20e1a;
}

.form__element.has-error .chosen-container {
    margin-bottom: 5.5px;
}

.form__element.has-error .styled-checkbox__icon-container {
    outline: 1px solid #c20e1a;
    outline-offset: -1px;
}

.form__element--inline {
    display: inline-block;
}

.form__element--small .styled-label {
    font-size: 0.875rem;
}

.form__element--small .styled-select {
    font-size: 0.875rem;
}

.form__validation-error {
    display: none;
    color: #c20e1a;
    font-size: 0.75rem;
    line-height: 1;
}

.form__validation-error .icon {
    width: 1em;
    height: 1em;
}

.form__submit {
    display: block;
}

@media (min-width: 960px) {
    .form__submit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.form__submit--center {
    display: block;
}

@media (min-width: 960px) {
    .form__submit--center {
        display: block;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.form__submit__message {
    display: none;
}

.form__submit__message.is-active {
    display: inline-block;
    margin-bottom: 22px;
}

.form__submit__message.is-successful {
    color: #25861E;
}

.form__submit__message__code {
    font-weight: bold;
    margin-bottom: 0;
    color: #39464E;
}

.form__submit__status__text {
    display: none;
}

.form__submit__status__text.is-active {
    display: block;
}

.form__submit__button__text.is-hidden {
    display: none;
}

.styled-label,
.filter__item__label {
    display: inline-block;
    margin-bottom: 0.25rem;
    font-size: 1.143rem;
    font-weight: 500;
    font-family: 'FreshSans';
    min-height: 1.375rem;
}

@media (min-width: 960px) {
    .styled-label--bottom-spaced {
        margin-bottom: 1.3rem;
    }
}

.styled-label--sub {
    font-size: 1rem;
    margin-bottom: 0.35em;
}

.styled-input,
.chosen-container .chosen-search-input,
.search__input {
    margin-bottom: 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.75em 1em 0.75em 1em;
    width: 100%;
    min-height: 3.2rem;
    outline: 1px solid #DFDFDF;
    outline-offset: -1px;
    font-size: 1rem;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    color: #39464E;
}

.styled-input--outline {
    border-color: #9EABB2;
}

.styled-select,
.filter__item__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.8rem 2.4rem 0.8rem 1.5rem;
    border-radius: 999em;
    cursor: pointer;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    color: #25861E;
    width: 160px;
    font-size: 1rem;
    font-weight: 500;
    background: transparent url("../media/angle-down--dark.png");
    background-position: center right 11px;
    background-repeat: no-repeat;
    background-size: 14px auto;
}

.styled-select::-ms-expand,
.filter__item__select::-ms-expand {
    display: none;
}

.styled-select:focus,
.filter__item__select:focus {
    outline: none;
}

.styled-select[disabled],
[disabled].filter__item__select {
    border-color: #9eabb2;
    color: #9eabb2;
    background: none;
    padding-right: 1.2rem;
}

.styled-select+.styled-select {
    margin-left: 0.4rem;
}

@media (max-width: 639px) {
    .styled-select+.styled-select {
        margin-left: 0;
    }
}

.styled-select--full-width {
    width: 100%;
    margin-bottom: 0.75rem;
}

.styled-select--r2 {
    width: auto;
    border: 1px solid #25861E;
    padding: 0.6rem 2.6rem 0.6rem 1.2rem;
    min-height: 2.75rem;
}

.styled-select--r2.styled-select--full-width {
    width: 100%;
}

.styled-select--full-mobile {
    width: 100%;
    margin-bottom: 1rem;
}

@media (min-width: 640px) {
    .styled-select--full-mobile {
        width: auto;
        margin-bottom: 0;
    }
}

.styled-select--full-md-down {
    width: 100%;
    margin-bottom: 1rem;
}

@media (min-width: 960px) {
    .styled-select--full-md-down {
        width: auto;
        margin-bottom: 0;
    }
}

.styled-radio-button {
    display: inline-block;
}

.styled-radio-button .button {
    display: block;
    padding: 0.95rem;
    color: #25861E;
    border: 1px solid #DFDFDF;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: none;
}

.styled-radio-button .button.button--no-border {
    border-radius: 0;
}

.styled-radio-button .button.button--no-border.radio-button--left {
    border-right: 0;
}

.styled-radio-button .button.button--no-border.radio-button--right {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

.styled-radio-button.two-selector {
    width: 50%;
    float: left;
    text-align: center;
}

.styled-radio-button.two-selector--small {
    max-width: 135px;
    float: left;
}

.styled-radio-button.two-selector--small>label {
    text-transform: initial;
}

.styled-radio-button.two-selector--small:first-of-type {
    margin-left: auto;
}

.styled-radio-button .radio-button--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #25861E;
}

.styled-radio-button .radio-button--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid #25861E;
}

.styled-radio-button input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.styled-radio-button input:checked+label.button {
    background-color: #25861E;
    color: #ffffff;
}

.styled-radio-button input:focus+label.button {
    box-shadow: 0 0 3px 1px #A5C84D;
}

.styled-radio-button label {
    margin-bottom: 11px;
}

.styled-radio-button--small .button {
    display: block;
    padding: 0.5rem;
    color: #25861E;
    border: 1px solid #DFDFDF;
    background-color: #9EABB2;
    cursor: pointer;
    box-shadow: none;
    float: left;
}

.styled-radio-button--small .button.button--no-border {
    border-radius: 0;
}

.styled-radio-button--small .button.button--no-border.radio-button--left {
    border-right: 0;
}

.styled-radio-button--small .button.button--no-border.radio-button--right {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

.styled-radio-button--small input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.styled-radio-button--small input:checked+label.button {
    background-color: #25861E;
    position: relative;
}

.styled-radio-button--small input:checked+label.button::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    border-radius: 999px;
    transform: translate(-50%, -50%);
}

.styled-radio-button--small input:checked~.styled-radio-description {
    display: block;
    margin-top: 11px;
}

.styled-radio-button--small input:focus+label.button {
    box-shadow: none;
}

.styled-radio-button--small label {
    margin-bottom: 0;
}

.styled-radio-button--small .styled-radio-description {
    display: none;
}

.styled-checkbox::after {
    content: "";
    display: table;
    clear: both;
}

.styled-checkbox--center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.styled-checkbox__icon-container {
    width: 1rem;
    height: 1rem;
    background-color: #9EABB2;
    display: block;
    cursor: pointer;
    float: left;
    position: relative;
    margin-right: 11px;
    min-width: 1rem;
    float: left;
}

.styled-radio-button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.styled-radio-button-group--list {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}

.styled-radio-button-group--list .styled-radio-button+.styled-radio-button {
    margin-top: 20.02px;
}

.styled-radio-button-group--left {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.styled-radio-button-group--left .styled-radio-button+.styled-radio-button {
    margin-left: 33px;
}

.styled-radio-button--multi-selector .button {
    width: 2.75em;
    height: 2.75em;
    text-align: center;
    border-radius: 100%;
    padding: 0.65rem;
    border: 2px solid #25861E;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
}

.styled-radio-button--multi-selector .form__validation-error {
    margin-top: 11px;
}

.styled-checkbox__icon-container__icon {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    fill: currentColor;
}

.styled-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input:checked~.styled-checkbox__icon-container {
    background-color: #25861E;
    border-color: transparent;
    border-radius: 2px;
}

input:checked~.styled-checkbox__icon-container .styled-checkbox__icon-container__icon {
    display: block;
}

.styled-checkbox--center {
    text-align: center;
}

.styled-checkbox--center .styled-checkbox__icon-container {
    float: none;
    display: inline-block;
}

.styled-checkbox--center .styled-checkbox__label {
    display: inline;
}

.styled-checkbox--indent {
    margin-left: 11px;
}

.styled-checkbox__label {
    margin-bottom: 22px;
    font-weight: normal;
    overflow: hidden;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .styled-checkbox__label {
        margin-bottom: 1.2em;
    }
}

.styled-checkbox__label--typeface-body {
    font-family: helvetica, arial, sans-serif;
}

.scale {
    position: relative;
}

.scale__horizontal-line {
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.scale__marker {
    height: 10px;
    width: 2px;
    border-left: 2px solid #25861E;
}

@media (min-width: 960px) {
    .form__element__heading__tooltip {
        float: right;
    }
}

.tooltip__link {
    margin-bottom: 11px;
}

@media (min-width: 960px) {
    .tooltip__link {
        display: inline-block;
    }
}

.tooltip__link:not(:last-of-type) {
    margin-right: 5px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form__element--title {
    width: 100%;
}

.form__element--title .styled-label {
    text-align: center;
    width: 100%;
}

.form__element--title .styled-input {
    width: 100%;
    margin-bottom: 0;
    font-weight: 500;
    height: 4.5rem;
}

.form__element--title .styled-input:-ms-input-placeholder {
    text-align: center;
    color: #9EABB2;
}

.form__element--title .styled-input::placeholder {
    text-align: center;
    color: #9EABB2;
}

@media (max-width: 639px) {
    .form__element--title .styled-input {
        font-size: 1.5rem;
    }
}

.form__element__timer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.form__element__timer .styled-input {
    padding: 0.65em 0.4em;
    text-align: center;
    margin-bottom: 0;
    min-height: 0;
}

.form__element__separator {
    padding: 0 0.25em;
}

.form__element--servings .form__element__wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.form__element--servings .form__element__wrapper .styled-select {
    margin-right: 11px;
}

.form__element--servings .form__element__wrapper .styled-input {
    margin-bottom: 0;
    width: 4em;
    padding: 0.75em 0.75em;
}

.form__element--servings .form__element__wrapper .styled-input:-ms-input-placeholder {
    text-align: center;
}

.form__element--servings .form__element__wrapper .styled-input::placeholder {
    text-align: center;
}

.form__element--servings .form__validation-error {
    text-align: right;
}

.ingredients-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
}

.ingredients-form .styled-input {
    margin-bottom: 0;
}

.ingredients-form:not(:first-of-type) {
    margin-bottom: 11px;
    padding-bottom: 11px;
}

@media (min-width: 640px) {
    .ingredients-form:not(:first-of-type) {
        padding-bottom: 0;
    }
}

.ingredients-form:not(:first-of-type):not(:last-of-type)::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 80%;
    height: 2px;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media (min-width: 640px) {
    .ingredients-form:not(:first-of-type):not(:last-of-type)::after {
        content: none;
    }
}

.ingredients-form__quantity {
    margin-right: 5.5px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

@media (min-width: 640px) {
    .ingredients-form__quantity {
        margin-right: 11px;
    }
}

.ingredients-form__quantity.has-error {
    margin-bottom: 0;
}

.ingredients-form__ingredient {
    -ms-flex: 1;
    flex: 1;
    margin-right: 5.5px;
}

@media (min-width: 640px) {
    .ingredients-form__ingredient {
        margin-right: 11px;
    }
}

.ingredients-form__ingredient.has-error {
    margin-bottom: 0;
}

.method-form__item {
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 22px;
}

.method-form__item::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 80%;
    height: 2px;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

.method-form__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px;
}

.method-form__heading__count {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    border: 1px solid #9EABB2;
    margin-left: 11px;
    color: #9EABB2;
    font-size: 1.4rem;
}

.method-form__content {
    position: relative;
    margin-bottom: 11px;
}

.method-form__content__add-image {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.method-form__upload {
    position: relative;
    display: inline-block;
}

.method-form__upload__image {
    display: block;
    max-width: 440px;
    width: 100%;
}

.method-form__upload__options {
    position: absolute;
    width: 100%;
    bottom: 1em;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1em;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.sub-label {
    display: block;
    color: #9EABB2;
    font-size: 0.825rem;
    margin-bottom: 0.5em;
}

.chosen-container-single .chosen-single abbr {
    background: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: none;
    box-shadow: none;
    border: 1px solid #25861E;
    color: #39464E;
    padding: 0.65em 2em 0.65em 0.65em;
    font-weight: bold;
}

.chosen-container .chosen-results li {
    font-weight: bold;
}

.chosen-container .chosen-results li+.active-result,
.chosen-container .chosen-results li+.result-selected {
    border-top: 1px solid #25861E;
}

.chosen-container .chosen-results li.active-result.highlighted {
    background: #25861E;
}

.chosen-container .chosen-drop {
    border-radius: 0 0 5px 5px;
    border-color: #25861E;
    font-weight: bold;
}

.chosen-container-multi .chosen-choices {
    background-image: none;
    border-radius: 5px;
}

.chosen-with-drop.chosen-container-multi .chosen-choices {
    border-radius: 5px;
    border-color: #25861E;
    padding: 0 0.5em;
}

.chosen-container {
    font-size: 1.143rem;
    font-family: 'FreshSans';
}

.chosen-container .chosen-drop {
    top: calc(100% + 0.5em);
    border-radius: 5px;
    border-top: 1px solid #25861E;
}

.chosen-container .chosen-drop .chosen-results {
    max-height: none;
}

.chosen-container .chosen-results .active-result {
    padding: 0.6em 1.1em;
    font-weight: 500;
}

.chosen-container .chosen-results .result-selected {
    padding: 0.6em 1.1em;
    font-weight: 500;
}

.chosen-container .chosen-choices .chosen-search-input {
    min-height: 2.5em;
}

.chosen-container .search-choice span {
    font-weight: 500;
    font-size: 1rem;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 52%;
    right: 0.5rem;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url("../media/wwb-times-green.png");
    background-size: contain;
    background-position: center;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: center;
}

.chosen-container .chosen-results li.no-results {
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5em;
    line-height: 1;
}

.styled-input--r2,
.chosen-container .chosen-search-input {
    min-height: 3rem;
    border-radius: 0.2em;
    border: 1px solid #DFDFDF;
    outline: 0;
    padding: 0.5em 1em;
    font-family: helvetica, arial, sans-serif;
}

.styled-input--r2.styled-input--dark,
.chosen-container .styled-input--dark.chosen-search-input {
    border-color: #9EABB2;
    background-color: #EFEFEF;
}

.styled-input--r2.styled-input--dark-contrast,
.chosen-container .styled-input--dark-contrast.chosen-search-input {
    border-color: #979797;
    background-color: #ffffff;
}

.styled-input--r2.styled-input--textarea,
.chosen-container .styled-input--textarea.chosen-search-input {
    min-height: 12rem;
    resize: vertical;
}

.styled-input--r2.styled-input--outline,
.chosen-container .styled-input--outline.chosen-search-input {
    border-color: #9EABB2;
}

.styled-input--textarea {
    resize: vertical;
}

.styled-input--textarea-dynamic {
    min-height: 0;
    resize: vertical;
}

.styled-input--username {
    width: 20rem;
    max-width: 100%;
    font-weight: 500;
    font-size: 1.75rem;
    padding: 0.25rem 1rem;
}

.styled-input--max-width {
    max-width: 20rem;
}

@media (max-width: 959px) {
    .styled-input--max-width {
        max-width: none;
    }
}

.error-message {
    display: none;
    color: #c20e1a;
    font-size: 0.75rem;
    margin-bottom: 5.5px;
    line-height: 1;
    margin-left: 0;
}

.error-message .icon {
    width: 1em;
    height: 1em;
}

@media (max-width: 959px) {
    .error-message {
        margin-left: 11px;
    }
}

.form__element__detail {
    color: #9EABB2;
    font-size: 0.7rem;
    line-height: 1;
    margin-top: -0.75rem;
    margin-bottom: 0.25rem;
}

.has-error .form__element__detail {
    margin-top: -0.25rem;
}

.styled-checkbox--select-highlight .styled-checkbox__input:checked~.styled-checkbox__label {
    font-weight: 500;
}

.styled-input--no-resize {
    resize: none;
}

.timer-layout {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.timer-layout--centered {
    -ms-flex-pack: center;
    justify-content: center;
}

.timer-layout--centered .timer-layout__col {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.timer-layout__col {
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.5em;
}

.timer-layout--form {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 640px) {
    .timer-layout--form {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.timer-layout--form .timer-layout__col {
    -ms-flex: auto;
    flex: auto;
    margin: 0;
    padding: 0 1.2em;
    max-width: 165px;
    width: 50%;
}

@media (min-width: 640px) {
    .timer-layout--form .timer-layout__col {
        -ms-flex: 1;
        flex: 1;
        margin: 0 0.5em;
        max-width: none;
        padding: 0;
        width: auto;
    }
}

.time-field__separator {
    padding: 0 0.25em;
}

.time-field__heading {
    padding: 0 0.15em 0.5em 0.15em;
    margin-bottom: 0.5em;
}

.time-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.time-field--total-time {
    margin-bottom: 0;
    text-align: center;
    padding: 0.35em 0;
}

.styled-input--timers {
    margin-bottom: 0;
    padding: 0.65em 0.4em;
    text-align: center;
    min-height: 0;
}

.styled-label--side-label {
    text-transform: uppercase;
    margin-right: 0.5em;
    margin-left: 1.3em;
    display: inline-block;
    color: #25861E;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5em;
}

@media (min-width: 960px) {
    .styled-label--side-label {
        margin-bottom: 0;
    }
}

.styled-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.styled-radio__icon-container {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    background-color: transparent;
    border: 1px solid #9EABB2;
    border-radius: 50%;
    display: block;
    position: relative;
    color: #ffffff;
    float: left;
    margin-right: 1em;
    cursor: pointer;
}

.styled-radio__icon-container::after {
    content: "";
    display: table;
    clear: both;
}

input:checked~.styled-radio__icon-container {
    background-color: #25861E;
    border-color: transparent;
}

input:checked~.styled-radio__icon-container .styled-checkbox__icon-container__icon {
    display: block;
}

.styled-checkbox__icon-container__icon {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    fill: currentColor;
}

.styled-radio__label {
    overflow: hidden;
}

.styled-radio__label::after {
    content: "";
    display: table;
    clear: both;
}

.styled-radio {
    margin-bottom: 1em;
}

.styled-radio::after {
    content: "";
    display: table;
    clear: both;
}

.styled-radio-button--r2 .styled-label {
    border-color: #9EABB2;
    text-transform: uppercase;
    font-size: 1rem;
}

.styled-radio-button--r2 .button {
    padding: 0.8rem;
}

.styled-radio-button--r2 .radio-button--left {
    border-top-left-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    border-right: 0;
}

.styled-radio-button--r2 .radio-button--right {
    border-left: 1px solid #9EABB2;
    border-top-right-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
}

.styled-select--base {
    border-radius: 0.3em;
    border-color: #9EABB2;
    background-color: #EFEFEF;
    font-weight: normal;
    color: #39464E;
    font-family: helvetica, arial, sans-serif;
}

.styled-select--dark-contrast {
    border-color: #979797;
    background-color: #ffffff;
}

.styled-select--inverted {
    color: #FFF;
    border-color: #FFF;
    background-image: url(../media/angle-down--white.png);
}

.styled-select--inverted option {
    color: #000;
}

.styled-select--small {
    min-height: 36px;
    padding: 0.3rem 2rem 0.3rem 0.6rem;
}

.styled-radio-button--base .styled-label {
    background-color: #EFEFEF;
    color: #39464E;
}

.styled-radio-button--base .styled-label:hover {
    background-color: #25861E;
}

.styled-radio-button--dark-contrast .styled-label {
    background-color: #ffffff;
    color: #39464E;
}

.styled-radio-button--dark-contrast .styled-label:hover {
    background-color: #25861E;
}

.notification-summary {
    display: none;
}

.notification-summary.is-active {
    display: block;
}

.character-count {
    text-align: right;
    color: #9EABB2;
    font-size: 0.8em;
}

.tags__generate {
    display: none;
}

.angucomplete-dropdown {
    padding: 0px;
    border-color: #9eabb2;
}

.styled-radio-button--slips {
    width: 100%;
}

.styled-radio-button--slips.is-disabled label.button {
    background-color: #EFEFEF;
    border: 0;
    cursor: pointer;
}

.styled-radio-button--slips.is-disabled label.button .styled-radio-button__description {
    opacity: 0.5;
}

.styled-radio-button--slips.is-disabled label.button .styled-radio-button__img {
    opacity: 0.5;
}

.styled-radio-button--slips.is-disabled label.button .styled-label__container {
    background-color: #EFEFEF;
    color: #39464E;
    border: 0;
}

.styled-radio-button--slips .button {
    border: 0;
    background-color: #EFEFEF;
    color: #39464E;
    position: relative;
    padding: 0;
    border-radius: 6px;
}

.styled-radio-button--slips .button:hover {
    background-color: #EFEFEF;
    color: #39464E;
}

.styled-radio-button--slips .styled-label__container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5.6rem;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 100px;
}

@media (max-width: 639px) {
    .styled-radio-button--slips .styled-label__container {
        padding-left: 3.6rem;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }
}

.styled-radio-button--slips .styled-radio-button__indicator {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    left: 1.8rem;
    transform: translateY(-50%);
    border: 1px solid #CFCFCF;
    background-color: transparent;
}

@media (max-width: 639px) {
    .styled-radio-button--slips .styled-radio-button__indicator {
        left: 0.9rem;
    }
}

.styled-radio-button--slips .styled-radio-button__indicator svg {
    display: none;
}

.styled-radio-button--slips .styled-label img {
    max-width: 100px;
    display: block;
}

@media (max-width: 639px) {
    .styled-radio-button--slips .styled-label img {
        max-width: 50px;
    }
}

.styled-radio-button--slips .styled-radio-button__description {
    margin-left: 1rem;
}

.styled-radio-button--slips .styled-radio-button__title {
    margin-bottom: 0.25rem;
    display: block;
    text-transform: none;
}

@media (max-width: 959px) {
    .styled-radio-button--slips .styled-radio-button__title {
        font-size: 0.875rem;
        margin-bottom: 0;
    }
}

.styled-radio-button--slips .styled-radio-button__subtext {
    margin-bottom: 0;
    font-family: helvetica, arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    word-break: break-all;
    line-height: 18px;
}

@media (max-width: 959px) {
    .styled-radio-button--slips .styled-radio-button__subtext {
        font-size: 0.8125rem;
    }
}

.styled-radio-button--slips input:checked+label.button .styled-label__container {
    background-color: #EFEFEF;
    color: #39464E;
    border: 0;
}

.styled-radio-button--slips input:checked+label.button .styled-radio-button__indicator {
    color: #ffffff;
    background-color: #25861E;
    border-color: transparent;
}

.styled-radio-button--slips input:checked+label.button .styled-radio-button__indicator svg {
    display: block;
}

.styled-radio-button--slips input:checked+label.button .styled-radio-button__cta-links {
    color: #39464E;
}

.styled-radio-button--slips .styled-radio-button__cta-links {
    position: absolute;
    right: 1rem;
    top: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-transform: none;
    text-align: right;
}

@media (max-width: 639px) {
    .styled-radio-button--slips .styled-radio-button__cta-links {
        position: static;
        padding-top: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 0.9rem;
        padding-right: 0.9rem;
        padding-bottom: 0.6rem;
        -ms-flex-align: center;
        align-items: center;
    }
}

.styled-radio-button--slips .styled-radio-button__cta-links p {
    margin-bottom: 0;
    font-weight: 500;
}

.styled-radio-button--slips .styled-radio-button__cta-links a {
    color: #39464E;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
}

.styled-radio-button--slips .styled-radio-button__cta-links a:hover {
    text-decoration: underline;
}

.styled-radio-button--slips-inverted .button {
    background-color: #FFF !important;
}

.styled-radio-button--slips-inverted .button:hover {
    background-color: #FFF;
}

.styled-radio-button--slips-inverted input:checked+label.button .styled-label__container {
    background-color: #FFF;
}

.styled-radio-button--slips-inverted input:checked+label.button .styled-label__container:hover {
    background-color: #FFF;
}

@media (max-width: 959px) {
    .styled-radio-button--slips-inverted .button {
        padding-bottom: 2rem;
    }
}

.styled-radio-button--slips-inverted .styled-radio-button__cta-links {
    text-decoration: underline;
}

@media (max-width: 959px) {
    .styled-radio-button--slips-inverted .styled-radio-button__cta-links {
        position: absolute;
        right: 1rem;
        top: 3.5rem;
    }
}

.styled-select--team-bunch {
    font-size: 1rem;
}

.styled-label--team-bunch {
    font-size: 0.875rem;
}

.styled-select--dark {
    border-color: #39464E;
    color: #39464E;
    background: transparent url("../media/angle-down--dark.png");
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: center right 11px;
}

.styled-input--input-textarea {
    resize: none;
    height: 3rem;
    padding-top: 0.75rem;
}

@media (max-width: 639px) {
    .styled-input--input-textarea {
        min-height: 4.2rem;
    }
}

.card-selector__fieldset {
    margin-top: 11px;
}

@media (min-width: 640px) {
    .card-selector__fieldset {
        float: right;
    }
}

.card-selector__fieldset .styled-radio-button--r2 .button {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.styled-radio-button-group.has-error+.form__validation-error {
    display: block;
}

.styled-radio-button-group.has-error+.form__validation-error a {
    color: #c20e1a;
}

.form-element__communication-email {
    display: none;
}

.has-communication-email .form-element__communication-email {
    display: block;
}

.has-communication-email .form-element__normal-email .float-layout,
.has-communication-email .form-element__normal-email .styled-tooltip {
    display: none;
}

.has-communication-email .col-sm-6:last-of-type .form__element .text-small {
    display: none;
}

.button {
    text-decoration: none;
    background-color: #25861E;
    padding: 0.8rem 2.857rem;
    border-radius: 999em;
    color: #ffffff;
    margin-bottom: 1.5rem;
}

.button:hover {
    background-color: #125430;
    color: #ffffff;
}

.button.button--ghost {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #EFEFEF;
    color: #39464E;
}

.button.button--ghost:hover {
    color: #125430;
    box-shadow: inset 0 0 0 1px #125430;
}

.button.button--outline {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #25861E;
    color: #25861E;
}

.button.button--outline:hover {
    background-color: #125430;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff;
}

.button.button--wide {
    padding: 0.8rem 3.5rem;
}

@media (min-width: 960px) {
    .button.button--wide {
        padding: 0.8rem 5rem;
    }
}

.button.button--wide-m {
    width: 75%;
}

.button.button--full {
    width: 100%;
}

.button.button--side-s {
    padding-left: 2rem;
    padding-right: 2rem;
}

.button.button--disabled {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #DFDFDF;
    color: #DFDFDF;
    pointer-events: none;
}

.button .icon--right {
    margin-left: 0.5em;
}

.button--light {
    background-color: #EFEFEF;
    color: #25861E;
}

.button--light:hover {
    background-color: #EFEFEF;
    color: #125430;
}

.button--light2 {
    background-color: #f2f2f2;
    cursor: default;
    color: #469c46;
}

.button--light2:hover {
    background-color: #f2f2f2;
    cursor: default;
    color: #469c46;
}

.button--dark {
    background-color: #125430;
}

.button--border {
    box-shadow: inset 0 0 0 1px #ffffff;
}

.button--invert {
    background-color: #ffffff;
    color: #25861E;
}

.button--secondary {
    color: #25861E;
    box-shadow: inset 0 0 0 1px #25861E;
    background-color: #ffffff;
}

.button--secondary:hover {
    background-color: #125430;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff;
}

.button--secondary.button--dark {
    background-color: #125430;
    box-shadow: inset 0 0 0 1px #ffffff;
}

.button--secondary.button--invert {
    color: #ffffff;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
}

.button__secondary__text.is-hidden {
    display: none;
}

.button--like {
    padding: 0.3rem 1.2rem;
}

.button__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
}

.button--cta {
    border-radius: 50%;
    padding: 0.75rem;
    box-shadow: none;
}

.button--cta:hover .icon {
    color: #ffffff;
}

.button--circle {
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    box-shadow: none;
}

.button--circle.button--r2 {
    padding: 0;
}

.button--circle.is-active {
    color: #125430;
}

.button--circle__icon-inactive {
    display: inline-block;
}

.is-active .button--circle__icon-inactive {
    display: none;
}

.button--circle__icon-active {
    display: none;
}

.is-active .button--circle__icon-active {
    display: inline-block;
}

.media-play {
    width: 48px;
    height: 48px;
    background-color: #25861E;
    border-radius: 100em;
}

.media-play .media-play__play {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #ffffff;
    transform: translateX(12.5%);
    margin: 0 auto;
}

.button--r2 {
    text-transform: uppercase;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-weight: 500;
    padding: 0.7rem 1.4rem;
    display: inline-block;
    font-size: 1rem;
}

.button--r2.button {
    background-color: #25861E;
    color: #ffffff;
    box-shadow: none;
}

.button--r2.button:hover {
    box-shadow: none;
    background-color: #125430;
}

.button--r2.button.is-active {
    background-color: #125430;
    color: #ffffff;
}

.button--r2.button.is-active:hover {
    background-color: #25861E;
}

.button--r2.button.is-disabled {
    pointer-events: none;
    background-color: #DFDFDF;
}

.button--r2.button--secondary {
    background-color: #ffffff;
    color: #25861E;
}

.button--r2.button--secondary:hover {
    color: #ffffff;
    background-color: #125430;
}

.button--r2.button--secondary.is-active {
    background-color: #125430;
    color: #ffffff;
}

.button--r2.button--secondary.is-active:hover {
    background-color: #25861E;
}

.button--r2.button--secondary.is-disabled {
    background-color: #DFDFDF;
    color: #EFEFEF;
}

.button--r2.button--secondary.button--counter {
    box-shadow: inset 0 0 0 1px #25861E;
    background-color: #ffffff;
}

.button--r2.button--secondary.button--counter:hover {
    box-shadow: inset 0 0 0 1px #71AA61;
    color: #71AA61;
}

.button--r2.button--secondary.button--counter.is-active {
    background-color: #125430;
    color: #ffffff;
    box-shadow: none;
}

.button--r2.button--secondary.button--counter.is-active:hover {
    color: #ffffff;
}

.button--r2.button--secondary.button--counter.is-active .counter {
    color: #39464E;
    background-color: #ffffff;
}

.button--r2.button--outline {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #25861E;
    color: #25861E;
}

.button--r2.button--outline:hover {
    background-color: #125430;
    box-shadow: none;
    color: #ffffff;
}

.button--r2.button--outline.is-disabled {
    box-shadow: inset 0 0 0 1px #DFDFDF;
    color: #DFDFDF;
    pointer-events: none;
    background-color: transparent;
}

.button--r2.button--outline.is-active {
    color: #ffffff;
}

.button--r2.button--outline.button--ghost {
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff;
}

.button--r2.button--outline.button--ghost:hover {
    box-shadow: none;
}

.button--r2.button--outline.button--ghost.is-active {
    background-color: #125430;
    box-shadow: none;
}

.button--r2.button--outline.button--ghost.is-disabled {
    box-shadow: inset 0 0 0 1px #DFDFDF;
    color: #DFDFDF;
    pointer-events: none;
    background-color: transparent;
}

.button--r2.button--counter {
    position: relative;
    padding-right: 3rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #25861E;
    color: #25861E;
}

.button--r2.button--counter:hover {
    box-shadow: inset 0 0 0 1px #25861E;
    color: #ffffff;
    background-color: #25861E;
}

.button--r2.button--counter:hover .counter {
    background-color: #ffffff;
    color: #39464E;
}

.button--r2.button--counter.is-active {
    background-color: #25861E;
    box-shadow: none;
    color: #ffffff;
}

.button--r2.button--counter.is-active .counter {
    background-color: #ffffff;
    color: #39464E;
}

.button--r2.button--counter .counter {
    font-weight: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background-color: #25861E;
    position: absolute;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    top: 50%;
    right: 0;
    transform: translate(-20%, -50%);
}

.button--r2.button--counter-l {
    position: relative;
    padding-right: .8rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #25861E;
    color: #25861E;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    margin: 0;
}

.button--r2.button--counter-l:hover {
    box-shadow: inset 0 0 0 1px #25861E;
    color: #ffffff;
    background-color: #125430;
}

.button--r2.button--counter-l.is-active {
    background-color: #125430;
    box-shadow: none;
    color: #ffffff;
}

.button--r2.button--counter-l.is-active .counter {
    background-color: #ffffff;
    color: #39464E;
}

.button--r2.button--counter-l.is-active:hover {
    background-color: #25861E;
}

.button--r2.button--counter-r {
    position: relative;
    padding: 0.7rem 0.8rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: inset 0 0 0 1px #25861E;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #ffffff;
    margin: 0;
}

.button--r2.button--counter-r:hover {
    box-shadow: inset 0 0 0 1px #125430;
    background-color: #125430;
}

.button--r2.button--counter-r .counter {
    font-size: 1rem;
}

.button--r2.button--counter-round {
    border-top-left-radius: 999em;
    border-bottom-left-radius: 999em;
    padding: 0 0.6875rem;
    font-size: 13px;
    line-height: 1;
    font-weight: normal;
    font-family: Helvetica, sans-serif;
}

.button--r2.button--counter-round .counter {
    font-size: 0.8125rem;
}

.button--r2.button--wide {
    padding: 0.7rem 3.5rem;
}

@media (min-width: 960px) {
    .button--r2.button--wide {
        padding: 0.7rem 5rem;
    }
}

.button--r2 .icon {
    font-size: 1rem;
}

.load-more__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
}

.button__wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button--spaced-right {
    margin-right: 0.6em;
}

.button--mobile-full {
    width: 100%;
}

@media (min-width: 640px) {
    .button--mobile-full {
        width: auto;
    }
}

.button--mobile-centered {
    margin: 0 auto;
    display: block;
}

@media (min-width: 640px) {
    .button--mobile-centered {
        margin: auto;
        display: inline-block;
    }
}

.button--profile-upload {
    border-radius: 50%;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1;
}

.button--profile-upload .icon {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.button.button--dashed {
    background-color: transparent;
    border-radius: 0.5rem;
    border: 1px dashed #39464E;
    width: 100%;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    color: #39464E;
    text-transform: none;
}

.button.button--dashed:hover {
    background-color: transparent;
}

.button.button--dashed .button__title {
    margin-bottom: 0.25rem;
}

.button.button--dashed .button__description {
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: normal;
    font-family: helvetica, arial, sans-serif;
}

.button--team-bunch {
    padding: 0.7rem 1.8rem;
}

.button.button--button-text {
    background-color: transparent;
    border: 0;
    color: #25861E;
    padding: 0;
}

.button.button--button-text:focus,
.button.button--button-text:hover {
    background-color: transparent;
}

.button__button-text-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.button__circle {
    width: 44px;
    height: 44px;
    border: 1px solid #25861E;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
}

.button__circle .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.split-button__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}

.split-button__wrapper .button--r2.button--counter-r {
    padding: 0.75rem 0.8rem;
}

.like-is-active {
    font-weight: bold;
}

.button--reverse .button__wrapper {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.button--reverse .icon--right {
    margin-left: 0;
    margin-right: 0.5em;
}

.card__header {
    background-color: #A5C84D;
    color: #ffffff;
    margin: 0 -22px 0;
    padding: 33px 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card__header::after {
    content: "";
    display: table;
    clear: both;
}

.card__header__icon {
    display: inline-block;
    border: 2px solid white;
    border-radius: 100%;
    margin-bottom: 0;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 2px;
    text-align: center;
    margin-left: auto;
}

.card__header__title {
    display: inline;
    margin-bottom: 0;
}

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

.card__divider {
    margin: 0 -22px 22px -22px;
    border: 0;
    height: 1px;
    background: #EFEFEF;
}

.card--s {
    padding: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 959px) {
    .card--mobile-width {
        padding: 11px;
    }
}

.card--full-height {
    height: calc(100% - 22px);
}

.card--align-height {
    height: calc(100% - 44px);
}

.card--center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 959px) {
    .card--mobile-width {
        padding: 11px;
    }
}

.card--bare {
    padding: 0;
}

.card--short {
    height: 60px;
}

.action-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 33px 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 1366px) {
    .action-item--has-button {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
}

.action-item__text-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 2px;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.action-item__text-wrapper__number {
    color: #8cc63f;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    min-width: 45px;
}

.action-item__text-wrapper__icon {
    color: #A5C84D;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    width: 25px;
    min-width: 25px;
}

.action-item__text-wrapper__text {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 1rem;
}

@media (min-width: 960px) {
    .action-item__text-wrapper__text {
        font-size: 1.286rem;
    }
}

.action-item__button-wrapper {
    padding-left: 2px;
    text-align: center;
}

.action-item__button-wrapper__button {
    margin-bottom: 0;
}

.list {
    list-style-type: none;
}

.list--2-col .list__item {
    width: 100%;
    display: block;
    vertical-align: top;
}

@media (min-width: 960px) {
    .list--2-col .list__item {
        display: inline-block;
        width: 49%;
    }
}

.list__item__icon {
    font-size: 1.858rem;
    padding-right: 6px;
}

.styled-list .styled-list__item {
    margin-bottom: 11px;
}

.styled-list--spaced .styled-list__item {
    margin-bottom: 22px;
}

.styled-list--circle {
    list-style-type: disc;
    list-style-position: inside;
}

.styled-list--circle .styled-list__item {
    display: list-item;
}

.styled-unordered-list,
.wysiwyg ul {
    margin-bottom: 33px;
}

.styled-unordered-list__item,
.wysiwyg ul>li {
    padding-left: 1.75em;
    margin-bottom: 0.75em;
    position: relative;
}

.styled-unordered-list__item::before,
.wysiwyg ul>li::before {
    position: absolute;
    top: 0.4em;
    left: 1em;
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 999em;
    background-color: #9EABB2;
}

@media (min-width: 640px) {
    .styled-unordered-list__item,
    .wysiwyg ul>li {
        padding-left: 2.25em;
    }
}

.styled-ordered-list,
.wysiwyg ol {
    counter-reset: steps;
}

.styled-ordered-list__item,
.wysiwyg ol>li {
    padding-left: 3em;
    position: relative;
    margin-bottom: 2.75em;
}

.styled-ordered-list__item img,
.wysiwyg ol>li img {
    display: block;
    margin-bottom: 1.5em;
}

.styled-ordered-list__item::before,
.wysiwyg ol>li::before {
    content: counter(steps);
    counter-increment: steps;
    position: absolute;
    top: 0;
    left: 0.25em;
    color: #9EABB2;
    border: 1px solid #9EABB2;
    border-radius: 999em;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 1.25em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
}

@media (min-width: 640px) {
    .styled-ordered-list__item,
    .wysiwyg ol>li {
        padding-left: 5em;
    }
    .styled-ordered-list__item::before,
    .wysiwyg ol>li::before {
        top: 0;
        left: 1.1em;
        width: 36px;
        height: 36px;
        font-size: 1.25em;
    }
}

.styled-ordered-list__item--tb-modal {
    max-width: calc(363px + 5em);
    margin-left: auto;
    margin-right: auto;
}

.styled-ordered-list__item--tb-modal:before {
    color: #25861E;
    border-color: #25861E;
}

body.is-frozen {
    overflow: hidden;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100%;
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.lightbox.is-active {
    display: block;
}

.lightbox__wrapper {
    position: relative;
    height: 100%;
}

.lightbox__content {
    background-color: #EFEFEF;
    padding: 22px;
    border: 2px solid #DFDFDF;
    border-radius: 11px;
    position: absolute;
    max-width: 44rem;
    width: calc(100% - 22px);
    top: 0;
    right: 50%;
    transform: translateX(50%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.45);
    margin-bottom: 11px;
    margin-top: 11px;
}

@media (min-width: 640px) {
    .lightbox__content {
        padding: 33px 8rem;
        transform: translate(50%, 0%);
        margin-bottom: 22px;
        margin-top: 22px;
    }
}

@media (min-width: 960px) {
    .lightbox__content {
        width: 100%;
    }
}

.lightbox__content p {
    font-size: 1rem;
}

.lightbox__content p.text-small {
    font-size: 0.8125rem;
}

.lightbox__content__page {
    display: none;
}

.lightbox__content__page.is-active {
    display: block;
}

.lightbox__content--tight {
    max-width: 90%;
}

@media (min-width: 960px) {
    .lightbox__content--tight {
        max-width: 50%;
    }
}

.lightbox__content--full-width {
    padding-left: 0;
    padding-right: 0;
}

.lightbox--tutorial {
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.lightbox--tutorial .lightbox__content.lightbox__content--tutorial,
.lightbox--tutorial .lightbox__content.lightbox__content--feature {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    max-width: 53rem;
    padding-bottom: 0;
    overflow: hidden;
}

.lightbox--tutorial .lightbox__content__close {
    background: none;
}

.lightbox--tutorial.is-active {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.lightbox__content__close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, 50%);
    border: 1px solid #9EABB2;
    border-radius: 50%;
    width: 2.2em;
    height: 2.2em;
    background-color: #EFEFEF;
}

.lightbox__content__close .icon {
    width: 1.4rem;
    height: 1.4rem;
    color: #9EABB2;
}

.lightbox--r2 .lightbox__content {
    border-radius: 0;
    background-color: #ffffff;
    max-width: 44rem;
    padding-top: 66px;
    padding-bottom: 66px;
}

.lightbox--r2 .lightbox__content__close {
    transform: none;
    top: 11px;
    right: 11px;
}

.lightbox--preview-video {
    height: 100%;
}

.lightbox--preview-video .lightbox__wrapper {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 896px;
}

.lightbox--preview-video .lightbox__close {
    transform: none;
    background: #ffffff;
    color: #9EABB2;
    border-color: #9EABB2;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    right: -0.5rem;
    top: -0.5rem;
    position: fixed;
    top: 30px;
    right: 45px;
}

.lightbox--preview-video .lightbox__close .lightbox__close__icon {
    font-size: 0.9rem;
    margin-left: 0.05em;
}

.lightbox__close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, 50%);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 0.5em;
}

.lightbox__close .lightbox__close__icon {
    font-size: 1.3em;
}

.lightbox--thin .lightbox__content {
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 1em;
}

@media (min-width: 640px) {
    .lightbox--thin .lightbox__content {
        padding-left: 6rem;
        padding-right: 6rem;
        padding-bottom: 2em;
    }
}

.lightbox--profile-upload .lightbox__content {
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 1em;
}

@media (min-width: 640px) {
    .lightbox--profile-upload .lightbox__content {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
        padding-bottom: 2em;
    }
}

.lightbox--thinner .lightbox__content {
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 1em;
}

@media (min-width: 640px) {
    .lightbox--thinner .lightbox__content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 2em;
    }
}

.lightbox--thinner .lightbox__content--full-width {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.3rem;
    overflow: hidden;
}

.lightbox--thinner .lightbox__content--full-width .top-members__list__inner {
    display: -ms-flexbox;
    display: flex;
}

.lightbox--centered .lightbox__content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.lightbox--show-review .lightbox__content {
    padding: 50px;
    overflow-y: auto;
    max-height: 90vh;
}

.lightbox--show-review .comment__cta {
    display: block;
}

@media (min-width: 640px) {
	/*SFBUN-3658_Sheeba */
    .lightbox--show-review.comments__node--review .comment__image {
        top: 50px;
        right: 50px;
        transform: none;
    }
    .lightbox--show-review.comments__node--review .comment__images {
        top: 50px;
        right: 50px;
        transform: none;
    }
	/*SFBUN-3658_Sheeba */
    .lightbox--show-review .comment__cta {
        margin-right: 120px;
    }
}

.lightbox--chat-hub .chat-fliter {
    display: block;
    text-align: left;
    margin-bottom: 2em;
}

@media (min-width: 960px) {
    .lightbox--chat-hub .chat-fliter {
        display: none;
        margin-bottom: 0;
    }
}

.lightbox--team-bunch .lightbox__content {
    max-width: 768px;
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (max-width: 959px) {
    .lightbox--team-bunch .lightbox__content {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.lightbox--banner .lightbox__content {
    padding: 0;
    border: 0;
}

.lightbox--banner .lightbox__content p {
    line-height: 1.5;
}

.lightbox--banner .lightbox__content__close {
    background-color: transparent;
}

.lightbox__content__banner {
    padding-bottom: 230px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lightbox__content__main {
    padding: 1.8rem 1rem;
}

.lightbox__text--narrow {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.lightbox__text--narrower {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}


/* Accordion */

.accordion__head {
    display: block;
    padding: 0.8em 2.5em 0.8em 22px;
    width: 100%;
    text-align: left;
    background: #EFEFEF;
    margin-top: 0.5714rem;
    position: relative;
    border-radius: 10px;
    margin-bottom: 0;
    font-size: 1.143rem;
    font-weight: 500;
}

@media (min-width: 960px) {
    .accordion__head {
        margin-top: 0.65rem;
    }
}

.accordion__head.is-open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion__head.is-open:focus {
    outline: none;
}

.accordion__head__topic {
    display: none;
}

@media (min-width: 960px) {
    .accordion__head__topic {
        display: inline-block;
    }
}

.accordion__head__icon {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.accordion__head.is-open .accordion__head__icon {
    transform: rotate(180deg) translateY(50%);
}

@media (max-width: 959px) {
    .accordion__head__icon {
        width: 1.2em;
        height: 1.2em;
    }
}

.accordion__head.is-open .accordion__head__icon--closed {
    display: none;
}

.accordion__head__icon--open {
    display: none;
}

.accordion__head.is-open .accordion__head__icon--open {
    display: initial;
}

.accordion__head__title {
    color: #25861E;
}

.accordion__content {
    transition: min-height 0.5s;
    height: 0;
    overflow: hidden;
    background: #EFEFEF;
}

.accordion__content.is-open,
.no-js .accordion__content {
    margin-bottom: 0.5rem;
    height: auto;
}

.accordion__content.accordion__content--round {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
}

.accordion__content.is-closed {
    display: none;
}

.accordion__content__inner {
    padding: 0 22px;
}

.accordion--mobile-page {
    margin-bottom: 0;
}

.accordion--mobile-page>.accordion__head {
    background: #A5C84D;
}

@media (min-width: 960px) {
    .accordion--mobile-page>.accordion__head {
        display: none;
    }
}

.accordion--mobile-page>.accordion__content {
    box-shadow: none;
}

@media (min-width: 960px) {
    .accordion--mobile-page>.accordion__content {
        display: block;
        height: auto;
        overflow: visible;
    }
}

.accordion--mobile-page>.accordion__content>.accordion__content__inner {
    padding: 0;
}

@media (max-width: 959px) {
    .accordion--mobile-page>.accordion__content>.accordion__content__inner--mobile-pad {
        padding: 0 22px;
    }
}

.accordion--bg-body .accordion__head {
    background-color: #ffffff;
    border-radius: 0;
    border: 2px solid #25861E;
}

.accordion--bg-body .accordion__head.is-open {
    border-bottom: 0;
    margin-bottom: 0;
}

.accordion--bg-body .accordion__head--no-border {
    border: 0;
}

.accordion--bg-body .accordion__head--no-border.is-open {
    border: 0;
}

.accordion--bg-body .accordion__head--bold {
    font-weight: bold;
}

.accordion--bg-body .accordion__head--bold.is-open {
    font-weight: bold;
}

.accordion--bg-body .accordion__content {
    background-color: #ffffff;
}

@media (max-width: 959px) {
    .accordion--bg-body .accordion__content.is-open {
        border: 2px solid #25861E;
        border-top: 0;
    }
}

.accordion--bg-body .accordion__content.accordion__content--no-border {
    border: 0;
}

.accordion--controlled .accordion__head {
    display: none;
}

.accordion--controlled .accordion__content {
    box-shadow: none;
    background: transparent;
}

.accordion--controlled .accordion__content>.accordion__content__inner {
    padding: 0;
}

.accordion--list-select.accordion__head--no-border {
    border: 0;
}

.accordion--list-select .accordion__content {
    background-color: transparent;
}

@media (max-width: 959px) {
    .accordion--list-select .accordion__content {
        border: 2px solid #25861E;
        border-top: 0;
        background-color: #ffffff;
    }
}

@media (max-width: 959px) {
    .accordion--list-select .accordion__content.is-open {
        border: 2px solid #25861E;
        border-top: 0;
    }
}

.accordion--list-select .accordion__content.accordion__content--no-border {
    border: 0;
}

@media (max-width: 959px) {
    .accordion--list-select .accordion__content.is-closed {
        display: none;
    }
}

.pagination {
    font-size: 1.429rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (min-width: 960px) {
    .pagination {
        display: block;
    }
}

.pagination__between {
    color: #25861E;
}

@media (min-width: 960px) {
    .pagination__between {
        display: inline-block;
    }
}

.pagination__button {
    color: #25861E;
    font-weight: 500;
    padding: 0 1rem;
}

.pagination__button.is-active {
    color: #39464E;
    padding: 0.8rem 1.6rem;
    box-shadow: inset 0 0 0 2px #EFEFEF;
    border-radius: 999em;
    pointer-events: none;
    margin: 0 0.3rem;
}

.pagination__button.is-disabled {
    pointer-events: none;
    color: #DFDFDF;
}

@media (min-width: 960px) {
    .pagination__button {
        padding: 0 1.2rem;
    }
    .pagination__button.is-active {
        padding: 0.4 1rem;
    }
}

.promotion-banner {
    min-height: 130px;
    background-size: auto 100%;
    background-position: center center;
    padding: 25px 20px;
    text-align: right;
}

@media (min-width: 640px) {
    .promotion-banner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 30px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }
}

.promotion-banner__content {
    color: #ffffff;
    margin-bottom: 33px;
    text-align: left;
}

@media (min-width: 640px) {
    .promotion-banner__content {
        margin: 0px;
        margin-right: 30px;
    }
}

.promotion-banner__heading {
    margin-bottom: 0.15em;
}

.promotion-banner__paragraph {
    margin-bottom: 0;
}

.promotion-banner__heading,
.promotion-banner__paragraph {
    text-shadow: 0px 0px 20px #000000;
}

.promotion-banner--inverted .promotion-banner__heading,
.promotion-banner--inverted .promotion-banner__paragraph {
    text-shadow: none;
    color: #39464E;
}

.tabs__nav {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 640px) {
    .tabs__nav {
        display: block;
    }
}

.tabs__nav__button {
    margin-bottom: 0;
    padding: 1rem 0.6rem 1rem 0.6rem;
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

.tabs__nav__button.is-active {
    color: #25861E;
}

.tabs__nav__button.is-active::after {
    content: '';
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -2px;
    right: 0;
    background-color: #25861E;
}

@media (min-width: 640px) {
    .tabs__nav__button {
        padding: 1rem 1.2rem 2rem 1.2rem;
    }
}

@media (max-width: 959px) {
    .tabs__nav__button {
        font-size: 1.250rem;
        line-height: 1.375rem;
    }
}

.tabs__content {
    display: none;
}

.tabs__content.is-active {
    display: block;
}

.tooltip {
    display: none;
}

.tooltip__theme {
    max-width: 200px;
    background: #ffffff;
    border-radius: 0.5em;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 4px 1px rgba(57, 70, 78, 0.2);
}

.tooltip__theme .qtip-content {
    padding: 1em;
}

.tooltip__theme--wide {
    max-width: 100%;
}

.tooltip__hidden {
    display: none;
}

.styled-tooltip {
    vertical-align: text-top;
    margin: 0;
}

.tooltip-wrap {
    display: -ms-flexbox;
    display: flex;
}

.tooltip-wrap .icon {
    display: block;
}

.user {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
}

.user::after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 960px) {
    .user {
        display: block;
        margin: 0;
    }
}

@media (max-width: 959px) {
    .user--mobile-vertical {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .user--mobile-vertical .user__image {
        max-width: none;
    }
}

.user--block {
    display: block;
    margin: 0;
}

.user__name {
    text-align: left;
    font-weight: 500;
    display: block;
    margin: 8px 0;
}

@media (min-width: 960px) {
    .user__name {
        text-align: center;
    }
}

.user__name--as-reviewer {
    font-size: 1rem;
}

@media (min-width: 960px) {
    .user__name--as-reviewer {
        text-align: left;
        font-size: 1.143rem;
    }
}

.user__title {
    font-weight: 500;
    color: #125430;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 11px;
}

@media (min-width: 960px) {
    .user__title {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.user__rank {
    display: inline-block;
    font-weight: 500;
    color: #ffffff;
    background-color: #A5C84D;
    width: 20px;
    height: 20px;
    border-radius: 999em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6px;
    font-size: 1.249rem;
}

.user__details {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 22px;
}

@media (min-width: 960px) {
    .user__details {
        padding-left: 0;
    }
}

@media (max-width: 959px) {
    .user__details--mobile--left {
        padding-left: 0;
    }
}

@media (max-width: 959px) {
    .user__details--as-reviewer {
        padding-left: 0;
    }
}

.user__image {
    float: left;
    display: block;
    max-width: 85px;
}

.user__image img {
    border: 4px solid #A5C84D;
    border-radius: 100%;
}

@media (min-width: 960px) {
    .user__image {
        float: none;
        margin: 0 auto;
    }
}

.user__stats {
    display: none;
}

@media (min-width: 960px) {
    .user__stats {
        text-align: left;
        display: block;
    }
}

.user__stats--mobile-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.show-more {
    margin-bottom: 22px;
}

.show-more__button {
    display: none;
}

.show-more__button.is-active {
    display: inline-block;
}

.content--customer .customer-hide {
    display: none;
}

.content--customer .reply__user__profile__badge,
.content--customer .feature__author__profile__badge,
.content--customer .comments__node__user__profile__badge,
.content--customer .reply.is-edited .comment__edit-button,
.content--customer .reply__options__right,
.content--customer .comment__options__right {
    display: none;
}

.content--customer .page-body--recipe .comment__edit-button,
.content--customer .page-body--recipe .comment__options__right,
.content--customer .page-body--recipe .comment__actions,
.content--customer .page-body--recipe .customer-hide,
.content--customer .page-body--article .comment__edit-button,
.content--customer .page-body--article .comment__options__right,
.content--customer .page-body--article .comment__actions,
.content--customer .page-body--article .customer-hide,
.content--customer .page-body--chat .comment__edit-button,
.content--customer .page-body--chat .comment__options__right,
.content--customer .page-body--chat .comment__actions,
.content--customer .page-body--chat .customer-hide {
    display: none;
}

.content--customer .page-body--recipe .split-layout--report .split-layout__right,
.content--customer .page-body--article .split-layout--report .split-layout__right,
.content--customer .page-body--chat .split-layout--report .split-layout__right {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .content--customer .page-body--recipe .split-layout--report .split-layout__right,
    .content--customer .page-body--article .split-layout--report .split-layout__right,
    .content--customer .page-body--chat .split-layout--report .split-layout__right {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.content--customer .page-body--recipe .split-layout--report .split-layout__right .split-button__wrapper,
.content--customer .page-body--article .split-layout--report .split-layout__right .split-button__wrapper,
.content--customer .page-body--chat .split-layout--report .split-layout__right .split-button__wrapper {
    margin-top: 11px;
}

@media (min-width: 640px) {
    .content--customer .page-body--recipe .split-layout--report .split-layout__right .split-button__wrapper,
    .content--customer .page-body--article .split-layout--report .split-layout__right .split-button__wrapper,
    .content--customer .page-body--chat .split-layout--report .split-layout__right .split-button__wrapper {
        margin-top: 0;
    }
}

.content--customer .page-body--recipe .split-layout--report,
.content--customer .page-body--article .split-layout--report,
.content--customer .page-body--chat .split-layout--report {
    -ms-flex-align: center;
    align-items: center;
}

.content--team .team-hide {
    display: none;
}

.content--team .block-content {
    border-color: #25861E;
}

.content--team .comments__node--main-content>.comments__node__comment {
    border-color: #25861e;
}

.content--team .comments__node--main-content>.comments__node__comment::after {
    border-color: #25861e;
}

.content--team .comments__node--main-content .rating__half,
.content--team .comments__node--main-content .rating__empty,
.content--team .comments__node--main-content .rating__fill {
    fill: #25861E;
}

.content--team-bunch .comments__top {
    padding-bottom: 1em;
}

.access-level {
    display: block;
}

@media (min-width: 960px) {
    .access-level {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-align: center;
        align-items: center;
    }
}

.access-level.is-1 .access-level__icon:nth-child(1) {
    background: #A5C84D;
}

.access-level.is-1 .access-level__icon:nth-child(1):before {
    content: '1';
}

.access-level.is-2 .access-level__icon:nth-child(1) {
    background: #A5C84D;
}

.access-level.is-2 .access-level__icon:nth-child(2) {
    background: #A5C84D;
}

.access-level.is-2 .access-level__icon:nth-child(2):before {
    content: '2';
}

.access-level.is-3 .access-level__icon:nth-child(1),
.access-level.is-3 .access-level__icon:nth-child(2) {
    background: #A5C84D;
}

.access-level.is-3 .access-level__icon:nth-child(3) {
    background: #A5C84D;
}

.access-level.is-3 .access-level__icon:nth-child(3):before {
    content: '3';
}

.access-level__icon {
    display: inline-block;
    text-align: center;
    background: #DFDFDF;
    border-radius: 100%;
    color: #ffffff;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.35em;
    height: 1.35em;
    width: 1.35em;
    margin-right: 5px;
    vertical-align: middle;
}

.access-level__icon--active,
.access-level.is-1 .access-level__icon:nth-child(1),
.access-level.is-2 .access-level__icon:nth-child(2),
.access-level.is-3 .access-level__icon:nth-child(3) {
    font-size: 2.2rem;
    line-height: 1.2em;
    height: 1.2em;
    width: 1.2em;
}

.ranking-indicators__icon {
    display: inline-block;
    text-align: center;
    background: #DFDFDF;
    border-radius: 100%;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.35em;
    height: 1.35em;
    width: 1.35em;
    margin-right: 2px;
    vertical-align: middle;
}

@media (min-width: 640px) {
    .ranking-indicators__icon {
        font-size: 1rem;
    }
}

.ranking-indicators {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.ranking-indicators.is-1 .ranking-indicators__icon:nth-child(1) {
    background: #A5C84D;
}

.ranking-indicators.is-2 .ranking-indicators__icon:nth-child(1),
.ranking-indicators.is-2 .ranking-indicators__icon:nth-child(2) {
    background: #A5C84D;
}

.ranking-indicators.is-3 .ranking-indicators__icon:nth-child(1),
.ranking-indicators.is-3 .ranking-indicators__icon:nth-child(2),
.ranking-indicators.is-3 .ranking-indicators__icon:nth-child(3) {
    background: #A5C84D;
}

.ranking-indicators.is-4 .ranking-indicators__icon:nth-child(1),
.ranking-indicators.is-4 .ranking-indicators__icon:nth-child(2),
.ranking-indicators.is-4 .ranking-indicators__icon:nth-child(3),
.ranking-indicators.is-4 .ranking-indicators__icon:nth-child(4) {
    background: #A5C84D;
}

.ranking-indicators.is-5 .ranking-indicators__icon:nth-child(1),
.ranking-indicators.is-5 .ranking-indicators__icon:nth-child(2),
.ranking-indicators.is-5 .ranking-indicators__icon:nth-child(3),
.ranking-indicators.is-5 .ranking-indicators__icon:nth-child(4),
.ranking-indicators.is-5 .ranking-indicators__icon:nth-child(5) {
    background: #A5C84D;
}

.ranking-indicators--square .ranking-indicators__icon {
    border-radius: 0;
}

.notification {
    padding: 1.2rem 22px;
    background-color: #FFDD00;
}

.notification__content {
    margin-right: 1rem;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.notification__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 960px) {
    .notification__wrapper {
        -ms-flex-align: center;
        align-items: center;
    }
}

.notification__link {
    font-weight: 500;
    color: #39464E;
}

.user-notification {
    padding: 11px 0;
    border-bottom: 1px solid #DFDFDF;
}

@media (min-width: 960px) {
    .user-notification {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
}

.user-links__button--login {
    min-width: 55px;
}

.user-notification__image {
    max-width: 64px;
    display: inline-block;
    margin-right: 11px;
}

.user-notification__image img {
    border-radius: 100%;
    border: 3px solid #A5C84D;
    display: inline-block;
}

@media (min-width: 960px) {
    .user-notification__image {
        margin-right: 22px;
    }
}

.user-notification__date {
    margin-bottom: 6px;
    text-align: right;
}

@media (min-width: 960px) {
    .user-notification__date {
        float: right;
    }
    .user-notification__date::after {
        content: "";
        display: table;
        clear: both;
    }
}

.footer {
    height: auto;
    padding: 0 0 22px 0;
    background-color: #25861E;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-weight: 500;
}

@media (min-width: 1100px) {
    .footer {
        height: 50px;
        padding: 0;
    }
}

.footer__wrapper {
    margin: 0 auto;
    height: 100%;
    padding: 0 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {
    .footer__wrapper {
        padding: 0 11px;
    }
}

.footer__content {
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1100px) {
    .footer__content {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.footer__content__prefix {
    margin-right: 2px;
    font-weight: 500;
    font-size: 0.9rem;
}

.footer__links {
    margin-bottom: 1.5em;
}

@media (min-width: 1100px) {
    .footer__links {
        margin-bottom: 0;
        margin-top: 4px;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .footer--logged-out .footer__links {
        margin-top: 9px;
    }
}

.footer__links__item {
    color: #ffffff;
    padding: 1.25em 0;
    font-size: 0.9rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.footer__links__item:first-of-type {
    padding-left: 0;
    border-left: 0;
}

.footer__links__item:hover {
    text-decoration: underline;
}

.footer__links__item::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #ffffff 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

@media (min-width: 1100px) {
    .footer__links__item {
        display: inline;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        border-left: 1px solid #ffffff;
        padding: 0 10px;
    }
    .footer__links__item::after {
        content: normal;
    }
}

@media (min-width: 1100px) {
    .footer__links__item__icon {
        display: none;
    }
}

@media print {
    .footer {
        display: none !important;
    }
}

.footer__logo {
    margin-top: 0.5em;
    width: 120px;
    height: auto;
}

@media (min-width: 1100px) {
    .footer__logo {
        margin-top: 0;
        margin-left: 0.25em;
    }
}

.footer__selector {
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1100px) {
    .footer__selector {
        margin-left: 10px;
        margin-top: 0;
    }
}

.footer__selector label {
    margin-right: 5px;
    font-size: 0.9rem;
}

@media (min-width: 1100px) {
    .footer__selector label {
        border-left: 1px solid #FFF;
        padding-left: 10px;
    }
}

.advertisement {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.editable {
    position: relative;
    min-height: 75px;
}

.editable .editable__edit {
    position: absolute;
    top: 0;
    right: 4%;
}

.hideShowPassword-wrapper {
    width: 100%;
}

.loading-size-l {
    width: 62px;
    height: 52px;
}

.options {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.options__group {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

.options__group::after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #5F686F;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.options__up {
    background-color: #DFDFDF;
    border-radius: 0.4em;
    width: 30px;
    height: 30px;
    margin-right: 0.5em;
    padding: 0;
}

.options__up .icon {
    color: #ffffff;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .options__up {
        width: auto;
        height: auto;
        padding: 0.3em;
    }
}

.options__down {
    background-color: #DFDFDF;
    border-radius: 0.4em;
    width: 30px;
    height: 30px;
    padding: 0;
}

.options__down .icon {
    color: #ffffff;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .options__down {
        width: auto;
        height: auto;
        padding: 0.3em;
    }
}

.options__remove {
    border: 1px solid #9EABB2;
    background-color: #EFEFEF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
}

.options__remove .icon {
    color: #9EABB2;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .options__remove {
        width: auto;
        height: auto;
        padding: 0.3em;
    }
}

.options--alt .options__up {
    border: 1px solid #9EABB2;
    background-color: #EFEFEF;
}

.options--alt .options__up .icon {
    color: #9EABB2;
}

.options--alt .options__down {
    border: 1px solid #9EABB2;
    background-color: #EFEFEF;
}

.options--alt .options__down .icon {
    color: #9EABB2;
}

@media (min-width: 640px) {
    .options--alt .options__remove {
        padding: 0.3em;
    }
}

.bg-strip {
    position: relative;
    overflow: hidden;
}

.bg-strip--bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-strip--lightbox {
    margin: 0 -11px;
}

@media (min-width: 640px) {
    .bg-strip--lightbox {
        margin: 0 -6rem;
    }
}

.bg-strip__background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px);
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-strip__overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
    width: 100%;
}

.bg-strip--no-blur .bg-strip__background {
    filter: none;
}

.split-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2em 0;
}

@media (min-width: 640px) {
    .split-layout {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.split-layout__right {
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 639px) {
    .split-layout--desktop-only {
        display: block;
    }
}

.split-layout--report {
    -ms-flex-align: start;
    align-items: flex-start;
}

.split-layout--report .split-layout__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 959px) {
    .split-layout--report .split-layout__left {
        margin-bottom: 22px;
    }
}

.split-layout--report .social-media {
    margin-bottom: 0px;
}

.split-layout__report-button {
    margin-right: 20px;
}

.tip {
    border: 1px solid #DFDFDF;
    border-radius: 0.75em;
    padding: 1.5em;
    background-color: #EFEFEF;
    margin-bottom: 2em;
}

.tip::after {
    content: "";
    display: table;
    clear: both;
}

.tip__icon {
    width: 36px;
    height: 36px;
    background-color: #39464E;
    color: #ffffff;
    border-radius: 50%;
    font-size: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.2em;
    float: left;
}

.tip__icon .icon {
    font-size: 1.2rem;
}

.tip__content {
    overflow: hidden;
}

.tip--title-only .tip__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.scrollable-block {
    padding: 11px;
    background-color: #EFEFEF;
    width: 100%;
    max-height: 360px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 640px) {
    .scrollable-block {
        padding: 22px;
    }
}

.float-layout::after {
    content: "";
    display: table;
    clear: both;
}

.float-layout__floated-item {
    float: left;
    margin-right: 0.5em;
}

.float-layout__normal-block {
    overflow: hidden;
    display: block;
}

.float-layout svg+p {
    padding-top: 3px;
}

.notification-block {
    border-radius: 0.3em;
    padding: 11px;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    background-color: transparent;
    word-wrap: break-word;
}

.notification-block--highlight {
    background-color: transparent;
    border: 1px solid #25861E;
}

.notification-block--new {
    background-color: #EFEFEF;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 11;
}

.overlay.is-active {
    display: block;
}

.floating-menu__wrapper {
    position: relative;
}

.floating-menu {
    display: none;
    position: absolute;
    top: calc(100% + 11px);
    right: 0;
    width: 170px;
    background-color: #ffffff;
    border: 1px solid #25861E;
    border-radius: 0.3em;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

.floating-menu.is-active {
    display: block;
}

.floating-menu__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.6em;
    margin-bottom: 0;
    text-decoration: none;
    border-bottom: 1px solid #25861E;
    color: #39464E;
    text-align: right;
}

.floating-menu__item:last-of-type {
    border-bottom: 0;
}

.floating-menu__item:hover {
    color: #25861E;
}

.floating-menu__item__icon {
    font-size: 0.85rem;
    margin-left: 0.2em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.floating-menu__indicator {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #25861E transparent;
    position: absolute;
    bottom: 100%;
    right: 0.4em;
}

.floating-menu__indicator::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 7px 9px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, 1px);
}

.load-more {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.load-more:hover {
    text-decoration: underline;
}

.load-more__icon {
    margin: 0 auto;
    font-size: 1rem;
}

.bunch-box__layout {
    display: block;
}

@media (min-width: 640px) {
    .bunch-box__layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 960px) {
    .bunch-box__layout {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1366px) {
    .bunch-box__layout {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 959px) {
    .bunch-box--optimisations {
        min-width: 640px;
    }
}

.bunch-box--optimisations .bunch-box__layout {
    display: -ms-flexbox;
    display: flex;
}

.bunch-box--optimisations .bunch-box__layout__column {
    padding-bottom: 0;
    margin-bottom: 0;
    background-image: linear-gradient(to bottom, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: right;
    background-size: 2px 6px;
    background-repeat: repeat-y;
}

.bunch-box__layout__column {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.bunch-box__layout__column:last-of-type {
    background-image: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (min-width: 640px) {
    .bunch-box__layout__column {
        padding-bottom: 0;
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, #39464E 33%, rgba(255, 255, 255, 0) 0%);
        background-position: right;
        background-size: 2px 6px;
        background-repeat: repeat-y;
    }
}

@media (min-width: 960px) {
    .bunch-box__layout__column {
        width: 100%;
        background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
        background-position: bottom;
        background-size: 6px 2px;
        background-repeat: repeat-x;
        padding-bottom: 11px;
        margin-bottom: 11px;
    }
}

@media (min-width: 1366px) {
    .bunch-box__layout__column {
        padding-bottom: 0;
        margin-bottom: 0;
        background-image: linear-gradient(to bottom, #39464E 33%, rgba(255, 255, 255, 0) 0%);
        background-position: right;
        background-size: 2px 6px;
        background-repeat: repeat-y;
    }
}

.label-counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.2em;
}

.label-counter:last-of-type {
    margin-bottom: 0;
}

.label-counter__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -0.5em;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    border: 2px solid #A5C84D;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    color: #A5C84D;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.label-counter__image__icon {
    font-size: 0.95rem;
}

.label-counter__count {
    background-color: #A5C84D;
    color: #ffffff;
    padding: 0.1em 0.2em;
    padding-left: 0.5em;
    line-height: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-bottom: 0;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

.feedback-legend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #9EABB2;
    width: 100%;
}

.feedback-legend--dark {
    color: #39464E;
}

.video-tag {
    display: none;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #39464E;
    padding: 0 0.5em;
    vertical-align: middle;
    margin-right: 0.5em;
    border-radius: 0.25em;
    float: left;
}

.video-tag__wrapper.has-video .video-tag {
    display: inline-block;
}

.claim-process {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .claim-process {
        margin-bottom: 1.5em;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.claim-process__main {
    margin: 0 auto;
}

.claim-process__main>img {
    max-height: 200px;
}

@media (min-width: 640px) {
    .claim-process__main {
        display: inline-block;
        margin: 0 auto;
        max-width: 160px;
    }
    .claim-process__main>img {
        max-height: 350px;
    }
}

@media (min-width: 640px) {
    .claim-process__main--card {
        max-width: 210px;
    }
}

.claim-process__step {
    display: block;
    margin: 1.2em 1em;
}

@media (min-width: 640px) {
    .claim-process__step {
        display: inline-block;
        margin: 0 1.6em;
    }
}

.claim__icon--desktop {
    display: inline;
}

@media (max-width: 639px) {
    .claim__icon--desktop {
        display: none;
    }
}

.claim__icon--mobile {
    display: none;
}

@media (max-width: 639px) {
    .claim__icon--mobile {
        display: inline;
    }
}

.mce-floatpanel {
    max-width: 100vw;
}

.mce-floatpanel * {
    max-width: 100vw;
}

.mce-floatpanel .mce-foot .mce-btn.mce-first {
    left: 10px !important;
}

.mce-floatpanel .mce-foot .mce-btn.mce-last {
    left: 70px !important;
}

.mce-tinymce {
    border-radius: 8px;
}

.spacer-top-see-chats {
    margin-top: 18px;
}

.customer-content-warning--chat {
    width: 100%;
}

@media (min-width: 640px) {
    .customer-content-warning--chat {
        width: 80%;
        margin-right: 0;
    }
}

@media (min-width: 960px) {
    .customer-content-warning--chat {
        width: 736px;
    }
}

.text-contain {
    max-width: 530px;
    margin: 0 auto;
}

.no-split-block .styled-select--team-bunch {
    max-width: 49%;
    overflow: hidden;
    margin: 0;
}

.bg-strip__content--product-info a {
    color: #ffffff;
}

.page-body--error .h-1-heading {
    max-width: 630px;
    margin: 0 auto;
    line-height: 1.1;
}

.page-body--error .pending-layout--sm-banner {
    outline: 10px solid #FFF;
}

.row--v-center {
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 960px) {
    .hiw-narrow-text {
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }
}

.list-select {
    width: 100%;
}

.list-select__item {
    margin-bottom: 0;
    height: 50px;
    font-size: 1rem;
}

@media (min-width: 960px) {
    .list-select__item:last-of-type {
        border-bottom: 1px solid #DFDFDF;
    }
}

.list-select__item:hover {
    background-color: #EFEFEF;
}

@media (min-width: 960px) {
    .list-select__item {
        font-weight: normal;
        border-top: 1px solid #DFDFDF;
        height: 61px;
    }
}

.list-select__item--separate-all .list-select__item {
    border-top: 1px solid #DFDFDF;
}

.list-select__item--separate-all .list-select__item:last-of-type {
    border-bottom: 1px solid #DFDFDF;
}

.list-select__item__button {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.8em 22px;
    text-align: left;
    color: #25861E;
}

.list-select__item__button:hover {
    color: #125430;
}

.list-select__item__button.is-active {
    background-color: #25861E;
    color: #ffffff;
    outline: none;
}

@media (min-width: 960px) {
    .list-select__item__button.is-active:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(100%, 0%);
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 30px solid #25861E;
    }
}

.list-select__item__button.text-primary-dark {
    color: #125430;
}

@media (min-width: 960px) {
    .list-select__item__button.text-primary-dark.is-active {
        background-color: #ffffff;
        color: #125430;
    }
    .list-select__item__button.text-primary-dark:before {
        content: none;
    }
}

.list-select--sub-select .list-select__item {
    height: auto;
}

.list-select--sub-select .list-select__item__button {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.list-select--sub-select .list-select__item__button.is-active {
    background-color: #EFEFEF;
    color: #125430;
}

.list-select--sub-select .list-select__item__button.is-active:before {
    content: none;
}

@media (max-width: 959px) {
    .list-select--categories .list-select__item {
        border-top: 0;
    }
    .list-select--categories .list-select__item:last-of-type {
        border-bottom: 0;
    }
}

@media (max-width: 959px) {
    .list-select--categories .list-select__item__button.is-active {
        color: #25861E;
        background-color: transparent;
    }
}

@media (max-width: 959px) {
    .list-select--categories .list-select__item__button:hover {
        background-color: #EFEFEF;
    }
}

.list-select--medium .list-select__item__button {
    font-weight: 500;
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0.4rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 2rem;
    cursor: pointer;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    color: #25861E;
    width: 100%;
    background: #EFEFEF;
    margin-bottom: 5.5px;
}

@media (min-width: 960px) {
    .custom-select {
        width: 260px;
        max-width: 260px;
    }
}

.custom-select.is-open {
    border: 1px solid #DFDFDF;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}

.custom-select .icon--select {
    color: #39464E;
}

.custom-select__wrapper {
    position: relative;
    width: 100%;
}

@media (min-width: 960px) {
    .custom-select__wrapper {
        width: 260px;
        max-width: 260px;
    }
}

.custom-select__list {
    width: 100%;
    position: absolute;
    z-index: 100;
    display: none;
    background-color: #ffffff;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border: 1px solid #DFDFDF;
    border-top: 0;
    padding-bottom: 11px;
    margin-bottom: 5.5px;
}

@media (min-width: 960px) {
    .custom-select__list {
        width: 260px;
        max-width: 260px;
    }
}

.custom-select__list.is-open {
    display: block;
}

.custom-select__list-item {
    margin-bottom: 0;
}

.custom-select__list-item:hover {
    background-color: #EFEFEF;
}

.custom-select__list__button {
    padding: 0.4rem 1.5rem;
    width: 100%;
    text-align: left;
}

@media (min-width: 960px) {
    .page-banner {
        position: relative;
    }
}

.page-banner__image {
    min-height: 450px;
    background-position: 30% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 959px) {
    .page-banner__image {
        min-height: 240px;
    }
}

.page-banner__content {
    width: 100%;
}

@media (min-width: 960px) {
    .page-banner__content {
        width: 50%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0%, -50%);
    }
}

.bunch-profile__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 33px;
}

@media (min-width: 960px) {
    .bunch-profile__row {
        margin-top: 0;
    }
}

.bunch-profile__item {
    width: 96px;
    margin: 0 5.5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 960px) {
    .bunch-profile__item {
        width: 104px;
    }
}

.bunch-profile__item--blank {
    min-width: 104px;
}

.bunch-profile__image {
    border-radius: 50%;
    border: 4px solid #ffffff;
    display: block;
}

.bunch-profile__image--green {
    border-color: #A5C84D;
}

.illustrated-point__image {
    position: relative;
    display: inline-block;
    margin-bottom: 22px;
    max-width: 240px;
    width: 100%;
}

.illustrated-point__image__item {
    border: 4px solid #DFDFDF;
    border-radius: 50%;
}

.illustrated-point__image__back-image {
    width: 100px;
    height: 100px;
    min-width: 78px;
    min-height: 78px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

@media (min-width: 960px) {
    .illustrated-point__image__back-image {
        width: 150px;
        height: 150px;
        min-width: 100px;
        min-height: 100px;
    }
}

.illustrated-point__image__order {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    min-width: 50px;
    min-height: 50px;
    background-color: #A5C84D;
    border: 4px solid #EFEFEF;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translate(-20%, 20%);
    color: #ffffff;
}

.illustrated-point__text {
    margin-bottom: 0;
}

.illustrated-point--showcase {
    position: relative;
}

.illustrated-point--showcase .illustrated-point__image {
    margin-bottom: 0;
}

.illustrated-point--showcase .illustrated-point__main {
    transform: translate(0%, -15%);
}

.bunch-video {
    position: relative;
    height: 320px;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 960px) {
    .bunch-video {
        height: 425px;
    }
}

.bunch-video .video-js {
    position: absolute !important;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #ffffff;
}

.bunch-video .video-js .vjs-poster {
    background-color: #ffffff;
}

.bunch-video .video-js .vjs-tech {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: auto;
}

.bunch-video .video-js .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #25861E !important;
    border: 0 !important;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

@media (max-width: 959px) {
    .bunch-video .video-js .vjs-big-play-button {
        width: 70px;
        height: 70px;
    }
}

.bunch-video .video-js .vjs-big-play-button:hover {
    background-color: transparent;
}

.bunch-video .video-js .vjs-big-play-button:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-37.5%, -50%);
}

@media (max-width: 959px) {
    .bunch-video .video-js .vjs-big-play-button:before {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 18px solid #ffffff;
    }
}

.bunch-video--chat-post .video-js {
    max-height: 360px;
    height: 100%;
    background-color: #000000;
}

.responsive-video__container {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    margin: 0;
}

@media (max-width: 959px) {
    .responsive-video__container {
        margin: 0 22px;
    }
}

.responsive-video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 160vh;
    height: 90vh;
    max-height: 100%;
    background-color: #000000;
}

.video-end-screen {
    position: absolute;
    color: white;
    width: 100vw;
    height: 100vh;
    padding: 5%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-end-screen.is-active {
    display: block;
}

.video-end-screen .button {
    padding: 0.8rem 1.857rem;
}

.video-end-ctrls {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.video-end-ctrls button:first-of-type {
    margin-right: 20px;
}

.categories__content {
    display: none;
    background: transparent;
}

.categories__content.is-open {
    display: block;
}

.recipe-tile__flow-container {
    margin-left: 0;
    margin-right: 0;
    font-size: 0;
    text-align: center;
    min-height: 250px;
}

@media (min-width: 640px) {
    .recipe-tile__flow-container {
        margin-left: -11px;
        margin-right: -11px;
        min-height: 400px;
    }
}

.recipe-tile {
    padding: 0;
    width: 347px;
    max-width: 100%;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    text-align: left;
    margin-bottom: 11px;
}

.recipe-tile:last-of-type {
    margin-bottom: 22px;
}

@media (min-width: 640px) {
    .recipe-tile {
        margin-bottom: 0;
        padding: 0 11px;
    }
    .recipe-tile:last-of-type {
        margin-bottom: 0;
    }
}

.recipe-tile__inner {
    display: block;
    background: #ffffff;
    color: #9EABB2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 420px;
    box-shadow: 0 0 0 1px #DFDFDF;
    margin-bottom: 22px;
}

.recipe-tile__bookmark {
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.recipe-tile__bookmark .icon {
    font-size: 0.95rem;
}

.recipe-tile__bookmark .recipe-tile__bookmark__active {
    display: none;
}

.recipe-tile__bookmark.is-active .recipe-tile__bookmark__inactive {
    display: none;
}

.recipe-tile__bookmark.is-active .recipe-tile__bookmark__active {
    display: inline-block;
}

@media (min-width: 640px) {
    .recipe-tile__bookmark:hover {
        color: #125430;
    }
    .recipe-tile__bookmark:hover .recipe-tile__bookmark__inactive {
        display: none;
    }
    .recipe-tile__bookmark:hover .recipe-tile__bookmark__active {
        display: inline-block;
    }
}

.recipe-tile__bookmark.is-active {
    color: #125430;
}

@media (min-width: 640px) {
    .recipe-tile__bookmark.is-active:hover {
        color: #25861E;
    }
}

.recipe-tile__bookmark__button {
    background: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.recipe-tile__bookmark__button .icon {
    width: 1em;
    height: 1em;
}

.recipe-tile__bookmark__bordered {
    border: 1px solid #9EABB2;
}

.reciple-tile__feature,
.reciple-tile__picked {
    background: #A5C84D;
    color: #ffffff;
    position: absolute;
    top: 11px;
    left: -5.5px;
    padding: 5.5px;
}

@media (max-width: 639px) {
    .reciple-tile__feature,
    .reciple-tile__picked {
        padding: 1px 6px;
        font-size: 0.9rem;
    }
}

.reciple-tile__picked {
    background: #BF4E75;
}

.recipe-tile__image {
    display: block;
    width: 100%;
    height: auto;
    width: 100%;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recipe-tile__content {
    padding: 33px 22px 22px 22px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.recipe-tile__user-name {
    font-size: 0.8rem;
}

.recipe-tile__user-name__level::before {
    content: ' - ';
}

.recipe-tile__profile {
    position: absolute;
    top: 0;
    left: 22px;
    transform: translate(0, -50%);
    display: inline-block;
}

.recipe-tile__profile__image {
    border: 4px solid #ffffff;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recipe-tile__profile__badge {
    border-radius: 50%;
    top: 28px;
    left: 36px;
    position: absolute;
    width: 25px;
    height: auto;
}

.recipe-tile__product-name {
    display: block;
    color: #25861E;
    margin-bottom: 0.5em;
    text-decoration: none;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 2em;
}

@media (min-width: 640px) {
    .recipe-tile__product-name {
        margin-right: 0;
    }
}

.recipe-tile__product-name:hover {
    color: #125430;
}

.recipe-tile__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.8em;
}

.recipe-tile__details .icon {
    width: 0.85em;
    height: 0.85em;
}

.recipe-tile__details__time {
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #39464E;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.recipe-tile__details__time .icon {
    margin-right: 0.25em;
}

.recipe-tile__details__interaction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.recipe-tile__details__interaction .icon {
    margin-right: 0.25em;
}

.recipe-tile__details__interaction+.recipe-tile__details__interaction {
    margin-left: 1em;
}

.recipe-tile--large .recipe-tile__product-name {
    margin-right: 0;
}

.recipe-tile__bookmark--menu {
    background-color: transparent;
}

@media (max-width: 639px) {
    .recipe-tile--large {
        margin-top: 11px;
        margin-bottom: 11px;
    }
    .recipe-tile:not(.recipe-tile--large) {
        width: 100%;
        padding: 0;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__inner {
        margin: 0;
        display: block;
        min-height: 0;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__inner::after {
        content: "";
        display: table;
        clear: both;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__image {
        float: left;
        width: 100px;
        height: 110px;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__content {
        overflow: hidden;
        position: static;
        padding: 22px 11px 11px 22px;
        min-height: 110px;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__user-name {
        position: absolute;
        background: #EFEFEF;
        bottom: 0;
        left: 0;
        width: 100px;
        padding: 5.5px;
        padding-top: 11px;
        text-align: center;
        font-size: 0.8rem;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__user-name__level {
        display: block;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__user-name__level::before {
        content: normal;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__profile {
        position: static;
        transform: none;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__profile__image {
        display: none;
    }
    .recipe-tile:not(.recipe-tile--large) .recipe-tile__profile__badge {
        top: auto;
        bottom: 27px;
        left: 50px;
        z-index: 1;
        transform: translate(-50%, 0);
        border: 5px solid #EFEFEF;
    }
}

@media (min-width: 640px) {
    .recipe-tile--large {
        width: 694px;
    }
    .recipe-tile--large .recipe-tile__inner {
        display: block;
    }
    .recipe-tile--large .recipe-tile__inner::after {
        content: "";
        display: table;
        clear: both;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__image {
        width: calc(100% - 200px);
        float: left;
        height: 420px;
        background-position: center left;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__content {
        overflow: hidden;
        height: 100%;
        padding-top: 22px;
        min-height: 420px;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__profile {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 7.33333px;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__user-name {
        margin-bottom: 5.5px;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__details {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .recipe-tile--large .recipe-tile__inner .recipe-tile__details__interaction+.recipe-tile__details__interaction {
        margin: 0;
    }
}

@media (min-width: 640px) {
    .recipe-tile--small {
        width: 694px;
    }
    .recipe-tile--small .recipe-tile__inner {
        min-height: 160px;
        display: block;
    }
    .recipe-tile--small .recipe-tile__inner::after {
        content: "";
        display: table;
        clear: both;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__image {
        width: 208px;
        float: left;
        height: 160px;
        background-position: center left;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__content {
        overflow: hidden;
        height: 100%;
        min-height: 160px;
        padding: 11px;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__profile {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding-right: 5rem;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__user-name {
        padding-right: 5rem;
        font-size: 0.8em;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__product-name {
        padding-right: 7rem;
        margin-bottom: 0;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__details {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 5rem;
        position: absolute;
        right: 11px;
        bottom: 11px;
    }
    .recipe-tile--small .recipe-tile__inner .recipe-tile__details__interaction+.recipe-tile__details__interaction {
        margin: 0;
    }
}

@media (min-width: 640px) {
    .recipe-tile--fluid {
        width: 100%;
    }
}

.recipe-tile--slip {
    width: 100%;
    margin-bottom: 11px;
}

.recipe-tile--slip .recipe-tile__inner {
    display: block;
    min-height: 120px;
    margin: 0;
    position: relative;
}

.recipe-tile--slip .recipe-tile__image {
    float: left;
    width: 100px;
    height: 120px;
}

.recipe-tile--slip .recipe-tile__content {
    overflow: hidden;
    position: static;
    padding: 1em;
    min-height: 120px;
}

.recipe-tile--slip .recipe-tile__profile {
    position: static;
    transform: none;
}

.recipe-tile--slip .recipe-tile__profile__image {
    display: none;
}

.recipe-tile--slip .recipe-tile__profile__badge {
    top: auto;
    bottom: 27px;
    left: 50px;
    z-index: 1;
    transform: translate(-50%, 0);
    border: 5px solid #EFEFEF;
}

.recipe-tile--slip .recipe-tile__user-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    padding: 5.5px;
    padding-top: 11px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1;
    background-color: #EFEFEF;
}

.recipe-tile--slip .recipe-tile__product-name {
    margin-right: 2em;
}

.recipe-tile__flow-container--height-reflow {
    height: auto;
    min-height: 0;
}

.recipe-tile__user-name__name {
    text-decoration: none;
    color: #9EABB2;
}

.recipe-tile__user-name__name:hover {
    text-decoration: underline;
}

.recipe-tile--large .recipe-tile__inner .recipe-tile__user-name {
    margin-bottom: 5.5px;
}

.recipe-tile--highlight .recipe-tile__inner {
    outline: 2px solid rgba(37, 134, 30, 0.5);
    outline-offset: -1px;
}

.recipe-tile--preview {
    padding: 0;
}

.recipe-tile--preview .recipe-tile__product-name:hover {
    color: #25861E;
}

.lightbox .recipe-tile--preview .recipe-tile__bookmark {
    display: none;
}

.feature,
.all-chat__wrapper {
    min-height: 200px;
}

@media (max-width: 959px) {
    .feature,
    .all-chat__wrapper {
        padding-bottom: 81px;
    }
}

@media (min-width: 640px) {
    .feature,
    .all-chat__wrapper {
        min-height: 400px;
    }
}

.feature__author {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.feature__author__profile {
    position: relative;
    margin-right: 1.5em;
}

.feature__author__profile__image {
    border: 4px solid #ffffff;
    border-radius: 50%;
    width: auto;
    height: 55px;
}

.feature__author__profile__badge {
    border-radius: 50%;
    top: 28px;
    left: 36px;
    position: absolute;
    width: 25px;
    height: auto;
}

.feature__author__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: left;
    align-items: left;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .feature__author__info {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.feature__author__info__name {
    padding-right: 1em;
    display: inline-block;
    border-right: 0;
}

@media (min-width: 640px) {
    .feature__author__info__name {
        border-right: 1px solid #ffffff;
    }
}

.feature__author__info__date {
    padding-left: 0;
}

@media (min-width: 640px) {
    .feature__author__info__date {
        padding-left: 1em;
    }
}

.feature-inset {
    position: relative;
    z-index: 2;
    padding: 22px 11px 11px 11px;
    max-width: 1120px;
    margin-top: -81px;
    color: #ffffff;
}

@media (min-width: 640px) {
    .feature-inset {
        margin: 0 auto;
        background-color: #EFEFEF;
        padding: 2em 0;
        margin-top: -120px;
        color: #39464E;
        padding: 2em 1.5em;
    }
}

@media (min-width: 960px) {
    .feature-inset {
        margin: -140px auto 0 auto;
    }
}

.feature-inset__container {
    max-width: 896px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 640px) {
    .feature-inset__container {
        margin: 0 1em;
    }
}

@media (min-width: 960px) {
    .feature-inset__container {
        margin: 0 auto;
    }
}

.feature-inset__count {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.feature-inset__cta__button {
    margin-bottom: 0;
    margin-right: 0.6em;
    font-weight: 500;
    text-transform: uppercase;
}

.feature-inset__cta__button:last-of-type {
    margin-right: 0;
}

.feature-inset__count__likes {
    margin-right: 1.2em;
}

.feature-inset__count__likes .icon {
    margin-bottom: 5px;
}

.feature-inset__count__comments .icon {
    margin-bottom: 5px;
}

@media (max-width: 959px) {
    .feature--reflow {
        height: auto;
        min-height: 0;
    }
}

.feature-inset--reflow {
    color: #39464E;
}

@media (max-width: 959px) {
    .feature-inset--reflow {
        margin-top: 0;
    }
}

.feature-inset--wide-wrapped {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    color: #39464E;
}

@media (min-width: 960px) {
    .feature-inset--wide-wrapped {
        margin-top: -50px;
    }
}

.feature-inset--alt-wide {
    background: #ffffff;
    position: relative;
    max-width: 1388px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

@media (min-width: 960px) {
    .feature-inset--alt-wide {
        margin-top: -50px;
    }
}

.feature-inset--alt-wide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
}

.feature-inset--alt-wide .feature-inset__container {
    max-width: none;
}

.feature--centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.feature--centered .navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.feature--pending {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .feature--pending {
        margin-bottom: 22px;
    }
}

@media print {
    .feature {
        min-height: auto;
        padding-bottom: 22px;
    }
    .feature-inset {
        margin-top: 0;
    }
}

@media (min-width: 960px) {
    .feature-inset--short {
        margin-top: -50px;
    }
}

.navigation {
    padding: 0.75em 0.25em;
    position: relative;
    background-color: rgba(255, 255, 255, 0.25);
    z-index: 2;
    font-size: 1rem;
}

.navigation__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1388px;
    margin: 0 auto;
    padding: 0;
}

@media (min-width: 640px) {
    .navigation__container {
        padding: 0 11px;
    }
}

.navigation__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.navigation__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.navigation__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1em;
    margin-left: 0;
}

.navigation__item:last-of-type {
    margin-left: 1em;
    margin-right: 0;
}

@media (min-width: 640px) {
    .navigation__item {
        margin-right: 2em;
        margin-left: 0;
    }
    .navigation__item:last-of-type {
        margin-left: 2em;
        margin-right: 0;
    }
}

.navigation__link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #ffffff;
    text-decoration: none;
    height: 100%;
}

.navigation__link .icon {
    font-size: 1em;
    margin-right: 0.5em;
}

.navigation__link:hover {
    text-decoration: underline;
}

.navigation__left .navigation__link:hover {
    text-decoration: none;
}

.navigation__left .navigation__link:hover a:hover {
    text-decoration: underline;
}

.navigation__link--next .icon {
    margin-right: 0;
    margin-left: 0.5em;
}

.navigation__separator {
    height: 1rem;
    width: 1px;
    background-color: #ffffff;
    display: inline-block;
}

.navigation--droppable {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    margin-bottom: 2em;
}

@media (min-width: 640px) {
    .navigation--droppable {
        margin-bottom: 88px;
    }
}

.navigation--droppable .navigation__link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #25861E;
}

.navigation--droppable .navigation__link__wrapper {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 1.5em;
    text-align: left;
}

@media (min-width: 640px) {
    .navigation--droppable .navigation__link__wrapper {
        margin-right: 4em;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }
}

.navigation--droppable .navigation__link__wrapper--next {
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: 1.5em;
    text-align: right;
}

@media (min-width: 640px) {
    .navigation--droppable .navigation__link__wrapper--next {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 4em;
        text-align: left;
    }
}

.navigation--droppable .navigation__separator {
    background-color: #39464E;
    height: 1rem;
}

@media (min-width: 640px) {
    .navigation--droppable .navigation__separator {
        height: 1.5rem;
    }
}

@media print {
    .navigation {
        display: none !important;
    }
}

.navigation--dark {
    background-color: rgba(223, 223, 223, 0.66);
}

.navigation--dark .navigation__link {
    color: #39464E;
}

.navigation--dark .navigation__separator {
    background-color: #39464E;
}

.tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tags__label {
    margin-bottom: 0.5em;
    margin-right: 0.75em;
}

.tags__container {
    margin-left: 0.5em;
}

.tags__generate {
    margin-bottom: 11px;
    margin-right: 11px;
}

.tags__item {
    padding: 0.3em 0.75em;
    border: 1px solid #DFDFDF;
    border-radius: 1000px;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 0.2em;
    margin-bottom: 0.5em;
    font-weight: 500;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    background-color: #EFEFEF;
    color: #25861E;
    cursor: pointer;
    opacity: 0.99;
}

.tags__item span {
    position: relative;
    z-index: 3;
}

.tags__item:hover {
    color: #ffffff;
    background-color: #25861E;
    border-color: #25861E;
}

.tags__item:active {
    color: #ffffff;
    background-color: #25861E;
    border-color: #25861E;
}

.tags__item:active::before {
    background-color: #25861E;
    border-color: #25861E;
}

.tags__item:active::after {
    border-color: #25861E;
}

.tag__item__remove {
    width: 1.2em;
    height: 1.2em;
    margin-left: 0.25em;
}

.tag__item__remove .icon {
    width: 100%;
    height: 100%;
    margin-bottom: 3px;
}

.tag__item--static {
    color: #25861E;
}

.tag__item--static:hover {
    border-color: #25861E;
    color: #ffffff;
}

.tag__item--static:hover::before {
    border-color: #25861E;
}

.tag__item--static:hover::after {
    border-color: #25861E;
}

.tag__item--static:hover .tag__item__remove {
    border: 1px solid #ffffff;
}

.tag__item--static:active {
    color: #25861E;
    background-color: transparent;
    border-color: #25861E;
}

.tag__item--static:active::before {
    background-color: transparent;
    border-color: #25861E;
}

.tag__item--static:active::after {
    border-color: #25861E;
}

.tag__item--no-hover:hover {
    border-color: #DFDFDF;
    background-color: #EFEFEF;
    color: #25861E;
    cursor: auto;
}

.tags--centered {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.tags--centered .tags__label {
    float: left;
}

.tags--centered .tags__container {
    display: inline-block;
}

@media (max-width: 959px) {
    .tags--centered {
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media print {
    .tags {
        display: none;
    }
}

.tags--free-flow {
    display: block;
}

.tags--free-flow .tags__label {
    float: left;
}

.tags--free-flow .tags__container {
    margin-left: 0;
}

.groups-slider {
    margin-left: -11px;
    margin-right: -11px;
    max-width: 950px;
}

@media (min-width: 960px) {
    .groups-slider {
        padding: 0 44px;
        margin: 0 auto;
    }
}

.groups-slider .slick-next {
    right: 20px;
}

.groups-slider .slick-next::before {
    content: '›';
}

.groups-slider .slick-prev {
    left: 20px;
}

.groups-slider .slick-prev::before {
    content: '‹';
}

.groups-slider .slick-next,
.groups-slider .slick-prev {
    z-index: 1;
    top: 28%;
    width: auto;
    height: auto;
}

.groups-slider .slick-next::before,
.groups-slider .slick-prev::before {
    padding: 0 10px;
    font-family: 'Arial';
    color: #39464E;
    font-size: 40px;
    opacity: 0;
}

@media (min-width: 960px) {
    .groups-slider .slick-next::before,
    .groups-slider .slick-prev::before {
        opacity: 1;
        padding: 0 15px;
    }
}

.groups-slider .slick-next::before:hover,
.groups-slider .slick-prev::before:hover {
    opacity: 1;
}

.groups-slider .slick-next.slick-disabled,
.groups-slider .slick-prev.slick-disabled {
    opacity: 0;
}

.groups-slider .slick-track {
    margin: 0 auto;
}

.groups-slider__group {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #39464E;
    padding: 0 11px;
}

.groups-slider__group:hover {
    color: #39464E;
}

.groups-slider__group__image {
    width: 100%;
    max-width: 110px;
    margin-left: auto;
    margin-right: auto;
}

.groups-slider__group__image__inner {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 22px;
}

.groups-slider--collections {
    max-width: none;
}

.groups-slider--collections .slick-next,
.groups-slider--collections .slick-prev {
    top: 35%;
}

.groups-slider--collections .groups-slider__group {
    position: relative;
}

.groups-slider--collections .groups-slider__group__image {
    max-width: 175px;
}

.groups-slider--collections .groups-slider__group__image__inner {
    margin-bottom: 0;
    border-radius: 15px;
    padding-bottom: 45%;
    position: relative;
}

.groups-slider--collections .groups-slider__group__image__inner::after {
    content: '';
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.groups-slider--collections .groups-slider__group__name {
    display: block;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    color: #ffffff;
    max-width: 175px;
    width: 100%;
    padding: 11px 22px;
    margin-bottom: 0;
}

.groups-slider--members {
    max-width: none;
}

.groups-slider--members .groups-slider__group__image {
    max-width: 80px;
    position: relative;
}

.groups-slider--members .groups-slider__group__image__badge {
    width: 40px;
    height: auto;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    right: -7px;
}

.groups-slider--members .groups-slider__group__name__primary {
    color: #25861E;
}

.groups-slider--members .groups-slider__group__name__secondary {
    color: #9EABB2;
}

.filterable-hub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: relative;
}

@media (min-width: 960px) {
    .filterable-hub {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.filterable-hub__filters {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #ffffff;
    outline: 1px solid #DFDFDF;
    padding: 22px;
    position: relative;
    margin-bottom: 22px;
}

@media (min-width: 960px) {
    .filterable-hub__filters {
        margin-bottom: 0;
        margin-bottom: 22px;
        width: calc(100% - 694px);
        max-width: 325px;
        margin-right: 22px;
        padding-bottom: 22px;
    }
}

.filterable-hub__filters.is-open {
    box-shadow: none;
}

@media (max-width: 959px) {
    .filterable-hub__filters.is-open {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.29);
        background: #EFEFEF;
    }
    .filterable-hub__filters.is-open .filterable-hub__filters__head {
        background: #EFEFEF;
    }
    .filterable-hub__filters.is-open .filterable-hub__filters-toggle__icon {
        transform: rotate(180deg);
    }
    .filterable-hub__filters.is-open .filterable-hub__filters-content {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.29);
    }
}

.filterable-hub__filters-toggle span {
    font-weight: 500;
}

.filterable-hub__filters__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0;
}

.filterable-hub__filters__foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #25861E;
}

@media (max-width: 959px) {
    .filterable-hub__filters-content {
        padding: 22px 22px 0 22px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #ffffff;
        z-index: 5;
        outline: 1px solid #DFDFDF;
    }
    .filterable-hub__filters-content:not(.is-open) {
        display: none;
    }
}

@media (max-width: 959px) {
    .filterable-hub__filters-content {
        padding: 33px 22px 22px 22px;
    }
}

.filterable-hub__filters__accordion-head {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 959px) {
    .filterable-hub__filters__accordion-head {
        color: #25861E;
    }
    .filterable-hub__filters__accordion-head>* {
        font-weight: 500;
    }
}

@media (min-width: 960px) {
    .filterable-hub__filters__accordion-head {
        cursor: default;
    }
}

.filterable-hub__filters__accordion-head.is-open .filterable-hub__filters__accordion-head__icon {
    transform: rotate(180deg);
}

@media (min-width: 960px) {
    .filterable-hub__filters__accordion-head__icon {
        display: none;
    }
}

@media (max-width: 959px) {
    .filterable-hub__filters__accordion-content:not(.is-open) {
        display: none;
    }
}

.filterable-hub__split-layout {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .filterable-hub__split-layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .filterable-hub__split-layout>* {
        margin: 0;
    }
}

.filterable-hub__items {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.hub-pagination {
    text-align: right;
    margin-bottom: 22px;
}

.hub-pagination__link {
    text-decoration: none;
}

.hub-pagination__link.is-current-page {
    color: #39464E;
    cursor: default;
    pointer-events: none;
    font-weight: bold;
}

.hub-pagination__link.is-current-page:hover {
    color: #39464E;
}

.hub-pagination__link+.hub-pagination__link {
    margin-left: 0.5em;
}

.hub-pagination__link.is-inactive {
    color: #9EABB2;
    cursor: default;
    pointer-events: none;
}

.filterable-hub__split-layout--pad-out {
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    padding-bottom: 33px;
}

.hub-pagination--center {
    text-align: center;
}

.hub-pagination--mobile-center {
    text-align: center;
}

@media (min-width: 960px) {
    .hub-pagination--mobile-center {
        text-align: right;
    }
}

.hub-pagination--round-button .hub-pagination__inner {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 960px) {
    .hub-pagination--round-button .hub-pagination__inner {
        text-align: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.hub-pagination--round-button .hub-pagination__link--prev {
    margin-right: 0.5em;
}

.hub-pagination--round-button .hub-pagination__link--next {
    margin-left: 0.5em;
}

.hub-pagination--round-button .hub-pagination__link--prev,
.hub-pagination--round-button .hub-pagination__link--next {
    padding: 0.6em;
    border-radius: 999px;
    border: 1px solid #25861E;
}

.hub-pagination--round-button .hub-pagination__link--prev.is-inactive,
.hub-pagination--round-button .hub-pagination__link--next.is-inactive {
    border: 1px solid #9EABB2;
}

.hub-pagination--round-button .search__input {
    width: 2.75em;
    padding: 0;
    text-align: center;
}

.hub-pagination--round-button .hub-pagination__text {
    padding: 0 0.5em;
    font-size: 1rem;
}

.hub-pagination--round-button .hub-pagination__text+.hub-pagination__text {
    padding-left: 0;
}

.hub-pagination__button {
    margin: 0;
    padding: 0.8rem 0.8rem;
    margin-left: 0.4em;
}

.filterable-hub__filters--product-filter {
    display: block;
    margin-bottom: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    margin-bottom: 22px;
}

.filterable-hub__filters--product-filter.is-open .filterable-hub__filters__head {
    background: #EFEFEF;
}

@media (min-width: 960px) {
    .filterable-hub__filters--product-filter {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 1366px) {
    .filterable-hub__filters--product-filter {
        display: none;
    }
}

.filterable-hub__filters--product-filter .filterable-hub__filters__head {
    background: #ffffff;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 1em 22px;
    color: #25861E;
    margin-bottom: 0;
    width: 100%;
}

@media (min-width: 960px) {
    .filterable-hub__filters--product-filter .filterable-hub__filters__head {
        padding: 1em 22px;
    }
}

.filterable-hub__filters--product-filter .filterable-hub__filters__head__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
}

.filterable-hub__filters--product-filter .filterable-hub__filters-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 5;
    outline: 1px solid #DFDFDF;
    padding: 22px;
}

.filterable-hub__filters--product-filter .filterable-hub__filters-content:not(.is-open) {
    display: none;
}

.filterable-hub__filters--product-filter .filterable-hub__filters__accordion-head {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: #25861E;
    cursor: default;
}

.filterable-hub__filters--product-filter .filterable-hub__filters__accordion-head>* {
    font-weight: 500;
}

.filterable-hub__filters--product-filter .filterable-hub__filters__accordion-content:not(.is-open) {
    display: none;
}

.filterable-hub__filters--product-filter .filterable-hub__filters__accordion-head__icon {
    display: block;
}

.filterable-hub__filters__accordion-head.is-open .filterable-hub__filters--product-filter .filterable-hub__filters__accordion-head__icon {
    transform: rotate(180deg);
}

.filterable-hub--team-bunch {
    margin-top: 44px;
}

.filterable-hub--team-bunch.chat-hub {
    margin-top: 0;
}

@media (max-width: 959px) {
    .filterable-hub--team-bunch {
        margin-top: 0;
    }
}

.filterable-hub--team-bunch .filterable-hub__filters {
    outline: 0;
    background-color: transparent;
    padding: 0;
}

.filterable-hub--team-bunch .filterable-hub__split-layout {
    margin-bottom: 22px;
}

@media (max-width: 959px) {
    .filterable-hub--team-bunch .filterable-hub__split-layout {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .filterable-hub--team-bunch .filterable-hub__split-layout>.h-2,
    .filterable-hub--team-bunch .filterable-hub__split-layout>.action-item__text-wrapper__number,
    .filterable-hub--team-bunch .filterable-hub__split-layout>.action-item__text-wrapper__icon {
        margin-bottom: 0;
    }
}

@media (max-width: 639px) {
    .filterable-hub--team-bunch .filterable-hub__split-layout {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
    }
}

@media (max-width: 959px) {
    .filterable-hub__controls {
        width: 100%;
        margin-bottom: 11px;
    }
    .filterable-hub__controls .styled-label {
        display: block;
    }
}

.filterable-hub__controls__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.filterable-hub__controls__row>div {
    -ms-flex: 1;
    flex: 1;
    max-width: 275px;
}

@media (max-width: 959px) {
    .filterable-hub__controls__row {
        margin-bottom: 11px;
    }
    .filterable-hub__controls__row .styled-select {
        width: 100%;
    }
}

.filterable-hub__controls__mobile-filter {
    display: none;
}

@media (max-width: 959px) {
    .filterable-hub__controls__mobile-filter {
        display: inline-block;
        font-size: 0.875rem;
    }
    .filterable-hub__controls__mobile-filter .button--r2 {
        font-size: 0.875rem;
        border-radius: 0px;
    }
}

.filterable-hub__results-count {
    font-size: 1rem;
    color: #9EABB2;
    font-family: helvetica, arial, sans-serif;
}

@media (max-width: 959px) {
    .filterable-hub__results-count {
        display: inline-block;
        margin-left: 0.3rem;
    }
    .filterable-hub__results-count::before {
        content: '(';
        float: left;
    }
    .filterable-hub__results-count::after {
        content: ')';
        float: right;
    }
}

.filterable-hub .chat-tile--large {
    margin-bottom: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 420px;
}

.filterable-hub .comments {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.filterable-hub .comments__body>.comments__node:first-of-type {
    margin-top: 0;
}

.lightbox--chat-hub .chat-fliter--team-bunch {
    height: 82%;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding-top: 1em;
    margin-bottom: 2rem;
    -webkit-overflow-scrolling: touch;
}

.chat-fliter--team-bunch__wrapper {
    height: 90vh;
}

.chat-hub.filterable-hub {
    -ms-flex-direction: column;
    flex-direction: column;
}

.comments {
    margin: 0 11px;
}

@media (min-width: 640px) {
    .comments {
        margin: 0;
    }
}

.comments__top {
    padding-bottom: 1em;
    margin-bottom: 1em;
}

@media (min-width: 640px) {
    .comments__top {
        margin-bottom: 1.5em;
        padding-bottom: 1em;
    }
}

.comments__body {
    margin-bottom: 33px;
}

.comments__body--chat-post-reply .comments__node.is-pinned .comment__feature {
    display: block;
}

.comments__body--chat-post-reply .comments__node__comment {
    position: relative;
}

.comments__body--chat-post-reply .comment__feature {
    display: none;
    background: #EFBB2B;
    color: #ffffff;
    position: absolute;
    top: -0.9em;
    left: auto;
    right: 1em;
    padding: 5.5px 10px;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .comments__body--chat-post-reply .comment__feature {
        left: 1.75em;
        right: auto;
    }
}

.comments__body--chat-post-reply .comment__feature h4 {
    font-weight: 500;
}

.comments__body--chat-post-reply .hub-pagination {
    margin-top: 22px;
    margin-bottom: 44px;
}

.comments__body--chat-post-reply .hub-pagination .hub-pagination__inner {
    -ms-flex-pack: center;
    justify-content: center;
}

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

.comments__toggle .active {
    display: none;
}

.comments__toggle .default {
    display: block;
}

.comments__toggle.is-active .active {
    display: block;
}

.comments__toggle.is-active .default {
    display: none;
}

.comments__form {
    display: none;
    border: 1px solid #DFDFDF;
    background-color: #ffffff;
    padding: 2em;
    position: relative;
    margin-top: 1.5em;
}

.comments__form::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    position: absolute;
    display: block;
    top: 0;
    right: 2em;
    transform: translate(-50%, -50%) rotate(45deg);
    border-left: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

.comments__form.is-open {
    display: block;
}

.comments__form__label {
    display: block;
    margin-bottom: 0.5em;
}

.comments__form__input {
    display: block;
    width: 100%;
    margin-bottom: 1.5em;
    font-size: 1rem;
    padding: 0.6em;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
}

.comments__form__textarea {
    width: 100%;
    display: block;
    border-radius: 5px;
    margin-bottom: 1.5em;
    border: 1px solid #DFDFDF;
}

.comments__form__submit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .comments__form__submit {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.comments__form__submit>button,
.comments__form__submit>span {
    margin-bottom: 0;
}

@media (max-width: 959px) {
    .comments__form__submit>button,
    .comments__form__submit>span {
        margin-bottom: 1em;
    }
}

.comments__form__submit.button span {
    margin-bottom: 0;
}

.comments__form__submit.button {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.lightbox .comments__form__submit {
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    .lightbox .comments__form__submit {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.comments__form__submit__wrapper {
    text-align: right;
}

.comments__form__submit__wrapper--flex-r {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .comments__form__submit__wrapper--flex-r {
        margin-left: auto;
        margin-right: 0;
    }
}

.comments__node {
    display: block;
    margin-top: 11px;
}

@media (min-width: 640px) {
    .comments__node {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 22px;
    }
}

.comments__node.is-private .comment__subtext--private {
    display: inline-block;
}

.comments__node__user {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
}

@media (min-width: 640px) {
    .comments__node__user {
        display: block;
        max-width: 160px;
    }
}

.comments__node__comment {
    -ms-flex: 1;
    flex: 1;
    padding: 1em;
    border: 1px solid #DFDFDF;
    background-color: #ffffff;
    border-radius: 0.5em;
    position: relative;
    min-height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0.5em;
}

.comments__node__comment::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 2em;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    transform: translate(-50%, -50%) rotate(45deg);
    border-left: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    border-bottom: 0;
}

@media (min-width: 640px) {
    .comments__node__comment {
        margin-top: 0;
        min-height: 160px;
        padding: 1em 2em;
    }
    .comments__node__comment::after {
        top: 2em;
        left: -1px;
        border-top: 0;
        border-bottom: 1px solid #DFDFDF;
    }
}

.comments__node__comment--offical {
    background-color: #e7f3d6;
}

.comments__node__comment--offical:after {
    background-color: #e7f3d6;
}

.comment__title {
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 0.25em;
    width: 100%;
    word-break: break-word;
    padding-right: 20px;
}

@media (min-width: 960px) {
    .comment__title {
        width: 75%;
        padding-right: 0px;
    }
}

.comment__information {
    -ms-flex-positive: 1;
    flex-grow: 1;
    word-break: break-word;
}

.comment__information>img {
    max-width: 330px;
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .comment__information>img {
        max-width: 600px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.comment__information--cropped {
    margin-right: 110px;
}

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

.comment__information+.comment__options {
    margin-top: 1.5em;
}

.comment__date {
    font-size: 0.8rem;
    color: #9EABB2;
    display: inline-block;
}

.comment__actions {
    margin-left: 0;
    font-size: 0.8rem;
    display: block;
}

.comment__actions .icon {
    font-size: 1rem;
}

@media (min-width: 640px) {
    .comment__actions {
        margin-left: 1em;
        display: inline-block;
    }
}

.comments__node__user__profile__image {
    border: 4px solid #ffffff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.comments__node__user__profile__badge {
    border-radius: 50%;
    top: 28px;
    left: 36px;
    position: absolute;
    width: 25px;
    height: auto;
}

.comments__node__user__profile {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5em;
    margin-right: 1em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .comments__node__user__profile {
        margin-right: 0;
    }
}

.comments__node__user__name {
    display: block;
    color: #9EABB2;
    text-decoration: none;
    margin-right: 0.25em;
    word-break: word-wrap;
}

@media (min-width: 640px) {
    .comments__node__user__name {
        margin-right: 0;
    }
}

.comments__node__user__name:hover {
    text-decoration: underline;
}

.comments__node__user__rank {
    display: block;
    color: #9EABB2;
    margin-left: 0.25em;
    font-size: 0.875rem;
}

@media (min-width: 640px) {
    .comments__node__user__rank {
        margin-left: 0;
    }
}

.comments__node--wrapped {
    margin-left: -11px;
    margin-right: -11px;
}

@media (min-width: 640px) {
    .comments__node--wrapped {
        margin-left: 0;
        margin-right: 0;
    }
}

.comments__node--wrapped .comments__node__user {
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
}

.comments__node--chat-hub .comments__node__comment {
    min-height: 120px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    max-width: 100%;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comments__node__comment {
        max-width: calc(100% - 160px);
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 1.5em;
        padding-left: 1.5em;
    }
}

.comments__node--chat-hub.is-updated .comments__node__comment .update-notification {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin-right: 0.1em;
}

.comments__node--chat-hub.is-editor-pick .comments__node__comment .comment__feature {
    display: block;
}

.comments__node--chat-hub.is-pinned .comments__node__comment .comment__feature {
    display: block;
    background: #EFBB2B;
}

.comments__node--chat-hub.is-private .comment__link {
    display: none;
}

.comments__node--chat-hub .comment__title-wrapper {
    position: relative;
}

.comments__node--chat-hub .comment__feature {
    display: none;
    background: #A5C84D;
    color: #ffffff;
    position: absolute;
    top: -1.75em;
    left: auto;
    right: 0;
    padding: 5.5px 10px;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__feature {
        left: 0;
        right: auto;
    }
}

.comments__node--chat-hub .comment__feature h4 {
    font-weight: 500;
}

.comments__node--chat-hub .comment__title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 40px);
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__title {
        width: calc(100% - 55px);
    }
}

.comments__node--chat-hub .discussion-card__bookmark {
    top: 0;
    right: 2em;
}

.comments__node--chat-hub .comment__description {
    font-size: 0.8rem;
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__description {
        display: inline;
    }
}

.comments__node--chat-hub .comment__information {
    margin-top: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.8rem;
    margin-top: 0.75em;
    color: #9EABB2;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__information {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__node--chat-hub .comment__link,
.comments__node--chat-hub.is-private .comment__link--private {
    display: inline-block;
    font-size: 0.8rem;
    color: #9EABB2;
    font-family: helvetica, arial, sans-serif;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 2em;
}

.comments__node--chat-hub .comment__link:hover,
.comments__node--chat-hub.is-private .comment__link--private:hover {
    color: #9EABB2;
}

.comments__node--chat-hub .comment__link a:hover,
.comments__node--chat-hub.is-private .comment__link--private a:hover {
    cursor: pointer;
}

.comments__node--chat-hub .comment__link a,
.comments__node--chat-hub.is-private .comment__link--private a {
    color: #9EABB2;
}

.comments__node--chat-hub.is-private .comment__link--private {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.comments__node--chat-hub .comment__link--private {
    display: none;
}

.comments__node--chat-hub .comment__split-layout {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__split-layout {
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: none;
        width: auto;
    }
}

.comments__node--chat-hub.is-private .comment__split-layout {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .comments__node--chat-hub.is-private .comment__split-layout {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.comments__node--chat-hub .comment__icon {
    color: #9EABB2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0.3em;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__icon {
        margin-bottom: 0;
        margin-left: auto;
    }
}

.comments__node--chat-hub .comment__icon__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8rem;
    margin-right: 0;
}

.comments__node--chat-hub .comment__icon__stats+.comment__icon__stats {
    margin-left: 0.8em;
}

.comments__node--chat-hub .comment__icon__stats__icon {
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.25em;
}

.comments__node--chat-hub .comment__date {
    max-width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub .comment__date {
        max-width: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
    }
}

.comments__node--chat-hub button:focus {
    outline: none;
}

@media (max-width: 959px) {
    .comments__node--chat-hub .comments__node__user__name,
    .comments__node--chat-hub .comments__node__user__rank {
        font-size: 0.8571rem;
    }
}

.comment__right-cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {
    .comment__right-cta {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.comment__right-cta__wrapper {
    display: -ms-flexbox;
    display: flex;
}

.comment__right-cta__wrapper .button--spaced-right {
    margin-right: 0.3rem;
}

.comment__right-cta--chat-post {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment__right-cta--chat-post .comment__right-cta__full-width-mobile {
    display: block;
}

@media (max-width: 768px) {
    .comment__right-cta--chat-post .comment__right-cta__wrapper:first-of-type {
        width: 100%;
        margin-bottom: 11px;
    }
    .comment__right-cta--chat-post .comment__right-cta__wrapper:first-of-type .button {
        width: 100%;
        margin-right: 0px;
    }
    .comment__right-cta--chat-post .comment__right-cta__wrapper:nth-of-type(2) {
        width: 48%;
        margin-right: 4%;
    }
    .comment__right-cta--chat-post .comment__right-cta__wrapper {
        width: 48%;
    }
    .comment__right-cta--chat-post .comment__right-cta__wrapper .button:first-of-type {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .comment__right-cta--chat-post .comment__right-cta__wrapper .button:first-of-type .button__wrapper {
        width: 100%;
    }
    .comment__right-cta--chat-post .button--counter-l {
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .comment__right-cta--chat-post .button--counter-l .button__wrapper {
        width: 100%;
    }
    .comment__right-cta--chat-post .button--counter-r {
        padding-left: 0.4rem;
    }
}

@media (max-width: 370px) {
    .comment__right-cta--chat-post .button--counter-l.is-active .button__wrapper {
        min-height: 21.59px;
    }
    .comment__right-cta--chat-post .button--counter-l.is-active .icon {
        display: none;
    }
}

.comments__node--chat-hub-trending .comments__node__comment {
    min-height: 120px;
    padding-right: 1.5em;
    padding-left: 1.5em;
    max-width: 100%;
    padding-top: 1.3em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-trending .comments__node__comment {
        padding-top: 1em;
    }
}

.comments__node--chat-hub-trending .comments__node__comment.is-updated .update-notification {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin-right: 0.1em;
}

.comments__node--chat-hub-trending .comments__node__comment.is-editor-pick .comment__feature {
    display: block;
}

.comments__node--chat-hub-trending .comment__title-wrapper {
    position: relative;
}

.comments__node--chat-hub-trending .comment__description {
    font-size: 0.8rem;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-trending .comment__description {
        display: inline;
    }
}

.comments__node--chat-hub-trending .comment__feature {
    display: none;
    background: #A5C84D;
    color: #ffffff;
    position: absolute;
    top: -1.75em;
    left: 0;
    padding: 5.5px 10px;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-size: 1.1rem;
}

.comments__node--chat-hub-trending .comment__feature h4 {
    font-weight: 500;
}

.comments__node--chat-hub-trending .comment__link {
    font-size: 0.8rem;
    color: #9EABB2;
    display: inline-block;
    font-family: helvetica, arial, sans-serif;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.comments__node--chat-hub-trending .comment__link:hover {
    color: #9EABB2;
}

.comments__node--chat-hub-trending .comment__link a:hover {
    cursor: pointer;
}

.comments__node--chat-hub-trending .comment__link a {
    color: #9EABB2;
}

.comments__node--chat-hub-trending .comment__title {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comments__node--chat-hub-trending .comment__information {
    margin-top: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.8rem;
    margin-top: 0.75em;
    color: #9EABB2;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-trending .comment__information {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__node--chat-hub-trending .discussion-card__bookmark {
    top: 0;
    right: 2em;
}

.comments__node--chat-hub-trending .comment__split-layout {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.comments__node--chat-hub-trending .comment__icon {
    color: #9EABB2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 0;
    margin-bottom: 0.3em;
    margin-top: 0.5em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-trending .comment__icon {
        margin-bottom: 0;
        margin-left: auto;
        margin-top: 0em;
    }
}

.comments__node--chat-hub-trending .comment__title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 60px);
    width: 100%;
}

.comments__node--chat-hub-trending .comment__icon__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9rem;
    margin-right: 0;
}

.comments__node--chat-hub-trending .comment__icon__stats+.comment__icon__stats {
    margin-left: 0.8em;
}

.comments__node--chat-hub-trending .comment__icon__stats__icon {
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.25em;
}

.comments__node--chat-hub-trending .comment__date {
    max-width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-trending .comment__date {
        max-width: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
    }
}

.comments__node--chat-hub-reply .comments__node__comment {
    max-width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-reply .comments__node__comment {
        max-width: calc(100% - 134px);
    }
}

.comments__node--chat-hub-reply .comment__title {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comments__node--chat-hub-reply .comment__information {
    margin-top: auto;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8rem;
    color: #9EABB2;
    display: inline-block;
}

.comments__node--chat-hub-reply .comment__link:hover {
    color: #9EABB2;
}

.comments__node--chat-hub-reply .comment__link a:hover {
    cursor: pointer;
}

.comments__node--chat-hub-reply .comment__icon {
    color: #9EABB2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0.3em;
}

@media (min-width: 640px) {
    .comments__node--chat-hub-reply .comment__icon {
        margin-bottom: 0;
        margin-left: auto;
    }
}

.comments__node--chat-hub-reply .comment__icon__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9rem;
    margin-right: 0;
}

.comments__node--chat-hub-reply .comment__icon__stats+.comment__icon__stats {
    margin-left: 0.8em;
}

.comments__node--chat-hub-reply .comment__icon__stats__icon {
    width: 0.75em;
    height: 0.75em;
    margin-right: 0.25em;
}

.comment__split-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .comment__split-layout {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.comment__subtext {
    display: inline-block;
    font-size: 0.8rem;
    color: #9EABB2;
    margin-right: 0.5em;
}

.comment__subtext:last-of-type {
    margin-right: 0;
}

.comment__subtext button {
    text-decoration: underline;
}

.comment__subtext--private {
    display: none;
}

.comment__divider {
    height: 10px;
    width: 100%;
    display: block;
}

@media (min-width: 640px) {
    .comment__divider {
        display: none;
    }
}

.comment__subtext__icon {
    width: 1em;
    height: 1em;
}

.comment__options--mobile-collapse {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 640px) {
    .comment__options--mobile-collapse {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__heading--mobile-collapse {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 640px) {
    .comments__heading--mobile-collapse {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__heading__title {
    margin-bottom: 22px;
}

@media (min-width: 640px) {
    .comments__heading__title {
        margin-bottom: 0;
    }
}

.comment__options__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.comment__options--reply {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.comment__options--reply .comment__options__left {
    margin-bottom: 0.5em;
}

.comment__options--reply .comment__options__right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.comment__options--reply .comment__options__right button {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.comment__options--reply .comment__options__right>button:first-of-type {
    margin-right: 1rem;
}

.comment__options--reply .comment__options__right .icon {
    height: 21px;
    width: 23px;
    margin-top: -3px;
}

@media (min-width: 640px) {
    .comment__options--reply {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
    .comment__options--reply .comment__options__left {
        margin-bottom: 0;
    }
    .comment__options--reply .comment__options__right {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.comment__rating {
    margin-bottom: 0.25em;
}

.comment__rating__star {
    display: inline-block;
}

.comments__node--review .comments__node__user {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.comments__node--review .comments__node__comment {
    position: relative;
}

@media (min-width: 640px) {
    .comments__node--review .comments__node__comment {
        max-width: 80%;
    }
}

.comments__node--review .comment__information {
    margin-bottom: 1em;
}

@media (min-width: 640px) {
    .comments__node--review .comment__information {
        margin-bottom: 0;
    }
}

@media (min-width: 640px) {
    .comments__node--review .comment__information--cropped {
        margin-right: 110px;
    }
}

.comments__node--review .comment__title {
    width: 100%;
    line-height: 1.250em;
}

@media (min-width: 640px) {
    .comments__node--review .comment__title {
        width: calc(100% - 100px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.comments__node--review .comment__title a {
    text-decoration: none;
}
	
.comments__node--review .comment__image {
    position: relative;
    max-width: 100px;
}

/* SFBUN-3658_Sheeba */
@media (min-width: 640px) {
    .comments__node--review .comment__image {
        position: absolute;
        top: 50%;
        right: 2em;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .comments__node--review .comment__images {
        position: absolute;
        top: 50%;
        right: 2em;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
	/* SFBUN-3658_Sheeba_Keep this cls inside the loop */
    .comments__node--review .comment__image {
        float: right;
        display: inline-block;
    }
	
}
/* SFBUN-3658_Sheeba */
.comments__node--review .comment__image__img {
    display: block;
}

.comments__node--review .comment__link {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    padding-bottom: 1em;
    line-height: 1.3;
    max-width: 100%;
}

@media (min-width: 640px) {
    .comments__node--review .comment__link {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 330px;
        padding-bottom: 0;
    }
}

@media (min-width: 960px) {
    .comments__node--review .comment__link {
        max-width: 355px;
    }
}

@media (max-width: 959px) {
    .comments__node--review .comment__cta {
        padding-bottom: 11px;
    }
}

.comments__node--review .comments__node__comment__desc {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: calc(100% - 20px);
}

.comments__node--review .comments__node__comment__desc::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 639px) {
    .comments__node--review .comments__node__comment {
        display: block;
    }
    .comments__node--review .comments__node__comment__desc {
        width: auto;
        display: inline-block;
        min-height: 100px;
        position: relative;
    }
	/*SFBUN-3658_Sheeba */
    .comments__node--review .comment__image {
        float: right;
        display: inline-block;
        position: relative;
        bottom: 85px;
    }
    .comments__node--review .comment__images {
        float: right;
        display: inline-block;
    }
	/*SFBUN-3658_Sheeba */
    .comments__node--review .comment__cta {
        padding-bottom: 0;
    }
    .comments__node--review .comment__link {
        padding-bottom: 5px;
        padding-top: 0px;
        font-size: 0.875rem;
        line-height: 1.14;
    }
    .comments__node--review .rating--comment .rating__half,
    .comments__node--review .rating--comment .rating__empty,
    .comments__node--review .rating--comment .rating__fill {
        font-size: 0.875rem;
    }
    .comments__node--review .comment__read-more {
        font-size: 0.875rem;
    }
    .comments__node--review .rating__points {
        margin-bottom: 0.25em;
    }
    .comments__node--review .comment__information {
        margin-bottom: 1.25em;
    }
    .comments__node--review .comment__date {
        font-size: 0.7rem;
    }
    .comments__node--review .comment__read-more {
        font-size: 0.875rem;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .comments__node--review .comment__title {
        margin-bottom: 0.125em;
        max-width: calc(100vw - 165px);
    }
}

.comments__placeholder {
    display: block;
}

.comments__placeholder.is-hidden {
    display: none;
}

.comments--product-review {
    margin: 0;
}

.comments__node--product .comment__options {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .comments__node--product .comment__options {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__node--product .comment__options--reply {
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 640px) {
    .comments__node--product .comment__options--reply {
        -ms-flex-align: center;
        align-items: center;
    }
}

.comments__node--product .comment__options.comment__social {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {
    .comments__node--product .comment__options.comment__social {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.comments__node--product .comment__options__right {
    width: 100%;
}

@media (min-width: 640px) {
    .comments__node--product .comment__options__right {
        width: auto;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (max-width: 959px) {
    .comments__node--product.comments__node--user-product .comment__options {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.comment__link {
    margin-bottom: 0;
    text-decoration: none;
    display: inline-block;
}

.comment__link:hover {
    color: #125430;
}

.comment__edit-button {
    position: absolute;
    right: 1em;
    top: 1em;
    color: #125430;
}

.comments__node--highlight .comments__node__comment {
    border-color: #25861e;
}

.comments__node--highlight .comments__node__comment::after {
    border-color: #25861e;
}

.comments__node--highlight .rating__half,
.comments__node--highlight .rating__empty,
.comments__node--highlight .rating__fill {
    fill: #25861E;
}

.comments__node--small {
    margin-top: 7px;
}

@media (min-width: 960px) {
    .comments__node--small {
        margin-top: 14px;
    }
}

.comments__node--small .comments__node__user {
    font-size: 0.8125rem;
    line-height: 1rem;
}

.comments__node--small .comments__node__user__profile__image {
    width: 48px;
    height: 48px;
}

.comments__node--small .comments__node__user__profile__badge {
    width: 20px;
    display: inline;
}

.comments__node--small .comments__node__comment {
    min-height: 90px;
}

@media (min-width: 640px) {
    .comments__node--small .comment__title {
        white-space: nowrap;
    }
}

.comments__node--small .comment__description {
    display: block;
}

#start-chat-other-chats .scrollable-block {
    min-height: 60vh;
    padding: 7px;
    border: 1px solid #E2E4E4;
}

.comments__node--customer .discussion-card__follow {
    display: none;
}

.comments__node--customer .discussion-card__bookmark {
    right: 0;
}

.comments__node--customer .comments__node__user__profile__badge {
    display: none;
}

.lightbox .comments__node--customer .discussion-card__bookmark {
    display: none;
}

.comment__options--review-new {
    margin-top: 0 !important;
}

.notified-users .icon {
    float: left;
    height: 20px;
    margin-left: -6px;
}

.comment__options__right--myreview {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.comment__options__right--myreview .comment__right-cta__wrapper {
    -ms-flex-align: center;
    align-items: center;
}

.comment__options__right--myreview button:first-of-type {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.comment__options__right--myreview .button--counter-round {
    height: 20px;
}

.comment__options__right--myreview .icon {
    height: 21px;
    width: 23px;
}

.search {
    position: relative;
    margin: 0 auto;
    max-width: 670px;
}

.search__input {
    margin-bottom: 0;
    padding-right: 4.75em;
    border-radius: 0.25em;
    border: 2px solid #979797;
    outline: 0;
    font-family: helvetica, arial, sans-serif;
}

.search__input:-ms-input-placeholder {
    color: #9EABB2;
}

.search__input::placeholder {
    color: #9EABB2;
}

.search__input::-ms-clear {
    display: none;
}

.search--mobile-hide {
    display: none;
}

@media (min-width: 640px) {
    .search--mobile-hide {
        display: block;
    }
}

.search__submit {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}

.search__clear {
    position: absolute;
    right: 3.5em;
    top: 50%;
    transform: translateY(-50%);
}

.search__clear--chat {
    right: -4.25em;
    background-color: #EFEFEF;
    width: 4.4em;
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
    padding: 0.75em 0.6em 0.75em 0.6em;
    border: 2px solid #979797;
    top: 0;
    transform: none;
}

.create-recipe__wrapper {
    position: relative;
    background-position: center;
    background-size: cover;
}

.create-recipe {
    position: absolute;
    top: 0.8125rem;
    right: 1em;
    width: 48px;
    height: 48px;
    z-index: 10;
    padding: 0;
}

.create-recipe .button__wrapper {
    width: 100%;
    height: 100%;
}

.create-recipe .icon {
    margin-left: 0;
}

@media (min-width: 640px) {
    .create-recipe {
        width: auto;
        height: auto;
        padding: 0.7rem 1.4rem;
        top: 1.5rem;
    }
    .create-recipe .icon {
        position: static;
        margin-left: 0.5em;
    }
}

.all-chat__wrapper {
    position: relative;
    background-position: center;
    background-size: cover;
    min-height: 200px;
}

@media (min-width: 640px) {
    .all-chat__wrapper {
        min-height: 400px;
    }
}

.start-chat {
    position: absolute;
    top: 0.8125rem;
    right: 1em;
    width: 48px;
    height: 48px;
    z-index: 10;
    padding: 0;
}

.start-chat .button__wrapper {
    width: 100%;
    height: 100%;
}

.start-chat .icon {
    margin-left: 0;
}

@media (min-width: 640px) {
    .start-chat {
        width: auto;
        height: auto;
        padding: 0.7rem 1.4rem;
        top: 1.5rem;
    }
    .start-chat .icon {
        position: static;
        margin-left: 0.5em;
    }
}

.search-chat {
    position: absolute;
    top: 0.8125rem;
    right: 5em;
    width: 48px;
    height: 48px;
    z-index: 10;
    padding: 0;
    display: block;
}

.search-chat .button__wrapper {
    width: 100%;
    height: 100%;
}

.search-chat .icon {
    margin-left: 0;
}

@media (min-width: 640px) {
    .search-chat {
        width: auto;
        display: none;
        height: auto;
        padding: 0.7rem 1.4rem;
        top: 1.5rem;
    }
    .search-chat .icon {
        position: static;
        margin-left: 0.5em;
    }
}

.search-chat.is-active .button__wrapper {
    display: none;
}

.search-chat.is-active.search-chat {
    right: auto;
    left: 1em;
    max-width: calc( 100% - 6em);
    width: 100%;
}

.search-chat.is-active .search {
    display: block;
}

.search-chat.search-chat--right {
    right: 1em;
}

.search__input--dark {
    border-color: #9EABB2;
    background-color: #EFEFEF;
}

.search--preferred-store {
    max-width: none;
}

.search--preferred-store .search__input {
    border-width: 1px;
}

.search--preferred-store .search__submit {
    top: 26px;
}

.member-tiles {
    margin-left: 0;
    margin-right: 0;
    font-size: 0;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {
    .member-tiles {
        margin-left: -11px;
        margin-right: -11px;
    }
}

.member-tiles__tile-outer {
    padding: 0;
    max-width: 100%;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    text-align: left;
    margin-bottom: 11px;
    width: 100%;
}

.member-tiles__tile-outer:last-of-type {
    margin-bottom: 22px;
}

@media (min-width: 640px) {
    .member-tiles__tile-outer {
        width: 347px;
        margin-bottom: 0;
        padding: 0 11px;
    }
    .member-tiles__tile-outer:last-of-type {
        margin-bottom: 0;
    }
}

.member-tiles__tile {
    display: block;
    background: #ffffff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 120px;
    box-shadow: inset 0 0 0 1px #DFDFDF;
    margin-bottom: 22px;
    text-decoration: none;
    padding: 22px;
}

.member-tiles__tile:hover {
    text-decoration: none;
}

.member-tiles__tile:hover .member-tiles__tile__title {
    color: #125430;
}

.member-tiles__tile__image {
    position: relative;
}

.member-tiles__tile__image__user {
    border-radius: 100%;
    width: 76px;
    height: 76px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.member-tiles__tile__image__badge {
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: -15px;
}

.member-tiles__tile__content {
    margin-left: 44px;
}

.member-tiles__tile-outer--slip {
    width: 100%;
}

.member-tiles__tile-outer--slip .member-tiles__tile {
    margin-bottom: 11px;
    padding: 1.25em;
}

.member-tiles__tile__title {
    margin-bottom: 0;
}


/* #region FAQ Search specific */

.faq__search__container {
    position: relative;
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    z-index: 1;
}

.faq__search__container input {
    margin: 0;
    padding-right: 2.5em;
}

.faq__search__container button.faq__search__submit {
    position: absolute;
    top: 50%;
    right: 1e;
    color: #125430;
}


/* #endregion */

.search-more-link {
    text-align: center;
}

@media (min-width: 1366px) {
    .search-more-link {
        text-align: right;
    }
}

.member-tiles__tile--highlight {
    outline: 2px solid rgba(37, 134, 30, 0.5);
    outline-offset: -2px;
}

.search-component .search__submit {
    top: auto;
    transform: none;
    bottom: 24px;
}

@media (min-width: 640px) {
    .filterable-hub__split-layout--search .styled-select--team-bunch {
        margin-top: 10px;
    }
}

.wysiwyg ul>li {
    display: block;
}

.media-hero {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
}

@media (min-width: 640px) {
    .media-hero {
        display: block;
        text-align: center;
    }
}

@media (min-width: 960px) {
    .media-hero {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.media-hero__media {
    border: 1px solid #DFDFDF;
    z-index: 3;
    position: relative;
    border: 3px solid #DFDFDF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    outline: 1px solid #CFCFCF;
    margin-bottom: 1.5em;
    box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
}

.media-hero__media:last-of-type {
    margin-bottom: 0;
}

.media-hero__media .media-play {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.media-hero__media.has-error {
    outline: 1px solid #c20e1a;
    outline-offset: -1px;
    margin-bottom: 5.5px;
}

.media-hero__media.has-error+.error-message {
    display: block;
}

@media (min-width: 640px) {
    .media-hero__media {
        border: 5px solid #DFDFDF;
        width: auto;
        display: inline-block;
    }
}

@media (min-width: 960px) {
    .media-hero__media {
        margin: 0;
        height: 378px;
        margin-bottom: 1.5em;
    }
}

.media-hero__media--bare {
    border: 0;
    margin-bottom: 0;
    outline: 0;
}

.media-hero__media__image {
    display: block;
    width: 100%;
}

@media (min-width: 640px) {
    .media-hero__media__image {
        width: auto;
    }
}

@media (min-width: 960px) {
    .media-hero__media__image {
        width: 100%;
    }
}

.media-hero__media__image--full-width {
    width: 100%;
}

.media-hero__media__change {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.media-hero__media__wrapper {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 640px) {
    .media-hero__media__wrapper {
        max-width: 450px;
        margin: 0 auto;
    }
}

.media-hero__description {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #DFDFDF;
    border-left: 0;
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .media-hero__description {
        margin-top: -2em;
        margin-bottom: 2em;
        border: 1px solid #DFDFDF;
    }
}

@media (min-width: 960px) {
    .media-hero__description {
        margin: 2em 0;
        border-left: 0;
        height: 312px;
        -ms-flex: 1;
        flex: 1;
    }
}

.media-hero__description__content {
    padding: 2.5em 11px;
    text-align: center;
    margin: 0 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
}

@media (min-width: 640px) {
    .media-hero__description__content {
        padding: 4em 11px;
    }
}

@media (min-width: 960px) {
    .media-hero__description__content {
        padding: 22px 33px;
        margin: 0;
    }
}

.media-hero__description__content p {
    width: auto !important;
}

.media-hero__caption {
    padding: 11px 22px;
    border: 1px solid #DFDFDF;
    background: #EFEFEF;
}

.media-hero__media--video {
    text-align: center;
    background-color: #EFEFEF;
    height: auto;
}

.media-hero__media--video .icon {
    margin-bottom: 0;
}

.media-hero__media--video .media-hero__media__instructions {
    box-shadow: none;
    display: block;
    position: static;
    transform: none;
    margin-bottom: 0;
    padding: 22px;
}

.media-hero__media--video.is-uploaded .media-hero__media__instructions {
    display: none;
    box-shadow: none;
}

.media-hero__media--video.is-uploaded .media-hero__media__video {
    display: block;
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #000000;
}

.media-hero__media--video.is-uploaded .media-hero__media__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.media-hero__media--video.is-uploaded.show-confirm .media-hero__media__uploaded__default {
    display: none;
}

.media-hero__media--video.is-uploaded.show-confirm .media-hero__media__uploaded__confirm {
    display: block;
}

@media (min-width: 640px) {
    .media-hero__media--video {
        width: 100%;
    }
}

.media-hero__media__instructions {
    padding: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 11px;
    position: static;
    width: 100%;
}

.media-hero__media__instructions .icon {
    font-size: 3rem;
}

@media (min-width: 640px) {
    .media-hero__media__instructions {
        margin-bottom: 22px;
    }
}

@media (min-width: 960px) {
    .media-hero__media__instructions {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-bottom: 22px;
        height: 100%;
    }
}

.media-hero__media__img {
    display: none;
    width: 100%;
}

.media-hero__media__change {
    display: none;
}

.media-hero__media--upload {
    position: relative;
    width: 100%;
}

.media-hero__media--upload.is-uploaded .media-hero__media__instructions {
    display: none;
}

.media-hero__media--upload.is-uploaded .media-hero__media__img {
    display: block;
}

.media-hero__media--upload.is-uploaded .media-hero__media__change {
    display: block;
}

.media-hero__media__uploaded {
    padding: 11px;
}

.media-hero__media__uploaded__default {
    display: block;
}

.media-hero__media__uploaded__confirm {
    display: none;
    max-width: 240px;
    margin: 0 auto;
}

@media print {
    .media-hero {
        box-shadow: none !important;
        max-width: 480px !important;
        margin: 0 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block;
    }
    .media-hero__media {
        height: auto;
        width: auto;
        max-width: 480px;
        box-shadow: none !important;
    }
    .media-hero__description {
        border: 0;
        border-bottom: 1px solid #DFDFDF;
        height: auto;
        -ms-flex: 0;
        flex: 0;
    }
    .media-play {
        display: none;
    }
}

.group-hub__feature {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .group-hub__feature {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 2.3em;
        position: relative;
    }
}

.group-hub__feature__main {
    background-image: linear-gradient(to right, #5F686F 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    width: auto;
    margin-bottom: 1.5em;
}

@media (min-width: 640px) {
    .group-hub__feature__main {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .group-hub__feature__main {
        margin-bottom: 0;
    }
}

.group-hub__feature__filter {
    padding: 0 11px;
    position: static;
    display: block;
    text-transform: uppercase;
    margin-bottom: 1.5em;
}

@media (min-width: 640px) {
    .group-hub__feature__filter {
        padding: 0;
        position: absolute;
        top: 50%;
        right: 2em;
        transform: translateY(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }
}

.group-hub__feature__filter__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1.25em;
    color: #25861E;
    display: inline-block;
}

@media (min-width: 640px) {
    .group-hub__feature__filter__label {
        margin-bottom: 0;
        margin-left: 0;
    }
}

.group-hub__feature__filter__select {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.group-tile__container {
    margin-left: -11px;
    margin-right: -11px;
    font-size: 0;
    text-align: center;
    min-height: 400px;
}

.group-tile {
    font-size: 1rem;
    width: 100%;
    padding: 0 11px;
    display: inline-block;
    position: relative;
    max-width: 100%;
}

@media (min-width: 640px) {
    .group-tile {
        width: 347px;
    }
}

.group-tile.editors-pick::after {
    content: "Editor's Pick";
    position: absolute;
    top: 0.75em;
    left: 0.25em;
    padding: 5.5px;
    background-color: #A5C84D;
    z-index: 5;
    color: #ffffff;
    line-height: 16px;
    margin-bottom: 0;
}

.group-tile.new-group::after {
    content: "New group";
    position: absolute;
    top: 0.75em;
    left: 0.25em;
    padding: 5.5px;
    background-color: #BF4E75;
    z-index: 5;
    color: #ffffff;
    line-height: 16px;
    margin-bottom: 0;
}

.group-tile__inner {
    margin-bottom: 11px;
}

@media (min-width: 640px) {
    .group-tile__inner {
        margin-bottom: 22px;
    }
}

.group-tile__stage {
    height: 130px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media (min-width: 640px) {
    .group-tile__stage {
        height: 220px;
    }
}

.group-tile__stage__background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px);
}

.group-tile__stage__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.group-tile__audience {
    background-color: #ffffff;
    padding: 11px;
    outline: 1px solid #DFDFDF;
}

@media (min-width: 640px) {
    .group-tile__audience {
        padding: 22px;
    }
}

.group-tile__stage__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    color: #ffffff;
    padding: 0 1em;
}

@media (min-width: 640px) {
    .group-tile__stage__container {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
}

.group-tile__image {
    position: relative;
    border-radius: 50%;
    display: block;
    border: 5px solid #ffffff;
    width: 110px;
    height: 110px;
    margin-bottom: 0;
    margin-right: 1.25em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 640px) {
    .group-tile__image {
        width: 138px;
        height: 138px;
        margin-bottom: 0.75em;
        margin-right: 0;
    }
}

.group-tile__title {
    text-align: left;
}

@media (min-width: 640px) {
    .group-tile__title {
        text-align: center;
    }
}

.group-tile__heading {
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 0;
    font-weight: bold;
}

.group-tile__heading:hover {
    text-decoration: underline;
}

@media (min-width: 640px) {
    .group-tile__heading {
        display: block;
    }
}

.group-tile__heading__icon {
    font-size: 0.75em;
    display: inline-block;
}

@media (min-width: 640px) {
    .group-tile__heading__icon {
        display: none;
    }
}

.group-tile__subtext {
    font-size: 0.75em;
}

.group-tile__content {
    display: none;
}

@media (min-width: 640px) {
    .group-tile__content {
        display: block;
        height: 5em;
    }
}

.group-slip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 11px;
}

@media (min-width: 640px) {
    .group-slip {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 22px;
    }
}

.group-slip__image {
    width: 100px;
    height: 100px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translate(50%, 0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 640px) {
    .group-slip__image {
        width: 120px;
        height: 120px;
        right: auto;
        left: 0;
        transform: translate(0, -50%);
        top: 50%;
    }
}

.group-slip__content {
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    border-radius: 0.25em;
    padding: 22px;
    padding-top: 4em;
    margin-top: 4em;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    display: block;
}

@media (min-width: 640px) {
    .group-slip__content {
        margin-top: 0;
        padding-top: 22px;
        margin-left: 60px;
        padding-left: 71px;
        min-height: 160px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
}

.group-slip__title {
    text-decoration: none;
    font-size: 1.25rem;
    margin-bottom: 0.5em;
    display: inline-block;
}

.group-slip__date {
    font-size: 0.85em;
}

.groups-split-layout {
    position: relative;
}

.groups-split-layout::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 22px;
    right: 22px;
    border: 0;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
    left: 0;
    right: 0;
}

@media (min-width: 640px) {
    .groups-split-layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .groups-split-layout>* {
        margin: 0;
    }
}

.groups-split-layout__members {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 639px) {
    .groups-split-layout__members {
        float: left;
        width: 50%;
        border-right: 1px solid #9EABB2;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }
}

.groups-split-layout__status {
    color: #9EABB2;
}

@media (min-width: 640px) {
    .groups-split-layout__status {
        margin-right: 1em;
    }
}

@media (max-width: 639px) {
    .groups-split-layout__status {
        float: left;
        width: 50%;
        text-align: right;
        margin-bottom: 0;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }
}

.poll {
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    max-width: 44rem;
    margin: 0 auto;
    padding: 22px;
    text-align: center;
}

@media (min-width: 640px) {
    .poll {
        padding: 33px 6rem;
    }
}

.poll__form {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.progress-bar {
    width: 100%;
    height: 1.1rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
}

.progress-bar__bar {
    width: 100%;
    height: 18px;
    background-color: #EFEFEF;
    border: 1px solid #DFDFDF;
    margin: 0 auto;
    position: relative;
    border-radius: 999em;
    overflow: hidden;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.progress-bar__bar__progress {
    position: absolute;
    width: 100%;
    right: 100%;
    top: -1px;
    height: 1.1rem;
    background-color: #25861E;
    transition: transform ease-out 1s;
    z-index: 10;
    border-radius: 999em;
    transform: translateX(0%);
}

.progress-bar__percentage {
    margin-left: 1em;
    font-weight: bold;
    font-size: 0.9em;
    width: 42px;
    text-align: right;
}

.checkbox-tile {
    margin-bottom: 0.25em;
}

@media (min-width: 640px) {
    .checkbox-tile {
        margin-bottom: 0.5em;
    }
}

.checkbox-tile.is-disabled {
    position: relative;
}

.checkbox-tile.is-disabled .checkbox-tile__button {
    background-color: #EFEFEF;
}

.checkbox-tile.is-disabled .checkbox-tile__button__checkbox {
    display: none;
}

.checkbox-tile.is-disabled .checkbox-tile__button__content {
    margin-right: 1em;
}

.checkbox-tile.is-disabled .checkbox-tile__message {
    display: block;
}

.checkbox-tile.is-disabled::after {
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(223, 223, 223, 0.5);
}

.checkbox-tile:last-of-type {
    margin-bottom: 0;
}

.checkbox-tile__input {
    width: 1px;
    height: 1px;
    position: absolute;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.checkbox-tile__button {
    border: 1px solid #DFDFDF;
    padding: 11px;
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

@media (min-width: 640px) {
    .checkbox-tile__button {
        padding: 11px 22px;
    }
}

.checkbox-tile__button__content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.checkbox-tile__image {
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 640px) {
    .checkbox-tile__image {
        height: 64px;
        width: 64px;
        max-width: 64px;
        max-height: 64px;
    }
}

.checkbox-tile__button__checkbox {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    background-color: #9EABB2;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0.5em;
}

.checkbox-tile__button__checkbox__icon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

input:checked~.checkbox-tile__button .checkbox-tile__button__checkbox {
    background-color: #25861E;
    border-radius: 0.25em;
}

input:checked~.checkbox-tile__button .checkbox-tile__button__checkbox__icon {
    display: block;
}

.checkbox-tile__title {
    display: block;
    margin-bottom: 0;
}

.checkbox-tile__message {
    display: none;
    font-style: italic;
    font-size: 0.85em;
    max-width: 100%;
}

@media (min-width: 640px) {
    .checkbox-tile__message {
        font-size: 1em;
    }
}

.checkbox-tile__button__content__container {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    display: block;
}

.checkbox-tile--radio .checkbox-tile__button__checkbox {
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 0 1px #9EABB2;
    background-color: transparent;
    width: 14px;
    height: 14px;
}

.checkbox-tile--radio .checkbox-tile__title {
    margin-bottom: 0.25em;
}

.checkbox-tile--radio .checkbox-tile__message {
    display: block;
    font-size: 0.8rem;
    font-style: normal;
    line-height: 1.2;
}

.checkbox-tile--radio .checkbox-tile__button__content__container {
    padding-right: 2em;
}

.checkbox-tile--radio .checkbox-tile__input:checked~.checkbox-tile__button .checkbox-tile__button__checkbox {
    border-radius: 50%;
    background-color: transparent;
}

.checkbox-tile--radio .checkbox-tile__input:checked~.checkbox-tile__button .checkbox-tile__button__checkbox__icon {
    display: none;
}

.checkbox-tile--radio .checkbox-tile__input:checked~.checkbox-tile__button .checkbox-tile__button__checkbox__radio {
    display: block;
}

.checkbox-tile__button__checkbox__radio {
    display: none;
    width: 10px;
    height: 10px;
    background-color: #25861E;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.groups-split-layout {
    position: relative;
}

.groups-split-layout::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 22px;
    right: 22px;
    border: 0;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
    left: 0;
    right: 0;
}

@media (min-width: 640px) {
    .groups-split-layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .groups-split-layout>* {
        margin: 0;
    }
}

.groups-split-layout__members {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 639px) {
    .groups-split-layout__members {
        float: left;
        width: 50%;
        border-right: 1px solid #9EABB2;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }
}

.groups-split-layout__status {
    color: #9EABB2;
}

@media (min-width: 640px) {
    .groups-split-layout__status {
        margin-right: 1em;
    }
}

@media (max-width: 639px) {
    .groups-split-layout__status {
        float: left;
        width: 50%;
        text-align: right;
        margin-bottom: 0;
        height: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }
}

.badge {
    text-align: left;
    margin-bottom: 22px;
}

@media (min-width: 640px) {
    .badge {
        text-align: center;
        margin-bottom: 33px;
    }
}

.badge::after {
    content: "";
    display: table;
    clear: both;
}

.badge.is-unlocked .badge__image {
    opacity: 1;
}

.badge__image {
    width: 5em;
    height: 5em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 1em;
    float: left;
    opacity: 0.4;
    color: #ffffff;
    position: relative;
}

@media (min-width: 640px) {
    .badge__image {
        width: 8em;
        height: 8em;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 22px;
    }
}

.badge__image__item {
    border-radius: 50%;
}

.badge__image__icon {
    font-size: 1.6rem;
}

.badge__description {
    overflow: hidden;
}

.profile-split-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1366px) {
    .profile-split-layout {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.profile-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

@media (min-width: 640px) {
    .profile-user {
        margin-top: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex: 1;
        flex: 1;
    }
}

.profile-user--full-width {
    width: 100%;
}

.profile-user--center {
    -ms-flex-pack: center;
    justify-content: center;
}

.profile-user__user {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile-user__user__image {
    border: 4px solid #ffffff;
    border-radius: 100%;
    width: 158px;
    height: 158px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.profile-user__user__image--grey {
    border: 4px solid #EFEFEF;
}

.profile-user__user__edit,
.profile-user__user__badge__edit,
.profile-user__name__name__edit {
    position: relative;
    background: #ffffff;
    border-radius: 100%;
    color: #25861E;
    width: 1.65rem;
    height: 1.65rem;
    box-shadow: 0px 1px 3px 0px #DFDFDF;
}

.profile-user__user__edit>.icon,
.profile-user__user__badge__edit>.icon,
.profile-user__name__name__edit>.icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profile-user__user__edit {
    position: absolute;
    top: 0.65em;
    right: 0.65em;
}

.profile-user__user__badge {
    position: absolute;
    bottom: 0;
    right: 0;
}

.profile-user__user__badge__image {
    border-radius: 100%;
}

.profile-user__user__badge__edit {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
}

.profile-user__name {
    text-align: center;
}

@media (min-width: 640px) {
    .profile-user__name {
        text-align: left;
        margin-left: 2rem;
        max-width: 65%;
    }
}

.profile-user__name--full-width {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    max-width: none;
}

@media (min-width: 960px) {
    .profile-user__name--full-width {
        padding-right: 20px;
    }
}

.profile-user__name__name {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .profile-user__name__name {
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.profile-user__name__name .button {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.profile-user__name__name button {
    margin-left: 0.75rem;
}

.profile-user__name__bio {
    display: none;
    max-width: 400px;
}

.profile-user__name__bio.is-active {
    display: block;
}

.profile-user__name__bio__button {
    text-decoration: underline;
    color: #25861E;
}

.profile-user__name__bio__button .icon {
    font-size: 1em;
}

.profile-user__name__bio__description {
    display: inline;
}

.profile-user__name__form {
    display: none;
}

.profile-user__name__form span {
    text-align: right;
    display: block;
}

.profile-user__name__form.is-active {
    display: block;
}

.profile-user__name__form__textarea {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    font-size: 1rem;
    max-width: 100%;
    padding: 1em;
    min-width: 280px;
}

.profile-user__name__button {
    text-align: center;
    display: block;
}

@media (min-width: 640px) {
    .profile-user__name__button {
        text-align: left;
    }
}

.profile-badges {
    position: relative;
    width: 100%;
    padding-top: 22px;
    margin-top: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile-badges::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media (min-width: 960px) {
    .profile-badges {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 1366px) {
    .profile-badges {
        display: block;
        width: auto;
        margin-top: 0;
        padding-top: 0;
    }
    .profile-badges::before {
        content: normal;
    }
}

@media (max-width: 1365px) {
    .profile-badges__head {
        margin-bottom: 1.5rem;
        margin-right: 1rem;
    }
}

@media (max-width: 959px) {
    .profile-badges__head {
        margin-bottom: 1.25rem;
    }
}

.badge-slider__badges {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 639px) {
    .badge-slider__badges {
        padding-left: 1rem;
        padding-right: 1rem;
        display: block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
    }
    .badge-slider__badges .slick-next {
        right: 0;
    }
    .badge-slider__badges .slick-next::before {
        content: '›';
    }
    .badge-slider__badges .slick-prev {
        left: 0;
    }
    .badge-slider__badges .slick-prev::before {
        content: '‹';
    }
    .badge-slider__badges .slick-next,
    .badge-slider__badges .slick-prev {
        z-index: 1;
        top: 40%;
        width: auto;
        height: auto;
    }
    .badge-slider__badges .slick-next::before,
    .badge-slider__badges .slick-prev::before {
        padding: 0 10px;
        font-family: 'Arial';
        color: #39464E;
        font-size: 40px;
        opacity: 1;
    }
    .badge-slider__badges .slick-next::before:hover,
    .badge-slider__badges .slick-prev::before:hover {
        opacity: 1;
    }
    .badge-slider__badges .slick-next.slick-disabled,
    .badge-slider__badges .slick-prev.slick-disabled {
        opacity: 0.5;
    }
    .badge-slider__badges .slick-track {
        margin: 0 auto;
    }
}

.badge-slider__badges__badge {
    display: inline-block;
}

.badge-slider__badges__badge+.badge-slider__badges__badge {
    margin-left: 0.9rem;
}

@media (max-width: 639px) {
    .badge-slider__badges__badge {
        display: block;
        text-align: center;
    }
    .badge-slider__badges__badge+.badge-slider__badges__badge {
        margin: 0;
    }
}

.badge-slider__badges__badge__image {
    width: 50px;
    height: auto;
    border-radius: 100%;
}

.badge-slider__badges__badge.is-inactive .badge-slider__badges__badge__image {
    opacity: 0.4;
}

.badge-slider__link {
    font-weight: 500;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.9rem;
}

@media (max-width: 639px) {
    .badge-slider__link {
        margin-left: 0;
        margin-top: 22px;
        text-align: center;
        display: block;
    }
}

.profile-overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    .profile-overview {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.profile-overview__level {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 640px) {
    .profile-overview__level {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.profile-overview__level__name {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .profile-overview__level__name {
        margin-left: 1rem;
    }
}

.profile-overview__stats {
    margin-top: 1.5rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #ffffff;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    padding: 1rem;
}

.profile-overview__stats::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 5px;
    background: #ffffff;
    position: absolute;
    top: 0;
    transform: translate(-50%, -45%) rotate(45deg);
    left: 50%;
}

@media (min-width: 640px) {
    .profile-overview__stats {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .profile-overview__stats::before {
        top: 0;
        transform: translate(0, -45%) rotate(45deg);
        left: 2rem;
    }
}

@media (min-width: 960px) {
    .profile-overview__stats {
        margin-top: 0;
        margin-left: 2.5rem;
    }
    .profile-overview__stats::before {
        width: 1.5rem;
        height: 1.5rem;
        top: 50%;
        transform: translate(-45%, -50%) rotate(45deg);
        left: 0;
    }
}

.profile-overview__stats__col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (min-width: 640px) {
    .profile-overview__stats__col {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: auto;
    }
}

.profile-overview__stats__col--secondary {
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.profile-overview__stats__col--secondary::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media (min-width: 640px) {
    .profile-overview__stats__col--secondary {
        margin: 0;
        padding: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .profile-overview__stats__col--secondary::before {
        content: normal;
    }
}

.profile-overview__stats__stat {
    text-align: center;
}

.profile-overview__stats__heading {
    margin-bottom: 0;
}

@media (max-width: 639px) {
    .profile-overview__stats__heading {
        font-size: 1em;
    }
}

.profile-overview__stats__val {
    font-size: 1.75em;
    display: inline-block;
    margin-right: 0.15em;
}

@media (min-width: 640px) {
    .profile-overview__stats__val {
        display: block;
        margin-right: 0;
        margin-bottom: 0.15em;
    }
}

@media (min-width: 1366px) {
    .profile-overview__stats__val {
        display: inline-block;
        margin-right: 0.15em;
        margin-bottom: 0;
    }
}

.profile-level {
    margin-bottom: 0.35rem;
}

@media (min-width: 640px) {
    .profile-level {
        margin-bottom: 0;
    }
}

.profile-level__level {
    display: inline-block;
    width: 2.25rem;
    border-radius: 100%;
    height: 2.25rem;
    background: #DFDFDF;
    position: relative;
    vertical-align: middle;
}

.profile-level__level+.profile-level__level {
    margin-left: 0.25rem;
}

.profile-level__level__val {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    color: #ffffff;
    margin-bottom: 0;
    display: none;
}

.profile-level.is-1 .profile-level__level:nth-child(1) {
    background: #A5C84D;
    width: 2.75rem;
    height: 2.75rem;
}

.profile-level.is-1 .profile-level__level:nth-child(1)>.profile-level__level__val {
    display: block;
}

.profile-level.is-2 .profile-level__level:nth-child(1) {
    background: #A5C84D;
}

.profile-level.is-2 .profile-level__level:nth-child(2) {
    background: #A5C84D;
    width: 2.75rem;
    height: 2.75rem;
}

.profile-level.is-2 .profile-level__level:nth-child(2)>.profile-level__level__val {
    display: block;
}

.profile-level.is-3 .profile-level__level:nth-child(1),
.profile-level.is-3 .profile-level__level:nth-child(2) {
    background: #A5C84D;
}

.profile-level.is-3 .profile-level__level:nth-child(3) {
    background: #A5C84D;
    width: 2.75rem;
    height: 2.75rem;
}

.profile-level.is-3 .profile-level__level:nth-child(3)>.profile-level__level__val {
    display: block;
}

.profile-level.is-4 .profile-level__level:nth-child(1),
.profile-level.is-4 .profile-level__level:nth-child(2),
.profile-level.is-4 .profile-level__level:nth-child(3) {
    background: #A5C84D;
}

.profile-level.is-4 .profile-level__level:nth-child(4) {
    background: #A5C84D;
    width: 2.75rem;
    height: 2.75rem;
}

.profile-level.is-4 .profile-level__level:nth-child(4)>.profile-level__level__val {
    display: block;
}

.profile-progress {
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5em;
    -ms-flex-direction: row;
    flex-direction: row;
}

.profile-progress__step {
    width: 1.25rem;
    height: 1.25rem;
    background: #A5C84D;
}

.profile-progress__step+.profile-progress__step {
    margin-left: 5px;
}

.profile-progress.is-0>.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress.is-1>.profile-progress__step:nth-child(1)~.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress.is-2>.profile-progress__step:nth-child(2)~.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress.is-3>.profile-progress__step:nth-child(3)~.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress.is-4>.profile-progress__step:nth-child(4)~.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress.is-5>.profile-progress__step:nth-child(5)~.profile-progress__step {
    background: #DFDFDF;
}

.profile-progress--person .profile-progress__step {
    border-radius: 100%;
}

.profile-upload .image-radio__toggle {
    vertical-align: top;
}

.profile-upload .image-radio__toggle__button {
    background: #ffffff;
    line-height: 1.1;
}

.profile-upload .image-radio__toggle__button:hover {
    background: #ffffff;
    color: #25861E;
}

.profile-upload .image-radio__container {
    max-height: 295px;
    overflow: auto;
    padding-top: 1.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: #EFEFEF;
    margin-left: 0px;
    margin-right: 0px;
}

.profile-upload.has-error .image-radio__toggle__text {
    color: #c20e1a;
}

.profile-upload.is-uploading .button--profile-upload {
    box-shadow: 0 0 0 2px #25861E;
}

.profile-upload.is-uploading .image-radio__toggle__text--uploading {
    display: block;
    margin-top: 0.1rem;
}

.profile-upload.is-uploading .image-radio__toggle__text--default {
    display: none;
}

.image-radio__toggle--profile-upload {
    height: 100px;
}

.image-radio__toggle--profile-upload .button--profile-upload:hover {
    box-shadow: 0 0 0 2px #5F686F;
}

.image-radio__toggle__text {
    font-size: 0.65rem;
    line-height: 1;
}

.image-radio__toggle__text--uploading {
    display: none;
}

.profile-user__name__join-date {
    display: inline;
}

.account-closed-notification {
    font-weight: bold;
    display: inline;
}

.account-closed-notification:before {
    content: '|';
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: normal;
}

.table-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #DFDFDF;
    background-color: #ffffff;
    margin-bottom: 0.5em;
    min-height: 112px;
}

@media (min-width: 960px) {
    .table-list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
    }
}

.table-list--highlighted {
    outline: 2px solid #FFDD00;
    outline-offset: -2px;
}

.table-list__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

@media (min-width: 960px) {
    .table-list__main {
        width: auto;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
}

@media (min-width: 1366px) {
    .table-list__main {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
}

.table-list__info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0.5em;
    min-height: 3rem;
    position: relative;
}

@media (min-width: 960px) {
    .table-list__info {
        width: auto;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 1366px) {
    .table-list__info>* {
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }
}

.table-list__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.35em;
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

.table-list__title::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media (min-width: 640px) {
    .table-list__title {
        padding: 0.75em;
    }
}

@media (min-width: 960px) {
    .table-list__title::before {
        display: none;
    }
}

@media (min-width: 1366px) {
    .table-list__title {
        padding-left: 1.5em;
    }
}

.table-list__image {
    width: 90px;
    display: block;
}

@media (min-width: 960px) {
    .table-list__image {
        width: 150px;
    }
}

.table-list__info__status {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 0.6em;
    width: auto;
}

@media (min-width: 640px) {
    .table-list__info__status {
        width: 50%;
    }
}

@media (min-width: 1366px) {
    .table-list__info__status {
        width: auto;
    }
}

.table-list__info__status__tooltip {
    padding: 0.5em 0.75em;
    text-transform: uppercase;
}

.table-list__info__status__tooltip.is-limited {
    background: #c3474d;
    color: #ffffff;
    border-radius: 0.25rem;
}

.table-list__info__date {
    display: block;
    text-transform: none;
}

.table-list__info__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
}

@media (min-width: 640px) {
    .table-list__info__action {
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translate(0, -50%);
    }
}

@media (min-width: 960px) {
    .table-list__info__action {
        position: static;
        transform: none;
        -ms-flex-pack: center;
        justify-content: center;
        width: 35%;
    }
}

.table-list__info__action__link {
    text-decoration: none;
    margin-bottom: 0;
    color: #25861E;
    padding: 0.5em;
    white-space: nowrap;
}

.table-list__info__action__link .icon {
    font-size: 0.9em;
}

.table-list__info__action__link:hover {
    text-decoration: underline;
}

.table-list__info__type {
    display: none;
    margin-bottom: 0;
}

@media (min-width: 1366px) {
    .table-list__info__type {
        display: block;
    }
}

.table-list__info__created {
    display: none;
    text-align: center;
}

@media (min-width: 1366px) {
    .table-list__info__created {
        display: block;
    }
}

.table-list--published .table-list__title {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

.table-list__data {
    margin-top: 0.3em;
    color: #9EABB2;
}

.table-list__data__icon {
    font-size: 0.9em;
    margin-right: 0.2em;
}

.table-list__data__icon__wrapper {
    margin-right: 0.6em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.table-list__bookmark {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

@media (min-width: 640px) {
    .table-list__bookmark {
        top: 0.25rem;
        right: 0.25rem;
    }
}

.table-list__bookmark .icon {
    font-size: 0.95rem;
}

.table-list__bookmark .table-list__bookmark__active {
    display: none;
}

.table-list__bookmark.is-active .table-list__bookmark__inactive {
    display: none;
}

.table-list__bookmark.is-active .table-list__bookmark__active {
    display: inline-block;
}

@media (min-width: 640px) {
    .table-list__bookmark:hover {
        color: #25861E;
    }
    .table-list__bookmark:hover .table-list__bookmark__inactive {
        display: none;
    }
    .table-list__bookmark:hover .table-list__bookmark__active {
        display: inline-block;
    }
}

.table-list__bookmark.is-active {
    color: #125430;
}

@media (min-width: 640px) {
    .table-list__bookmark.is-active:hover {
        color: #25861E;
    }
}

.table-list__bookmark__button {
    background: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.table-list__bookmark__button .icon {
    width: 1em;
    height: 1em;
}

.table-list--sample-claim {
    position: relative;
    margin-bottom: 11px;
}

@media (min-width: 1366px) {
    .table-list--sample-claim .table-list__main {
        -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    }
}

.table-list--sample-claim .table-list__title {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 959px) {
    .table-list--sample-claim .table-list__title {
        padding: 1em;
    }
}

.table-list--sample-claim .table-list__title::before {
    display: none;
}

.table-list--sample-claim .table-list__info::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #DFDFDF 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 6px 2px;
    background-repeat: repeat-x;
}

@media (min-width: 960px) {
    .table-list--sample-claim .table-list__info::before {
        display: none;
    }
}

.table-list--sample-claim .table-list__info__date strong {
    text-transform: uppercase;
}

.table-list--sample-claim .table-list__description {
    display: none;
}

@media (min-width: 640px) {
    .table-list--sample-claim .table-list__description {
        display: block;
        max-width: 606px;
    }
}

.table-list--sample-claim .table-list__image__wrapper {
    max-width: 90px;
    width: 100%;
    padding: 1em 0 1em 1em;
}

@media (min-width: 640px) {
    .table-list--sample-claim .table-list__image__wrapper {
        max-width: 150px;
    }
}

.table-list--sample-claim .table-list__image {
    max-height: 110px;
    width: auto;
}

.table-list--sample-claim .table-list__title__link {
    margin-right: 1em;
    display: inline-block;
}

.table-list__title__link {
    text-decoration: none;
}

.table-list__title__link:hover {
    color: #125430;
}

@media (max-width: 639px) {
    .table-list__info--team {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .table-list__info--team .table-list__info__status {
        width: 100%;
        margin: 0;
    }
    .table-list__info--team .table-list__info__status__tooltip {
        width: 100%;
        text-align: left;
    }
    .table-list__info--team .table-list__info__date {
        display: inline;
    }
}

.table-list__info__action--team-bunch {
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 222px;
}

@media (max-width: 959px) {
    .table-list__info__action--team-bunch {
        position: relative;
        top: auto;
        right: auto;
        transform: initial;
    }
}

@media (max-width: 639px) {
    .table-list__info__action--team-bunch {
        width: 100%;
        -ms-flex-align: initial;
        align-items: initial;
    }
}

.table-list__info__action--team-bunch .form__element {
    text-align: left;
    padding-right: 22px;
    padding-top: 22px;
}

@media (max-width: 639px) {
    .table-list__info__action--team-bunch .form__element {
        padding: 0;
        width: 100%;
        padding: 0 0.75em;
    }
}

.table-list__info__action--team-bunch .styled-label {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.7;
}

.table-list__info__action--team-bunch .styled-select {
    font-size: 0.875rem;
}

.table-list__info__action--team-bunch .table-list__info__action__link {
    padding-left: 30px;
}

@media (max-width: 639px) {
    .table-list__info__action--team-bunch .table-list__info__action__link {
        text-align: right;
    }
}

.image-radio__container {
    margin-left: -11px;
    margin-right: -11px;
}

.image-radio__toggle {
    display: inline-block;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1em;
}

.image-radio__toggle__hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.image-radio__toggle__hidden:checked+.image-radio__toggle__button {
    box-shadow: 0 0 0 2px #25861E;
}

.image-radio__toggle__button {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 0 2px 2px rgba(95, 104, 111, 0.1);
}

.image-radio__toggle__button:hover {
    box-shadow: 0 0 0 2px #25861E;
}

.image-radio__toggle__button__image {
    border-radius: 50%;
    display: block;
}

.discussion-card {
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    padding: 1em 1.2em;
    position: relative;
    margin-bottom: 11px;
    min-height: 0;
}

@media (min-width: 640px) {
    .discussion-card {
        margin-bottom: 22px;
    }
}

.discussion-card__bookmark {
    position: absolute;
    top: 1em;
    right: 1.2em;
    color: #9EABB2;
}

.discussion-card__bookmark .icon {
    font-size: 1rem;
}

.discussion-card__bookmark .discussion-card__bookmark__active {
    display: none;
}

@media (min-width: 640px) {
    .discussion-card__bookmark:hover .discussion-card__bookmark__inactive {
        display: none;
    }
    .discussion-card__bookmark:hover .discussion-card__bookmark__active {
        display: inline-block;
    }
}

.discussion-card__bookmark.is-active .discussion-card__bookmark__inactive {
    display: none;
}

.discussion-card__bookmark.is-active .discussion-card__bookmark__active {
    display: inline-block;
}

.discussion-card__bookmark:hover {
    color: #125430;
}

.discussion-card__bookmark.is-active {
    color: #125430;
}

@media (min-width: 640px) {
    .discussion-card__bookmark.is-active:hover {
        color: #25861E;
    }
}

.discussion-card__follow {
    position: absolute;
    top: 0em;
    right: 0em;
    color: #9EABB2;
}

.discussion-card__follow .icon {
    font-size: 1rem;
}

.discussion-card__follow .discussion-card__follow__active,
.discussion-card__follow .discussion-card__follow__hover {
    display: none;
}

.discussion-card__follow.is-active .discussion-card__follow__inactive {
    display: none;
}

.discussion-card__follow.is-active .discussion-card__follow__active {
    display: inline-block;
}

@media (max-width: 959px) {
    .discussion-card__follow .discussion-card__follow__inactive:hover {
        color: #125430;
    }
}

@media (min-width: 640px) {
    .discussion-card__follow.is-active:hover .discussion-card__follow__hover {
        display: none;
    }
    .discussion-card__follow:hover .discussion-card__follow__hover {
        display: inline-block;
        color: #125430;
    }
    .discussion-card__follow:hover .discussion-card__follow__inactive {
        display: none;
    }
}

.discussion-card__follow.is-active {
    color: #125430;
}

.discussion-card__follow.is-active:hover {
    color: #25861E;
}

.discussion-card__title {
    margin-bottom: 0.25em;
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    margin-right: 1.5em;
    color: #25861E;
    text-decoration: none;
    display: block;
    text-align: left;
}

.discussion-card__title:hover {
    color: #125430;
}

@media (min-width: 640px) {
    .discussion-card__title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.discussion-card__title .link-noline {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.discussion-card__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1em;
    color: #9EABB2;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .discussion-card__info {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.8em;
    }
}

.discussion-card__info__user {
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
}

@media (min-width: 640px) {
    .discussion-card__info__user {
        margin-right: 1.5em;
    }
}

@media (min-width: 960px) {
    .discussion-card__info__user {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 0.5em;
    }
}

.discussion-card__info__user__profile {
    position: relative;
    display: inline-block;
    margin-right: 1em;
}

.discussion-card__info__user__profile__image {
    border: 4px solid #ffffff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.discussion-card__info__user__profile__badge {
    border-radius: 50%;
    top: 28px;
    left: 36px;
    position: absolute;
    width: 25px;
    height: auto;
}

.discussion-card__info__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 11px;
    margin-bottom: 0.3em;
}

@media (min-width: 640px) {
    .discussion-card__info__stats {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        margin-bottom: 0;
    }
}

.discussion-card__info__stats__stat {
    margin-right: 0.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.discussion-card__info__stats__icon {
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.25em;
}

.discussion-card__info__date {
    margin-right: 11px;
}

@media (min-width: 640px) {
    .discussion-card__info__date {
        margin-right: 0;
    }
}

.discussion-card__info__report {
    color: #9EABB2;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: static;
}

@media (min-width: 640px) {
    .discussion-card__info__report {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        position: absolute;
        bottom: 1em;
        right: 1.2rem;
    }
}

@media (min-width: 1366px) {
    .discussion-card__info__report {
        bottom: 1em;
        right: 1.2rem;
    }
}

.discussion-card__info__report__icon {
    font-size: 0.8rem;
    margin-right: 0.2em;
}

.discussion-card--column-fit {
    min-height: 0;
}

@media (min-width: 1366px) {
    .discussion-card--column-fit {
        min-height: 160px;
    }
}

.discussion-card--column-fit .discussion-card__title {
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
}

.discussion-card__info__user__name {
    display: inline-block;
    margin-right: 0.25em;
    color: #9EABB2;
    text-decoration: none;
}

.discussion-card__info__user__name:hover {
    text-decoration: underline;
}

.discussion-card--highlight {
    outline: 2px solid rgba(37, 134, 30, 0.5);
    outline-offset: -2px;
}

.reply__container {
    margin-left: 0.75em;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 6px 2px;
    background-color: white;
    background-repeat: repeat-x;
}

@media (min-width: 960px) {
    .reply__container {
        margin-left: 1.5em;
    }
}

.reply {
    padding-bottom: 0.75em;
    padding-top: 22px;
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reply::after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 960px) {
    .reply {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.reply .comment__edit-button {
    right: 0;
    display: none;
}

.reply.is-edited {
    position: relative;
}

.reply.is-edited .comment__edit-button {
    display: block;
}

@media (max-width: 959px) {
    .reply__submit button {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 640px) {
    .reply__submit button {
        margin-bottom: 0;
    }
}

@media (max-width: 959px) {
    .reply__submit span,
    .reply__submit button {
        margin-bottom: 1em;
    }
}

.reply__submit__text {
    display: block;
    margin-left: 0.5rem;
}

@media (min-width: 640px) {
    .reply__submit__text {
        display: inline-block;
    }
}

.reply--official {
    background-color: #e7f3d6;
}

.reply__user {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1em;
    max-width: none;
    text-align: left;
}

@media (min-width: 960px) {
    .reply__user {
        display: inline-block;
        max-width: 120px;
        width: 100%;
        float: left;
        text-align: center;
    }
}

.reply__content {
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reply__user__profile__image {
    border: 4px solid #ffffff;
    border-radius: 50%;
    width: auto;
    height: 55px;
}

.reply__user__profile__badge {
    border-radius: 50%;
    top: 28px;
    left: 36px;
    position: absolute;
    width: 25px;
    height: auto;
}

.reply__user__profile {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5em;
    margin-right: 2em;
}

@media (min-width: 960px) {
    .reply__user__profile {
        margin-right: 0;
    }
}

.reply__user__name {
    display: inline-block;
    color: #9EABB2;
    text-decoration: none;
}

.reply__user__rank {
    display: block;
    color: #9EABB2;
}

.reply__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    .reply__options {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        margin-top: auto;
    }
}

.reply__options__right {
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 960px) {
    .reply__options__right {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.reply__options__right button {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.reply__options__right button .icon {
    height: 21px;
    width: 23px;
    margin-top: -3px;
}

.reply__options__right>button:first-of-type {
    margin-right: 1rem;
}

.reply__subtext {
    font-size: 0.8rem;
    color: #9EABB2;
    margin-right: 0.25em;
}

.reply__subtext__icon {
    width: 1em;
    height: 1em;
}

.see-all {
    position: relative;
}

.see-all--optimisations .see-all__overlay {
    width: 100%;
    left: 0;
}

@media (min-width: 640px) {
    .see-all--optimisations .see-all__overlay {
        width: calc(100% - 22px);
        left: 11px;
    }
}

.see-all--optimisations-no-margin .see-all__overlay {
    height: calc(100% - 11px);
}

.see-all__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
}

.see-all__overlay:hover .see-all__overlay__content {
    text-decoration: underline;
}

.see-all__overlay__content {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    padding: 0 1em;
}

.see-all__overlay__cta-icon {
    font-size: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.image-point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.image-point__image {
    display: block;
    margin: 0 1em 0 0.6em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 80px;
}

.image-point__image__img {
    display: block;
    padding: 0 0.5em;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border: 2px solid #9EABB2;
    border-radius: 50%;
}

.image-point__content {
    font-weight: 500;
    padding-right: 11px;
    max-width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.image-point__image__tag {
    margin-top: -0.8em;
    text-align: center;
    background-color: #3C74B6;
    border-radius: 0.3em;
    line-height: 1;
    padding: 0.1em;
    color: #ffffff;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

.image-point__image--diagonal-stack {
    position: relative;
    height: 64px;
}

.image-point__image--diagonal-stack .image-point__image__img {
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0.3em;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    overflow: visible;
}

.image-point__image--diagonal-stack .image-point__image__img:nth-of-type(1) {
    transform: translate(-78%, -78%);
    z-index: 2;
}

.image-point__image--diagonal-stack .image-point__image__img:nth-of-type(2) {
    transform: translate(-22%, -22%);
}

.image-point__image--no-borders .image-point__image__img {
    border: 0;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
}

.image-point__image__img--image {
    padding: 0;
}

.image-point__image__img--blue {
    color: #3C74B6;
    border-color: #3C74B6;
}

.image-point__image__img--purple {
    color: #BF4E75;
    border-color: #BF4E75;
}

.image-point__image__img--green {
    color: #A5C84D;
    border-color: #A5C84D;
}

.product-carousel {
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {
    .product-carousel {
        display: -ms-flexbox;
        display: flex;
    }
}

.product-carousel__gallery {
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-bottom: 3.5em;
    padding-top: 4em;
    margin-bottom: 3em;
    position: relative;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    min-height: auto;
}

@media (min-width: 960px) {
    .product-carousel__gallery {
        margin-bottom: 2em;
        min-height: 406px;
    }
}

.product-carousel__gallery .slick-dots {
    display: block !important;
    left: 0;
    top: calc(100% + 4em);
}

@media (min-width: 640px) {
    .product-carousel__gallery .slick-dots {
        display: none !important;
    }
}

.product-carousel__gallery .slick-dots li {
    margin: 0 0.65em;
}

.product-carousel__gallery .slick-dots button::before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
}

.product-carousel__gallery .product-carousel__gallery__container {
    margin-bottom: 0;
}

.product-carousel__gallery__tag {
    position: absolute;
    top: 0;
    left: -0.5em;
    padding: 0.4em 0.8em;
    color: #ffffff;
    background-color: #39464E;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    text-align: center;
    line-height: 1;
    font-weight: 500;
}

.product-carousel__gallery__play {
    position: absolute;
    bottom: 0;
    right: 1em;
    width: 36px;
    height: 36px;
}

@media (min-width: 640px) {
    .product-carousel__gallery__play {
        width: 48px;
        height: 48px;
    }
}

.product-carousel__gallery__container {
    padding: 0em 4em;
}

@media (min-width: 960px) {
    .product-carousel__gallery__container {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

.product-carousel__gallery__item:focus {
    outline: 0;
}

.product-carousel__image {
    margin: 0 auto;
}

.product-carousel__preview {
    display: none;
}

@media (min-width: 640px) {
    .product-carousel__preview {
        display: block;
    }
}

.product-carousel__preview .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-carousel__preview .slick-current {
    border-color: #5F686F;
}

.product-carousel__preview__item {
    border: 1px solid;
    border-color: #EFEFEF;
    padding: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
    max-width: 80px;
}

.product-carousel__preview__item:last-of-type {
    margin-right: 0;
}

.product-carousel__preview__item:focus {
    outline: 0;
}

.product-carousel__gallery__prev {
    position: absolute;
    top: calc(50%);
    left: 0.5em;
    transform: translateY(-50%);
}

.product-carousel__gallery__prev__icon {
    font-size: 2rem;
}

.product-carousel__gallery__next__icon {
    font-size: 2rem;
}

.product-carousel__gallery__next {
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
}

.bar-rating {
    max-width: 400px;
    margin: 0 auto;
}

@media (min-width: 960px) {
    .bar-rating {
        margin: 0;
        max-width: 320px;
    }
}

.bar-rating__item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.25em;
    height: 1rem;
}

.bar-rating__label {
    width: 50px;
    display: inline-block;
    font-size: 0.8125rem;
}

.bar-rating__bar {
    -ms-flex: 1;
    flex: 1;
    margin: 3px 0;
    position: relative;
    background-color: #EFEFEF;
}

.bar-rating__bar__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #A5C84D;
    transition: width 1s ease;
    width: 0;
}

.product-tile__flow-container {
    margin-left: 0;
    margin-right: 0;
    font-size: 0;
    text-align: center;
    min-height: 250px;
}

@media (min-width: 640px) {
    .product-tile__flow-container {
        margin-left: -11px;
        margin-right: -11px;
        min-height: 400px;
    }
}

.product-tile {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    text-align: left;
    margin-bottom: 11px;
}

.product-tile:last-of-type {
    margin-bottom: 22px;
}

@media (min-width: 640px) {
    .product-tile {
        width: 347px;
        margin-bottom: 0;
        padding: 0 11px;
    }
    .product-tile:last-of-type {
        margin-bottom: 0;
    }
}

.product-tile__inner {
    display: block;
    background: #ffffff;
    color: #9EABB2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 110px;
    box-shadow: 0 0 0 1px #DFDFDF;
    margin-bottom: 0;
    padding: 0.5em;
}

@media (min-width: 640px) {
    .product-tile__inner {
        padding: 22px;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 465px;
        margin-bottom: 22px;
    }
}

.product-tile__bookmark {
    position: absolute;
    top: 5.5px;
    right: 5.5px;
    z-index: 1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

@media (min-width: 640px) {
    .product-tile__bookmark {
        top: 11px;
        right: 11px;
    }
}

.product-tile__bookmark .icon {
    font-size: 0.95rem;
}

.product-tile__bookmark .product-tile__bookmark__active {
    display: none;
}

.product-tile__bookmark:hover .product-tile__bookmark__inactive,
.product-tile__bookmark.is-active .product-tile__bookmark__inactive {
    display: none;
}

.product-tile__bookmark:hover .product-tile__bookmark__active,
.product-tile__bookmark.is-active .product-tile__bookmark__active {
    display: inline-block;
}

.product-tile__bookmark:hover {
    color: #25861E;
}

.product-tile__bookmark.is-active {
    color: #125430;
}

.product-tile__bookmark__button {
    background: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.product-tile__bookmark__button .icon {
    width: 1em;
    height: 1em;
}

.product-tile__image__wrapper {
    height: auto;
    width: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 0.5em;
}

@media (min-width: 640px) {
    .product-tile__image__wrapper {
        width: 100%;
        height: 265px;
        margin-bottom: 11px;
        padding-right: 0;
    }
}

.product-tile__image {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
    max-height: 100%;
}

.product-tile__content {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-tile__title {
    margin-bottom: 0;
    text-decoration: none;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.6em;
    word-break: break-word;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .product-tile__title {
        margin-right: 0;
    }
}

.product-tile__title:hover {
    color: #125430;
}

@media (min-width: 640px) {
    .product-tile--small {
        width: 100%;
    }
    .product-tile--small .product-tile__inner {
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 160px;
    }
    .product-tile--small .product-tile__image__wrapper {
        max-width: calc(208px - 22px);
        height: 116px;
        margin-bottom: 0;
    }
    .product-tile--small .product-tile__image {
        margin-bottom: 0;
        height: 100%;
        width: auto;
    }
    .product-tile--small .product-tile__title {
        margin-right: 1.6em;
    }
}

.product-tile--slip {
    width: 100%;
    margin-bottom: 0;
}

.product-tile--slip .product-tile__bookmark {
    display: none;
}

.product-tile--slip .product-tile__inner {
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 120px;
    padding: 0.95em 1em;
    margin-bottom: 11px;
}

.product-tile--slip .product-tile__image__wrapper {
    max-width: 90px;
    height: auto;
    margin-bottom: 0;
    margin-right: 0.25em;
}

.product-tile--slip .product-tile__image {
    margin-bottom: 0;
    height: auto;
    width: auto;
}

.product-tile--slip .product-tile__title {
    margin-right: 0;
    font-size: 1rem;
    margin-bottom: 0.5em;
    line-height: 1;
}

@media (min-width: 640px) {
    .product-tile--slip .product-tile__title {
        margin-bottom: 0;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .product-tile .product-tile__title {
        min-height: 97px;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 959px),
(-ms-high-contrast: active) and (max-width: 959px) {
    .product-tile .product-tile__title {
        min-height: 59px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .product-tile .product-tile__image {
        max-width: 281px;
    }
    .product-tile--slip .product-tile__title {
        min-height: auto;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 959px),
(-ms-high-contrast: active) and (max-width: 959px) {
    .product-tile--slip .product-tile__title {
        min-height: auto;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .product-tile--slip .product-tile__image__wrapper .product-tile__image {
        max-width: 90px;
    }
    .product-tile--small .product-tile__title {
        min-height: auto;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 959px),
(-ms-high-contrast: active) and (max-width: 959px) {
    .product-tile--small .product-tile__title {
        min-height: auto;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .product-tile--small .product-tile__image__wrapper .product-tile__image {
        max-width: none;
    }
}

.product-hub {
    padding-top: 22px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 640px) {
    .product-hub {
        padding-left: 1.65em;
        padding-right: 1.65em;
    }
}

.product-hub__filters {
    position: static;
}

@media (min-width: 960px) {
    .product-hub__filters {
        position: absolute;
        z-index: 3;
        bottom: calc(100% + 1rem);
        right: 22px;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1366px) {
    .product-hub__filters {
        right: 0;
    }
}

.product-hub__filter {
    display: none;
}

@media (min-width: 1366px) {
    .product-hub__filter {
        display: block;
    }
}

.product-detail--accordion {
    display: block;
    width: 100%;
    margin-top: 80px;
}

@media (max-width: 959px) {
    .product-detail--accordion {
        margin-top: 22px;
    }
}

.product-detail--accordion .accordion-head {
    padding: 22px 11px;
    border-top: 1px solid #e2e4e4;
    width: 100%;
}

@media (min-width: 960px) {
    .product-detail--accordion .accordion-head {
        border-width: 2px;
    }
}

.product-detail--accordion .accordion-head .icon--open {
    display: none;
}

.product-detail--accordion .accordion-head.is-open .icon--open {
    display: inline;
}

.product-detail--accordion .accordion-head.is-open .icon--closed {
    display: none;
}

.product-detail--accordion .accordion__content {
    background-color: #ffffff;
}

.product-detail--accordion .h-3 {
    font-weight: 500;
}

@media (max-width: 959px) {
    .product-detail--accordion .h-3 {
        font-size: 1rem;
    }
}

.show-breakdown {
    font-size: 14px;
    font-weight: 500;
    font-family: FreshSans;
    margin: 0 auto;
    display: block;
}

@media (min-width: 960px) {
    .show-breakdown {
        display: none;
    }
}

.rating-wrapper--details .bar-rating {
    display: none;
}

.rating-wrapper--details .bar-rating.is-open {
    display: block;
}

@media (min-width: 960px) {
    .rating-wrapper--details .bar-rating {
        display: block;
    }
}

.product-detail--accordion .hide-text {
    display: none;
}

.product-detail--accordion .is-open .hide-text {
    display: inline;
}

.product-detail--accordion .is-open .show-text {
    display: none;
}

.product-detail--accordion .accordion__content {
    padding-left: 22px;
    padding-right: 22px;
    font-size: 1rem;
}

@media (min-width: 640px) {
    .product-detail--accordion .accordion__content {
        padding-left: 0;
        padding-right: 0;
    }
}

.product-tile--slip-team .rating--product-tile-slip {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

.product-tile--slip-team .rating--product-tile-slip .rating__stats {
    margin-left: 5px;
    line-height: 1;
    margin-top: 4px;
    font-size: 0.7rem;
}

.product-tile--slip-team .rating__points {
    margin-bottom: 0;
}

.product-tile--slip-team .rating__point {
    margin-left: -4px;
}

.product-tile--slip-team .rating__point svg {
    font-size: 0.75rem;
}

.international-product {
    margin-top: 1em;
}

.international-product__tooltip {
    text-decoration: underline;
}

.styled-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: auto;
}

@media (min-width: 640px) {
    .styled-table {
        table-layout: fixed;
    }
}

.styled-table td,
.styled-table th {
    padding: 1.25em 1.35em;
}

.styled-table thead th {
    text-align: left;
    background-color: #DFDFDF;
    border: 1px solid #9EABB2;
}

.styled-table thead td,
.styled-table thead th {
    padding: 1em 0.7em;
}

@media (min-width: 640px) {
    .styled-table thead td,
    .styled-table thead th {
        padding: 1.25em 1.35em;
    }
}

.styled-table tbody tr:nth-of-type(2n-1) {
    background-color: #ffffff;
}

.styled-table tbody th {
    font-weight: normal;
    text-align: left;
}

.styled-table tbody td {
    text-align: center;
}

.styled-table tbody td,
.styled-table tbody th {
    border: 1px solid #CFCFCF;
    padding: 0.7em 1.35em;
}

.preferred-card {
    vertical-align: middle;
}

.preferred-card .h-3 {
    margin-bottom: 0 !important;
}

@media (max-width: 959px) {
    .preferred-card .h-3 {
        font-size: 0.875rem;
    }
}

.preferred-card span {
    font-size: 0.8125rem;
}

@media (min-width: 640px) {
    .preferred-card span {
        font-size: 1rem;
    }
}

.preferred-card td:first-of-type {
    padding: 10px;
    padding-left: 0;
}

.preferred-card td:nth-of-type(2) {
    padding-right: 10px;
}

@media (min-width: 640px) {
    .preferred-card td:nth-of-type(2) {
        padding-right: 20px;
    }
}

.preferred-card td:nth-of-type(2) img {
    width: 50px;
}

@media (min-width: 640px) {
    .preferred-card td:nth-of-type(2) img {
        width: 100px;
    }
}

.top-members {
    padding: 0 2.3em;
}

.top-members__feature {
    padding: 0;
}

.top-members__feature__main {
    background-image: linear-gradient(to right, #5F686F 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    width: auto;
    padding-bottom: 0.2em;
}

@media (min-width: 640px) {
    .top-members__feature__main {
        width: 100%;
    }
}

.top-members__top3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 0rem;
}

@media (min-width: 640px) {
    .top-members__top3 {
        padding-top: 2.5rem;
    }
}

.top-members__top3 .profile-user {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.top-members__top3 .profile-user__user__image {
    width: auto;
    height: auto;
}

@media (min-width: 640px) {
    .top-members__top3 .profile-user__user__image {
        height: 138px;
        width: auto;
    }
}

.top-members__top3 .profile-user__name {
    margin-left: 0;
    margin-top: 0.5rem;
}

@media (min-width: 640px) {
    .top-members__top3 .profile-user__name {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
}

.top-members__top3 .profile-split-layout {
    -ms-flex-direction: column;
    flex-direction: column;
}

.top-members__top3 .comments__node__user__profile {
    margin: auto;
}

.top-members__top3__inner {
    width: 100%;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.top-members__top3__profile {
    display: block;
    margin: auto;
    max-width: 65px;
}

.top-member__top3__stage {
    background-color: #ffffff;
    margin-top: 1rem;
    position: relative;
    border: 1px solid #DFDFDF;
    border-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {
    .top-member__top3__stage {
        margin-top: 2rem;
        border-bottom: 1px solid #DFDFDF;
    }
}

.top-member__top3__stage::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    display: block;
}

.top-member__top3__stage--third {
    height: 70px;
    border-left: 0;
}

@media (min-width: 640px) {
    .top-member__top3__stage--third {
        height: 80px;
    }
}

.top-member__top3__stage--third::before {
    background-color: #6A3A1A;
}

.top-member__top3__stage--third .top-member__top3__stage__image {
    width: 35px;
    height: auto;
}

@media (min-width: 640px) {
    .top-member__top3__stage--third .top-member__top3__stage__image {
        width: 50px;
    }
}

.top-member__top3__stage--second {
    height: 80px;
    border-right: 0;
}

@media (min-width: 640px) {
    .top-member__top3__stage--second {
        height: 100px;
    }
}

.top-member__top3__stage--second .top-member__top3__stage__image {
    width: 50px;
    height: auto;
}

@media (min-width: 640px) {
    .top-member__top3__stage--second .top-member__top3__stage__image {
        width: 65px;
    }
}

.top-member__top3__stage--second::before {
    background-color: #5F686F;
}

.top-member__top3__stage--first {
    height: 120px;
}

@media (min-width: 640px) {
    .top-member__top3__stage--first {
        height: 130px;
    }
}

.top-member__top3__stage--first::before {
    background-color: #987419;
}

.top-member__top3__stage--first .top-member__top3__stage__image {
    width: 75px;
    height: auto;
}

@media (min-width: 640px) {
    .top-member__top3__stage--first .top-member__top3__stage__image {
        width: 95px;
    }
}

.top-member__top3__stage__number {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 0.6rem;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

@media (min-width: 640px) {
    .top-member__top3__stage__number {
        margin-bottom: 0.5rem;
    }
}

.top-members__list__inner {
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.4rem 0;
    background-color: #fff;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

.top-members__list__inner+.top-members__list__inner {
    border-top: 1px solid #DFDFDF;
}

.top-members__list__inner:last-child {
    border-bottom: 1px solid #DFDFDF;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 640px) {
    .top-members__list__inner:not(:last-child) {
        display: -ms-flexbox;
        display: flex;
    }
}

.top-members__list__inner .member-tiles__tile__title {
    padding-right: 0;
}

.top-members__list__inner .member-tiles__tile__dash {
    display: none;
}

@media (min-width: 640px) {
    .top-members__list__inner .member-tiles__tile__dash {
        display: block;
    }
}

.top-members__list__number {
    font-size: 1.5rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: bold;
    padding: 0 1.1rem;
    width: 4rem;
    text-align: center;
}

.top-members__list__avatar {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 3.5rem;
}

.top-members__list__proflie {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.top-members__list__proflie .profile-user__name {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    text-decoration: none;
    margin-left: 1.3rem;
}

.profile-user__link {
    text-decoration: none;
}

.profile-user__link:hover .member-tiles__tile__title {
    color: #125430;
}

.top-members__list__more {
    text-align: center;
    margin: auto;
    padding: 1.3rem 0;
}

.top-members__list__more a {
    text-decoration: none;
}

.top-members__list__more a:hover {
    text-decoration: underline;
}

.top-members__top30__list-week--lightbox .top-members__list__inner:first-child {
    border-top: 2px solid #DFDFDF;
}

.top-members__top30__list-week--lightbox {
    position: relative;
    padding-top: 1rem;
    max-height: 550px;
    overflow-y: scroll;
    padding-bottom: 1rem;
}

.top-members__top30__list-week--lightbox .profile-user__name {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-left: 0;
}

@media (min-width: 640px) {
    .top-members__top30__list-week--lightbox .profile-user__name {
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: center;
        margin-left: 1.3rem;
    }
}

.top-members__top30__list-week--lightbox .top-members__list__number {
    width: 2rem;
    padding: 0;
}

@media (min-width: 640px) {
    .top-members__top30__list-week--lightbox .top-members__list__number {
        width: 4rem;
    }
}

.is-bottom.js-top-members__top30__list-week .top-members__top30__list-week__fade-box {
    display: none;
    visibility: hidden;
}

.top-members__top30__list-week__fade-box {
    height: 70px;
    display: block;
    position: fixed;
    max-width: 700px;
    width: 100%;
    margin: auto;
    pointer-events: none;
    z-index: 1;
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 70%);
    bottom: 52px;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .top-members__top30__list-week__fade-box {
        bottom: 66px;
        height: 130px;
    }
}

@media (min-width: 960px) {
    .top-members__top30__list-week__fade-box {
        bottom: 66px;
    }
}

@media (min-width: 960px) {
    .top-members__top30__list-week__fade-box {
        bottom: 74px;
    }
}

.top-members-all-times {
    padding-top: 3.5em;
    padding-left: 2.3em;
    padding-right: 2.3em;
}

.top-members-all-times .accordion__inner {
    position: relative;
}

.top-members-all-times .accordion__content__inner {
    padding: 0;
}

.top-members-all-times h4 {
    width: 100%;
}

.top-members-all-times .accordion__head--top-member {
    width: 1.35em;
    height: 1.35em;
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

@media (min-width: 640px) {
    .top-members-all-times .accordion__head--top-member {
        display: none;
    }
}

.top-members-all-times .accordion__head__icon {
    top: 0;
    right: 0;
}

@media (min-width: 640px) {
    .top-members-all-times .accordion__content.is-closed {
        display: block;
        height: auto;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .top-members__top30__list-week__fade-box {
        background: none;
        position: static;
    }
}

.dashboard-tutorial {
    position: relative;
    background-size: cover;
}

.dashboard-tutorial--mobile {
    max-width: 440px;
    margin: auto;
}

.dashboard-tutorial__button {
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translate(0, -50%);
}

.dashboard-tutorial__button--mobile {
    top: auto;
    bottom: 2%;
    right: 1.5rem;
    transform: translate(0, -50%);
}

.dashboard-tutorial-lightbox.is-active {
    opacity: 1;
    visibility: visible;
    height: auto;
    left: 0;
}

.dashboard-tutorial-lightbox {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.dashboard-tutorial-lightbox .dashboard-tutorial-lightbox__body__text {
    margin-bottom: 1.75rem;
}

.dashboard-tutorial-lightbox__image {
    width: 100%;
    height: 330px;
    background-image: url("_assets/media/Onboarding-1Desktop@2x.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: none;
}

@media (min-width: 640px) {
    .dashboard-tutorial-lightbox__image {
        display: block !important;
    }
}

.dashboard-tutorial-lightbox__image--mobile {
    width: 100%;
    height: 230px;
    display: block !important;
    background-image: url("http://via.placeholder.com/300x230");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (min-width: 640px) {
    .dashboard-tutorial-lightbox__image--mobile {
        display: none !important;
    }
}

.dashboard-tutorial-carousel {
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .25s ease-in-out;
}

.dashboard-tutorial-carousel.slick-dotted.slick-slider.is-active {
    margin-bottom: 3.7rem;
}

.dashboard-tutorial-carousel.is-active {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.dashboard-tutorial-carousel .dashboard-tutorial-lightbox__body {
    padding-top: 4rem;
}

.dashboard-tutorial-carousel__image {
    width: 100%;
    height: 330px;
    display: none !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (min-width: 640px) {
    .dashboard-tutorial-carousel__image {
        display: block !important;
    }
}

.dashboard-tutorial-carousel__image--mobile {
    width: 100%;
    height: 230px;
    display: block !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (min-width: 640px) {
    .dashboard-tutorial-carousel__image--mobile {
        display: none !important;
    }
}

.dashboard-tutorial-lightbox__inner {
    display: none;
}

.dashboard-tutorial-lightbox__body {
    padding: 2rem 1.250rem 1.7rem;
}

.dashboard-tutorial-lightbox__body__logo {
    max-width: 14.6rem;
}

.dashboard-tutorial-lightbox__body__logo--tb {
    max-width: 376px;
    width: 100%;
}

.dashboard-tutorial-lightbox__body__text {
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .dashboard-tutorial-lightbox__body__text {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.dashboard-tutorial-lightbox__body__button {
    padding-left: 4rem;
    padding-right: 4rem;
}

.dashboard-tutorial-lightbox--tut .dashboard-tutorial-lightbox__body__text {
    max-width: 42rem;
}

.dashboard-tutorial-lightbox__body__back {
    color: #39464E;
    display: block;
    position: absolute;
    bottom: -2.0rem;
    right: 50%;
    transform: translate(50%, 50%);
}

.dashboard-tutorial-lightbox__body__back.slick-disabled {
    display: none !important;
}

.dashboard-tutorial-lightbox__process {
    margin-bottom: 1rem;
}

.dashboard-tutorial-lightbox__process__list {
    display: block;
    bottom: auto;
    top: 16rem;
    line-height: 0.5rem;
}

@media (min-width: 640px) {
    .dashboard-tutorial-lightbox__process__list {
        top: 22rem;
    }
}

@media (min-width: 960px) {
    .dashboard-tutorial-lightbox__process__list {
        top: 22rem;
    }
}

.dashboard-tutorial-lightbox__process__list li.slick-active button {
    background-color: #A5C84D;
}

.dashboard-tutorial-lightbox__process__list li {
    display: inline-block;
    height: 0.5rem;
}

.dashboard-tutorial-lightbox__process__list li+.dashboard-tutorial-lightbox__process__list li {
    margin-left: 0.8rem;
}

.dashboard-tutorial-lightbox__process__list li button {
    width: 0.5em;
    height: 0.5em;
    background-color: #EFEFEF;
    border-radius: 999px;
    padding: 4px;
    margin: 0 auto;
}

.dashboard-tutorial-lightbox__process__list li button::before {
    content: none;
}

.chat-fliter {
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    padding: 2.5em 0;
    position: relative;
    display: none;
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .chat-fliter {
        display: block;
        margin-bottom: 2em;
    }
}

.chat-fliter .filterable-hub__filters__head,
.chat-fliter .filterable-hub__filters-content,
.chat-fliter h4 {
    padding: 0 1.5em;
}

.chat-hub__nav__link,
.chat-hub__nav__text,
.chat-hub__hub-info {
    color: #9EABB2;
}

.chat-hub__nav__link a,
.chat-hub__nav__text a,
.chat-hub__hub-info a {
    color: #9EABB2;
}

.chat-hub__nav__link {
    display: block;
}

.chat-hub__nav {
    margin-top: 1rem;
}

@media (min-width: 640px) {
    .chat-hub__nav {
        margin-top: 0;
        -ms-flex: 1;
        flex: 1;
    }
}

.chat-hub__nav.is-private .chat-hub__nav__text__private {
    display: inline;
}

.chat-hub__nav__heading {
    margin-bottom: 0;
    display: inline;
}

@media (min-width: 640px) {
    .chat-hub__nav__heading {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }
}

.chat-hub__nav__heading .button {
    display: none;
}

@media (min-width: 640px) {
    .chat-hub__nav__heading .button {
        display: inline-block;
    }
}

.chat-hub__nav__text {
    display: none;
    vertical-align: middle;
}

@media (min-width: 640px) {
    .chat-hub__nav__text {
        display: block;
    }
}

.chat-hub__nav__text--mobile {
    display: block;
    font-size: 1rem;
    padding-top: 0.7em;
}

@media (min-width: 640px) {
    .chat-hub__nav__text--mobile {
        display: none;
    }
}

.chat-hub__nav__text__dot {
    font-weight: bold;
    font-size: 1.25rem;
    padding: 0 0.25em;
}

.chat-hub__nav__text__private {
    display: none;
}

.chat-hub__nav__text__private .icon {
    margin-bottom: 0.2em;
}

.is-private .chat-hub__nav__text__private {
    display: inline;
}

.chat-hub__nav__button {
    font-size: 1rem;
    margin-left: 1em;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

@media (min-width: 640px) {
    .chat-hub__nav__button .icon {
        margin-left: 0.25em;
        vertical-align: middle;
    }
}

.chat-hub__nav__button .follow {
    display: block;
}

.chat-hub__nav__button .following {
    display: none;
}

.chat-hub__nav__button.is-following {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #39464E;
    color: #39464E;
}

.chat-hub__nav__button.is-following:hover {
    background-color: #39464E;
    box-shadow: none;
    color: #ffffff;
}

.chat-hub__nav__button.is-following .follow {
    display: none;
}

.chat-hub__nav__button.is-following .following {
    display: block;
}

.chat-hub__nav__button--mobile {
    font-size: 1rem;
    padding-top: 0.8rem;
    padding-bottom: 0.6rem;
    margin-left: 0;
    margin-top: 1em;
    display: block;
}

@media (min-width: 640px) {
    .chat-hub__nav__button--mobile {
        display: none;
    }
}

.chat-hub__menu-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.5em;
}

@media (min-width: 960px) {
    .chat-hub__menu-mobile {
        margin-bottom: 0;
    }
}

.chat-hub__menu-mobile .chat-hub__menu-mobile__select {
    display: block;
    max-width: 170px;
}

@media (min-width: 960px) {
    .chat-hub__menu-mobile .chat-hub__menu-mobile__select {
        display: none;
        width: 100%;
        max-width: 100%;
    }
}

.chat-hub__menu-mobile .button {
    position: relative;
    display: block;
    padding-right: 1.9em;
    padding-left: 1.3em;
}

@media (min-width: 960px) {
    .chat-hub__menu-mobile .button {
        display: none;
    }
}

.chat-hub__menu-mobile .button .icon {
    font-size: 0.8rem;
    vertical-align: text-top;
}

.chat-hub__menu-mobile .button.has-update .update-notification {
    display: block;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translate(50%, -50%);
}

.chat-hub__menu-mobile .styled-select--r2 {
    min-height: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
}

.chat-hub__split-layout {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .chat-hub__split-layout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.chat-hub__followed {
    margin: auto;
    text-align: center;
}

.chat-hub__followed .h-4 {
    margin-bottom: 0.4em;
}

@media (min-width: 640px) {
    .chat-hub__followed .h-4 {
        margin-bottom: 0.4em;
    }
}

.chat-fliter__category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    text-decoration: none;
    color: #39464E;
    padding: 0.65em 1.5em;
    position: relative;
    text-align: left;
}


/*SFBUN-1067 CSS CHANGES FROM WUNDERMAN*/

.chat-fliter__category .icon {
    font-size: 1.2em;
}

.chat-fliter__category:hover {
    cursor: pointer;
    background-color: #EFEFEF;
}

.chat-fliter__category.is-selected {
    background-color: #EFEFEF;
}

.chat-fliter__category.is-selected .icon {
    color: #25861E;
}

.chat-fliter__category.is-locked .icon-lock {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat-fliter__category.has-update .update-notification {
    display: block;
}

.update-notification {
    display: none;
    width: 7px;
    height: 7px;
    background-color: #A5C84D;
    border-radius: 999px;
    margin-right: 0;
    margin-left: auto;
}

.chat-fliter-theme {
    position: relative;
    padding-top: 2.5em;
    margin-top: 2em;
}

.chat-fliter-theme::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 1.5em * 2);
    background-image: linear-gradient(to right, #39464E 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
    transform: translateX(1.5em);
}

.chat-fliter-theme__category {
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.chat-fliter-theme__category .accordion__content__inner {
    background-color: #ffffff;
    padding: 0;
}

.chat-fliter-theme__category .accordion__content {
    background-color: #ffffff;
}

.chat-fliter-theme__category .chat-fliter__category {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: calc(1.5em * 3.5);
}

.chat-fliter-theme__category .chat-fliter__category.is-selected {
    background-color: #EFEFEF;
}

.chat-fliter-theme__category .chat-fliter__category:not(.is-locked) .icon-lock {
    display: none;
}

.chat-fliter-theme__category__button {
    padding: 0.35em 1.5em;
    width: 100%;
    text-align: left;
}

.chat-fliter-theme__category__button .icon {
    font-size: 1.2em;
}

.chat-fliter-theme__category__button.is-open .icon-expand {
    display: none;
}

.chat-fliter-theme__category__button.is-open .icon-collapse {
    display: inline-block;
}

.chat-fliter-theme__category__button .icon-expand {
    display: inline-block;
}

.chat-fliter-theme__category__button .icon-collapse {
    display: none;
}

.chat-fliter-theme__category__button:hover {
    background-color: #EFEFEF;
}

.chat-fliter-theme__category__button.is-selected {
    background-color: #EFEFEF;
}

.chat-fliter-theme__category__button.has-update .update-notification {
    display: inline-block;
    float: right;
    margin-top: 11px;
}

.chat-fliter-theme__category__name {
    vertical-align: middle;
}

.chat-fliter-theme__category__post {
    color: #9EABB2;
    vertical-align: middle;
}

.chat-hub .comments__body {
    margin-bottom: 22px;
}

@media (max-width: 959px) {
    .chat-hub__nav .chat-hub .button {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}

.follow-lightbox {
    position: relative;
    padding-top: 1rem;
    max-height: 550px;
    overflow-y: scroll;
    padding-bottom: 1rem;
}

.follow-lightbox--fixed-height {
    height: 499px;
}

.follow-lightbox__list__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.75rem 1rem;
    background-color: #fff;
}

.follow-lightbox__list__inner+.follow-lightbox__list__inner {
    border-top: 1px solid #DFDFDF;
}

.follow-lightbox__list__inner:last-child {
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

@media (min-width: 640px) {
    .follow-lightbox__list__inner {
        display: block;
    }
}

.follow-lightbox__list__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.follow-lightbox__list__wrapper .member-tiles__tile__title {
    padding-right: 0;
}

.follow-lightbox__list__wrapper .member-tiles__tile__dash {
    display: none;
}

@media (min-width: 640px) {
    .follow-lightbox__list__wrapper .member-tiles__tile__dash {
        display: block;
    }
}

.follow-lightbox__list__avatar {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 3.5rem;
}

.follow-lightbox__list__proflie {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.follow-lightbox__list__proflie .profile-user__name {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-left: 0;
}

@media (min-width: 640px) {
    .follow-lightbox__list__proflie .profile-user__name {
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: center;
        margin-left: 1.3rem;
    }
}

.follow-lightbox__list__proflie__review {
    margin-left: 1.3rem;
    display: none;
    word-break: break-word;
    text-align: left;
}

@media (min-width: 640px) {
    .follow-lightbox__list__proflie__review {
        display: block;
    }
}

.follow-lightbox__list__proflie__review--mobile {
    display: block;
    margin-left: 0;
}

@media (min-width: 640px) {
    .follow-lightbox__list__proflie__review--mobile {
        display: none;
    }
}

.follow-lightbox__list__follow {
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 0;
    margin-left: auto;
}

.follow-lightbox__list__follow .discussion-card__follow {
    position: relative;
    top: auto;
    left: auto;
}

.follow-lightbox__fade-box {
    height: 70px;
    display: block;
    position: fixed;
    max-width: 700px;
    width: 100%;
    margin: auto;
    pointer-events: none;
    z-index: 1;
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 70%);
    bottom: 60px;
    box-sizing: border-box;
    transform: translateZ(0);
}

@media (min-width: 640px) {
    .follow-lightbox__fade-box {
        bottom: 74px;
        height: 130px;
    }
}

@media (min-width: 960px) {
    .follow-lightbox__fade-box {
        bottom: 74px;
    }
}

@media (min-width: 960px) {
    .follow-lightbox__fade-box {
        bottom: 74px;
    }
}

.is-bottom.js-follow-lightbox .follow-lightbox__fade-box {
    display: none;
    visibility: hidden;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .follow-lightbox__fade-box {
        background: none;
        position: static;
    }
}

form .chat-fliter-theme {
    padding-top: 0;
    margin-top: 0;
}

form .chat-fliter-theme::before {
    content: none;
}

form .chat-fliter-theme__category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 960px) {
    form .chat-fliter-theme__category {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

form .chat-fliter-theme__category .chat-fliter-theme__category__button {
    padding-left: 0;
}

form .chat-fliter-theme__category input {
    display: none;
}

form .chat-fliter-theme__category label {
    padding: 0.35em 0.75em;
    display: block;
    margin-left: 28px;
}

form .chat-fliter-theme__category label:hover {
    background-color: #EFEFEF;
}

form .chat-fliter-theme__category input[type="radio"]:checked+label {
    font-weight: 500;
    background-color: #EFEFEF;
}

.discussion-card--slip {
    font-size: 16px;
    padding: 1em;
    min-height: 120px;
    margin-bottom: 11px;
}

.discussion-card--slip .discussion-card__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    word-wrap: break-word;
    width: calc(100% - 55px);
    white-space: normal;
    min-height: 2em;
    margin-bottom: 8px;
}

.discussion-card--slip .discussion-card__bookmark {
    top: 0;
    right: 2em;
}

.discussion-card--slip .discussion-card--inner {
    position: relative;
}

.discussion-card--slip .comment__icon {
    color: #9EABB2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.discussion-card--slip .discussion-card__info {
    margin-bottom: 5px;
    -ms-flex-direction: row;
    flex-direction: row;
}

.discussions-card__badge {
    border-radius: 50%;
    max-width: 20px;
    width: auto;
    height: auto;
    margin-right: 5px;
}

.chat-filter__theme__followed-topics {
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.chat-filter__theme__followed-topics svg {
    font-size: 1em;
}

.chat-filter__theme__followed-topics .no-topics-icon {
    display: none;
}

.chat-filter__theme__followed-topics .no-followed-topics svg {
    display: none;
}

.chat-filter__theme__followed-topics .no-followed-topics svg.no-topics-icon {
    display: inline-block;
}

.chat-tile--large .comments__node--chat-hub .comments__node__comment::after {
    font-size: 0.8571rem;
}

.chat-fliter__container {
    padding-left: 22px;
    padding-right: 22px;
}

.chat-fliter--team-bunch .h-4 {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

.chat-fliter--team-bunch .chat-fliter__category {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.chat-fliter--team-bunch .chat-fliter__category.is-selected .icon {
    color: #25861E;
}

@media (max-width: 959px) {
    .chat-fliter--team-bunch .chat-fliter__category {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1rem;
    }
}

.chat-fliter--team-bunch .chat-fliter__category span+span {
    margin-left: 0.3rem;
    color: #9EABB2;
}

.chat-fliter--team-bunch .chat-fliter__category .icon {
    font-size: 12px;
    margin-right: 0.5rem;
}

.chat-fliter--team-bunch .styled-checkbox__label {
    display: block;
}

.chat-fliter__category--all::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #39464E;
    border-radius: 50%;
    margin-left: 0.2rem;
    margin-right: 0.75rem;
}

.chat-fliter__category--all.is-selected::before {
    background-color: #25861E;
    border-color: #25861E;
}

@media (max-width: 959px) {
    .chat-fliter--team-bunch .styled-checkbox--indent {
        margin-left: 25px;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-head {
        color: #39464E;
        font-weight: normal;
        padding-left: 14px;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-head .h-3 {
        font-size: 1rem;
        font-weight: normal;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-head .icon-collapse {
        display: none;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-head.is-open-icon .icon-collapse {
        display: inline;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-head.is-open-icon .icon-expand {
        display: none;
    }
    .chat-fliter--team-bunch .styled-hr-dotted,
    .chat-fliter--team-bunch .styled-hr-dotted-dark {
        margin-left: 7px;
        margin-right: 7px;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-content+hr {
        display: none;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-content.is-open+hr {
        display: block;
    }
    .chat-fliter--team-bunch .styled-checkbox:last-of-type .styled-checkbox__label {
        margin-bottom: 0;
    }
    .chat-fliter--team-bunch .styled-checkbox__label {
        margin-bottom: 22px;
    }
    .chat-fliter--team-bunch .h-4 {
        font-size: 1.250rem;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-content {
        transition: min-height 0.5s;
        height: 0;
        overflow: hidden;
        display: block;
    }
    .chat-fliter--team-bunch .filterable-hub__filters__accordion-content:not(.is-open) {
        display: none;
    }
    .filterable-hub__controls__mobile-filter {
        position: relative;
        display: block;
    }
    .filterable-hub__controls__mobile-filter .button__circle .icon {
        font-size: 1.3rem;
    }
    .filters-applied {
        display: inline-block;
        vertical-align: top;
        padding-top: 12px;
        padding-left: 4px;
    }
    .filters-applied button {
        color: #25861E;
        padding-left: 6px;
    }
    .lightbox--chat-hub .lightbox__content {
        max-width: 30rem;
    }
}

.chat-hub__split-layout__left--new .button,
.chat-hub__split-layout__left--new .chat-hub__nav__text__dot,
.chat-hub__split-layout__left--new .chat-hub--topic-followers,
.chat-hub__split-layout__left--new .chat-hub__nav__link {
    display: none;
}

@media (max-width: 959px) {
    .chat-hub__hub-info {
        display: inline-block;
    }
}

.chat-hub--topic .chat-hub__nav__link {
    display: block;
}

.chat-hub--topic .button {
    display: inline-block;
}

.chat-hub--topic .chat-hub__nav__text__dot,
.chat-hub--topic .chat-hub--topic-followers {
    display: inline;
}

.chat-hub--topic .chat-hub__hub-info {
    margin-top: 0.5rem;
    margin-bottom: 0.625rem;
}

@media (max-width: 959px) {
    .chat-hub--topic .chat-hub__hub-info {
        display: block;
    }
    .chat-hub--topic .filterable-hub__results-count {
        margin-left: 0;
    }
    .chat-hub--topic .filterable-hub__results-count::before,
    .chat-hub--topic .filterable-hub__results-count::after {
        content: none;
    }
}

.chat-tile--large {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    text-align: left;
}

@media (min-width: 640px) {
    .chat-tile--large {
        width: 694px;
        margin-bottom: 22px;
    }
    .chat-tile--large .comments__node:first-of-type {
        margin-top: 11px;
    }
    .chat-tile--large .comment__description {
        margin-bottom: 69px;
    }
    .chat-tile--large .comments__body {
        margin-bottom: 0px;
    }
    .chat-tile--large .comments__title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.steps-module {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.steps-module.is-1 .steps-module__node:nth-of-type(1) {
    color: #ffffff;
    background-color: #25861E;
}

.steps-module.is-2 .steps-module__track:nth-of-type(2) svg {
    stroke: #39464E;
}

.steps-module.is-2 .steps-module__node:nth-of-type(1) {
    color: #25861E;
    background-color: #ffffff;
    border-width: 1px;
    border-color: rgba(57, 70, 78, 0.5);
}

.steps-module.is-2 .steps-module__node:nth-of-type(1) .steps-module__node__check {
    display: block;
}

.steps-module.is-2 .steps-module__node:nth-of-type(1) .steps-module__node__indicator {
    display: none;
}

.steps-module.is-2 .steps-module__node:nth-of-type(3) {
    color: #ffffff;
    background-color: #25861E;
}

.steps-module.is-3 .steps-module__track:nth-of-type(2) svg {
    stroke: #39464E;
}

.steps-module.is-3 .steps-module__track:nth-of-type(4) svg {
    stroke: #39464E;
}

.steps-module.is-3 .steps-module__node:nth-of-type(1),
.steps-module.is-3 .steps-module__node:nth-of-type(3) {
    color: #25861E;
    background-color: #ffffff;
    border-width: 1px;
    border-color: rgba(57, 70, 78, 0.5);
}

.steps-module.is-3 .steps-module__node:nth-of-type(1) .steps-module__node__check,
.steps-module.is-3 .steps-module__node:nth-of-type(3) .steps-module__node__check {
    display: block;
}

.steps-module.is-3 .steps-module__node:nth-of-type(1) .steps-module__node__check svg,
.steps-module.is-3 .steps-module__node:nth-of-type(3) .steps-module__node__check svg {
    fill: currentColor;
}

.steps-module.is-3 .steps-module__node:nth-of-type(1) .steps-module__node__indicator,
.steps-module.is-3 .steps-module__node:nth-of-type(3) .steps-module__node__indicator {
    display: none;
}

.steps-module.is-3 .steps-module__node:nth-of-type(5) {
    color: #ffffff;
    background-color: #25861E;
}

.steps-module__node {
    width: 34px;
    height: 34px;
    border: 2px solid #25861E;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    font-weight: 500;
    color: #25861E;
    background-color: transparent;
    font-size: 1rem;
}

.steps-module__node__check {
    display: none;
}

.steps-module__track {
    min-width: 80px;
}

.steps-module__track svg {
    stroke: rgba(57, 70, 78, 0.5);
}

.steps-module__overlayed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    background-color: #E2E4E4;
    opacity: 0.81;
    z-index: 2;
}

@media (max-width: 959px) {
    .steps-module__overlayed {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}

.about-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 960px) {
    .about-block {
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
    }
}

.about-block__image {
    max-width: 132px;
    max-height: 132px;
    margin-bottom: 22px;
}

@media (min-width: 960px) {
    .about-block__image {
        margin-right: 44px;
        margin-bottom: 0;
    }
}

.about-block__text {
    max-width: 630px;
}

@media (min-width: 960px) {
    .about-block__text {
        max-width: none;
    }
}

.uploaded-images {
    overflow: hidden;
}

.uploaded-images .button {
    width: 48px;
    height: 48px;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    border: solid 1px rgba(153, 153, 153, 0.3);
}

@media (min-width: 960px) {
    .uploaded-images .button {
        top: 20px;
        left: 20px;
    }
}

.uploaded-image__more-images {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFF;
    font-size: 34px;
    background-color: rgba(0, 0, 0, 0.4);
}

.uploaded-image {
    position: relative;
    overflow: hidden;
    background-color: #000;
}


/*.comment__information .uploaded-image {
    background-color: transparent; } commented as there comes white space in Portrait grid views */

.uploaded-image .uploaded-image__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: none;
    max-width: none;
    max-height: 100%;
    display: block;
}

.uploaded-image:first-child:nth-last-child(1) {
    max-height: 600px;
}

.uploaded-image:first-child:nth-last-child(1) img {
    position: relative;
    transform: translate(0);
    top: auto;
    left: auto;
    width: 100%;
    max-height: 600px;
}

.uploaded-image:first-child:nth-last-child(1).has-video>a {
    position: relative;
    display: block;
}

.uploaded-image:first-child:nth-last-child(n+2),
.uploaded-image:first-child:nth-last-child(n+2)~.uploaded-image {
    width: 48.5%;
    float: left;
    height: 0;
    padding-top: 48.5%;
}

.uploaded-image:first-child:nth-last-child(n+2),
.uploaded-image:first-child:nth-last-child(n+2)~.uploaded-image:nth-of-type(1) {
    margin-right: 3%;
}

.uploaded-image.has-video>a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image {
    width: 48.5%;
    float: left;
    height: 0;
    padding-top: 48.5%;
}

.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image:nth-of-type(1) {
    margin-right: 0%;
    width: 100%;
    margin-bottom: 3%;
    height: auto;
    padding-top: 0;
}

.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3) img,
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image:nth-of-type(1) img {
    position: relative;
    transform: translate(0);
    top: auto;
    left: auto;
    width: 100%;
}

.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image:nth-of-type(2) {
    margin-right: 3%;
}

.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4) img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.comment__information .uploaded-images--portrait .uploaded-image:first-child:last-child {
    background-color: transparent;
}

.uploaded-images--portrait .uploaded-image:first-child:last-child img {
    min-width: unset;
    width: auto;
    margin: 0 auto;
}

.comment__information .uploaded-images--portrait .uploaded-image:first-child:last-child img {
    margin-left: 0;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image {
    width: 48.5%;
    float: right;
    height: 0;
    padding-top: 48.5%;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image:nth-of-type(1) {
    margin-right: 3%;
    height: 0;
    padding-top: 100%;
    float: left;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+3)~.uploaded-image:nth-of-type(2) {
    margin-bottom: 3%;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image,
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image {
    width: 48.5%;
    float: left;
    height: 0;
    padding-top: 48.5%;
    margin-bottom: 3%;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-of-type(2n),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-of-type(2n) {
    margin-right: 0%;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-of-type(2n-1),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-of-type(2n-1) {
    margin-right: 3%;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-child(n+5),
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+4)~.uploaded-image:nth-child(n+5) {
    display: none;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+5)~.uploaded-image:nth-of-type(4) .uploaded-image__more-images,
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+5)~.uploaded-image:nth-of-type(4) .uploaded-image__more-images {
    display: -ms-flexbox;
    display: flex;
}

.uploaded-images--portrait .uploaded-image:first-child:nth-last-child(n+5)~.uploaded-image:nth-of-type(4) .button,
.uploaded-images--landscape .uploaded-image:first-child:nth-last-child(n+5)~.uploaded-image:nth-of-type(4) .button {
    display: none;
}

.lightbox--gallery .lightbox__content--gallery {
    transition: 1000ms ease-in-out;
}

@media (max-width: 959px) {
    .lightbox--gallery .lightbox__content.lightbox__content--gallery {
        max-width: none;
        margin: 0;
        height: 100%;
        width: 100%;
        border: 0px;
    }
}

@media (min-width: 960px) {
    .lightbox--gallery .lightbox__content--gallery:not(:hover) .slick-arrow {
        opacity: 0 !important;
        transition: 200ms ease-in-out;
    }
}

.chat-images-carsousel__image-wrapper {
    height: calc(100% - 140px);
    margin-top: 70px;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 250ms ease-in-out;
}

@media (min-width: 960px) {
    .chat-images-carsousel__image-wrapper {
        margin-top: 90px;
        height: calc(100vh - 180px);
        max-height: 600px;
    }
}

.chat-images-carsousel__image-wrapper img {
    position: absolute;
    height: auto;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.chat-images-carsousel__image-wrapper img.image--portrait {
    min-height: 100%;
}

.chat-images-carsousel__image-wrapper img.image--landscape {
    min-width: 100%;
}

.chat-images-carsousel__image-wrapper--video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.chat-images-carsousel__image-wrapper--video video:-webkit-full-screen {
    top: auto;
    left: auto;
    position: relative;
    transform: none;
}

.chat-images-carousel__inner {
    position: relative;
}

.chat-images-carousel__inner .button {
    position: absolute;
    top: 10px;
    left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 960px) {
    .chat-images-carousel__inner .button {
        top: 24px;
        left: 24px;
    }
}

.button--carousel-delete {
    position: absolute;
    top: 10px;
    left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 960px) {
    .button--carousel-delete {
        top: 24px;
        left: 24px;
    }
}

.chat-images-carousel .slick-dots li button:before {
    font-size: 12px;
}

.chat-images-carousel .custom-back-button,
.chat-images-carousel .slick-prev {
    left: 11px;
    z-index: 5;
    width: 40px;
    height: 40px;
}

@media (min-width: 960px) {
    .chat-images-carousel .custom-back-button,
    .chat-images-carousel .slick-prev {
        width: 60px;
        height: 60px;
        left: 24px;
    }
}

.chat-images-carousel .custom-next-button,
.chat-images-carousel .slick-next {
    right: 11px;
    width: 40px;
    height: 40px;
}

@media (min-width: 960px) {
    .chat-images-carousel .custom-next-button,
    .chat-images-carousel .slick-next {
        width: 60px;
        height: 60px;
        right: 24px;
    }
}

.chat-images-carousel .slick-prev:before,
.chat-images-carousel .slick-next:before {
    color: #25861E;
    text-shadow: 1px 2px 13px rgba(0, 0, 0, 0.4);
    font-size: 45px;
    opacity: 1;
}

@media (min-width: 960px) {
    .chat-images-carousel .slick-prev:before,
    .chat-images-carousel .slick-next:before {
        font-size: 60px;
    }
}

.chat-images-carousel .slick-prev:before {
    width: 30px;
    height: 30px;
}

.chat-images-carousel .slick-disabled {
    display: none !important;
}

.chat-images-carousel .custom-next-button,
.chat-images-carousel .custom-back-button,
.chat-images-carousel .slick-next,
.chat-images-carousel .slick-prev {
    position: absolute;
    top: calc(50% - 10px);
    box-shadow: 1px 2px 13px rgba(0, 0, 0, 0.4);
    transition: 200ms ease-in-out;
    border-radius: 50%;
}

.chat-images-carousel .custom-next-button .icon,
.chat-images-carousel .custom-back-button .icon,
.chat-images-carousel .slick-next .icon,
.chat-images-carousel .slick-prev .icon {
    width: 100%;
    height: 100%;
}

@media (min-width: 960px) {
    .chat-images-carousel .custom-next-button,
    .chat-images-carousel .custom-back-button,
    .chat-images-carousel .slick-next,
    .chat-images-carousel .slick-prev {
        top: calc(50% - 7px);
    }
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button {
    padding: 4.5px;
}

@media (max-width: 959px) {
    .lightbox__content--gallery div {
        height: 100%;
    }
    .chat-images-carsousel__image-wrapper {
        height: calc(100% - 100px) !important;
    }
    .image-gallery--dots {
        bottom: 7px;
    }
    .chat-images-carousel--full .chat-images-carsousel__image-wrapper {
        height: 100% !important;
        margin-top: 0;
        background-color: #000;
    }
    .chat-images-carousel--full button {
        display: none !important;
    }
}

@media (min-width: 960px) {
    .lightbox--r2 .lightbox__content__close--carousel {
        top: 24px;
        right: 24px;
    }
}

.uploaded-image__video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    width: 60px;
    height: 60px;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.uploaded-image__video svg {
    fill: #FFF;
    height: 30px;
    width: 30px;
}

.has-video .uploaded-image__video {
    display: -ms-flexbox;
    display: flex;
}

.notification-bar {
    display: none;
    width: 100%;
    padding: 10px;
    background-color: #25861E;
    color: #ffffff;
    font-family: "FreshSans", helvetica, arial, sans-serif;
    transition: ease-in-out 100ms;
    font-size: 1.125rem;
}

.notification-bar .notification-bar__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1388px;
    margin: 0 auto;
    padding: 0 11px;
}

@media (max-width: 959px) {
    .notification-bar .notification-bar__container {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .notification-bar .notification-bar__container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
        padding: 20px 10px;
    }
}

.has-notification .notification-bar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
}

.notification-bar strong {
    margin-right: 20px;
}

.notification-bar .button {
    margin-bottom: 0;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .notification-bar .button {
        margin-left: 0px;
        margin-top: 11px;
    }
}

@media (max-width: 959px) {
    .notification-bar {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .notification-bar {
        padding: 0;
    }
}

.notification-bar.has-shadow {
    box-shadow: 0 0px 12px -2px #000;
}

body.has-notification {
    margin-top: 62px;
}

@media (max-width: 767px) {
    body.has-notification {
        margin-top: 133px;
    }
}

.notification-bar__close {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: transparent;
    border: 2px solid #FFF;
    border-radius: 50%;
}

@media (max-width: 959px) {
    .notification-bar__close {
        right: 0px;
    }
}

@media (max-width: 767px) {
    .notification-bar__close {
        transform: none;
        top: 10px;
        right: 10px;
    }
    .notification-bar__close .icon {
        height: 1.2em;
        width: 1.2em;
    }
}


/** SFBUN-1067 FAQs' SECTION
  * WUNDERMAN DESIGN
**/

.button--text-only {
    color: #25861E;
}

.accordion--faq .accordion__head {
    background-color: #FFF;
    color: #25861E;
    font-family: "FreshSans", helvetica, arial, sans-serif;
}

.accordion--faq .accordion__content {
    background-color: #FFF;
}

.accordion--faq .accordion__content__inner {
    padding-bottom: 0.8rem;
}

.faq-filter__category {
    width: 100%;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.faq-filter__category.is-active {
    background-color: #EFEFEF;
    font-weight: 500;
}

.faq-filter__category.is-active .icon {
    color: #25861E;
}

.faq-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
}

.faq-categories {
    position: relative;
    overflow-x: hidden;
}

.faq-categories .chat-fliter {
    display: block;
    padding: 2em 0;
}

.faq-categories input::-webkit-outer-spin-button,
.faq-categories input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.faq-categories input[type=number] {
    -moz-appearance: textfield;
}

.faq-categories__back-button {
    display: none;
}

@media (max-width: 639px) {
    .faq-categories .row {
        display: block;
        width: 200%;
        margin-left: 0;
        padding: 0;
    }
    .faq-categories__list-wrap {
        float: left;
        transform: translateX(0%);
        width: 50%;
        transition: 400ms ease-in-out;
        padding: 0;
    }
    .faq-categories--is-slid .faq-categories__list-wrap {
        transform: translateX(-100%);
    }
    .faq-categories__content-wrap {
        float: left;
        width: 50%;
        transform: translateX(100%);
        transition: 400ms ease-in-out;
        padding: 0;
        overflow-y: hidden;
        height: 0px;
    }
    .faq-categories--is-slid .faq-categories__content-wrap {
        transform: translateX(-100%);
        height: auto;
    }
    .faq-filter__category.is-active {
        background-color: transparent;
        font-weight: normal;
    }
    .faq-filter__category.is-active .icon {
        color: #39464E;
    }
    .faq-categories__back-button {
        display: block;
        font-family: "FreshSans", helvetica, arial, sans-serif;
        margin-bottom: 1rem;
    }
    .categories__content--contact .row {
        width: auto;
        margin-left: -11px;
        margin-right: -11px;
        display: -ms-flexbox;
        display: flex;
    }
}

.categories__content--contact {
    background-color: #ffffff;
    padding-left: 22px;
    padding-right: 22px;
}


/**
YOUTUBE Video Container
 */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/**
  Bunch Profile Avatars
 */

.avatar-selector {
    overflow: hidden;
}

.avatar-selector div {
    float: left;
    padding: 25px;
    width: 16.667%;
}

.avatar-selector img {
    width: 100%;
    height: auto;
}

.avatar-selector input {
    display: block;
    margin: 10px auto 0px;
}

@media all and (max-width: 640px) {
    .avatar-selector div {
        float: left;
        padding: 15px;
        width: 33.333%;
    }
}

.upload-image button {
    font-size: 25px;
}

.colourButton {
    background-color: #00582d !important;
    box-shadow: inset 0 0 0 1px #ffffff !important;
    color: #ffffff !important;
}
.homepageTitle_Maori{
  color:#a5c84e;
  font-size:20pt;
  line-height:0;
  font-style:italic;
 }