*, :before, :after {
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    overflow-y: scroll
}

body, html {
    color: #1a1a1a;
    font-size: 14px;
    height: 100%;
    margin: 0;
    background-color: #fff
}

p {
    line-height: 1.5;
    margin: 0 0 10px
}

a {
    color: inherit
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 5px
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 5px
}

h2, h3, h4, h5, h6 {
    font-weight: 300
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input[type=text], .form__textarea, input[type=email], input[type=search], input[type=number], input[type=password] {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

input[type=text]:focus, .form__textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=password]:focus {
    border-color: #071b4d;
    outline: 0
}

::-webkit-input-placeholder {
    color: #d3d3d3;
    opacity: 1
}

::-moz-placeholder {
    color: #d3d3d3;
    opacity: 1
}

:-ms-input-placeholder {
    color: #d3d3d3;
    opacity: 1
}

::-ms-input-placeholder {
    color: #d3d3d3;
    opacity: 1
}

::placeholder {
    color: #d3d3d3;
    opacity: 1
}


input[type=search]::-webkit-search-cancel-button {
    display: none
}

input[type=search]::-ms-clear {
    display: none
}

.clearfix:after, .l-container-center:after, .l-row:after, .photo-details:after, .photo-row__header:after, .photo-row__grid:after, .rd__message-form:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}


.margin-top {
    margin-top: 20px !important
}

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

.margin-bottom {
    margin-bottom: 20px
}

.text-center {
    text-align: center
}

.headline {
    font-size: 26px;
    margin: 40px 0 20px;
    text-align: center
}

.link {
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: underline;
    color: inherit;
    cursor: pointer
}


.list-inline {
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}


@media (max-width: 549px) {
    .margin-xs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (min-width: 700px) {
    .no-wrap-sm {
        white-space: nowrap
    }
}

.hidden {
    display: none !important
}

@media (max-width: 1479px) {
    .hidden-xl {
        display: none !important
    }
}






@media (max-width: 849px) {
    .hidden-md {
        display: none !important
    }
}

@media (max-width: 699px) {
    .hidden-sm {
        display: none !important
    }
}

@media (max-width: 549px) {
    .hidden-xs {
        display: none !important
    }
}

.visible-xl, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}



@media (max-width: 1479px) {
    .visible-xl {
        display: block !important
    }
}

@media (max-width: 849px) {
    .visible-md {
        display: block !important
    }
}

@media (max-width: 699px) {
    .visible-sm {
        display: block !important
    }
}

@media (max-width: 549px) {
    .visible-xs {
        display: block !important
    }
}

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

.l-container-center {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 1280px;
    max-width: 100%
}

.l-container--big {
    width: 1020px;
    max-width: 100%
}

.l-container--sm {
    width: 860px;
    max-width: 100%
}

.l-container--tiny {
    width: 740px;
    max-width: 100%
}

.l-container--teeny {
    width: 640px;
    max-width: 100%
}

.l-ratio-16-9 {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.l-ratio-16-9 > a {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.l-ratio-16-9:before {
    padding-bottom: 56.25%;
    display: block;
    content: ""
}

.l-row {
    margin-left: -15px;
    margin-right: -15px
}

.l-row--vertical-margin {
    margin-top: 0;
    margin-bottom: -15px
}

.l-row--vertical-margin > * {
    padding-bottom: 15px
}

.l-lg-12, .l-md-12, .l-sm-12, .l-xs-12, .l-lg-11, .l-md-11, .l-sm-11, .l-xs-11, .l-lg-10, .l-md-10, .l-sm-10, .l-xs-10, .l-lg-9, .l-md-9, .l-sm-9, .l-xs-9, .l-lg-8, .l-md-8, .l-sm-8, .l-xs-8, .l-lg-7, .l-md-7, .l-sm-7, .l-xs-7, .l-lg-6, .l-md-6, .l-sm-6, .l-xs-6, .l-lg-5, .l-md-5, .l-sm-5, .l-xs-5, .l-lg-4, .l-md-4, .l-sm-4, .l-xs-4, .l-lg-3, .l-md-3, .l-sm-3, .l-xs-3, .l-lg-2, .l-md-2, .l-sm-2, .l-xs-2, .l-lg-1, .l-md-1, .l-sm-1, .l-xs-1 {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.l-lg-1 {
    width: 8.33333%
}

.l-lg-2 {
    width: 16.66667%
}

.l-lg-3 {
    width: 25%
}

.l-lg-4 {
    width: 33.33333%
}

.l-lg-5 {
    width: 41.66667%
}

.l-lg-6 {
    width: 50%
}

.l-lg-7 {
    width: 58.33333%
}

.l-lg-8 {
    width: 66.66667%
}

.l-lg-9 {
    width: 75%
}

.l-lg-10 {
    width: 83.33333%
}

.l-lg-11 {
    width: 91.66667%
}

.l-lg-12 {
    width: 100%
}

@media (max-width: 849px) {
    .l-md-1 {
        width: 8.33333%
    }

    .l-md-2 {
        width: 16.66667%
    }

    .l-md-3 {
        width: 25%
    }

    .l-md-4 {
        width: 33.33333%
    }

    .l-md-5 {
        width: 41.66667%
    }

    .l-md-6 {
        width: 50%
    }

    .l-md-7 {
        width: 58.33333%
    }

    .l-md-8 {
        width: 66.66667%
    }

    .l-md-9 {
        width: 75%
    }

    .l-md-10 {
        width: 83.33333%
    }

    .l-md-11 {
        width: 91.66667%
    }

    .l-md-12 {
        width: 100%
    }
}

@media (max-width: 699px) {
    .l-sm-1 {
        width: 8.33333%
    }

    .l-sm-2 {
        width: 16.66667%
    }

    .l-sm-3 {
        width: 25%
    }

    .l-sm-4 {
        width: 33.33333%
    }

    .l-sm-5 {
        width: 41.66667%
    }

    .l-sm-6 {
        width: 50%
    }

    .l-sm-7 {
        width: 58.33333%
    }

    .l-sm-8 {
        width: 66.66667%
    }

    .l-sm-9 {
        width: 75%
    }

    .l-sm-10 {
        width: 83.33333%
    }

    .l-sm-11 {
        width: 91.66667%
    }

    .l-sm-12 {
        width: 100%
    }
}

@media (max-width: 549px) {
    .l-xs-1 {
        width: 8.33333%
    }

    .l-xs-2 {
        width: 16.66667%
    }

    .l-xs-3 {
        width: 25%
    }

    .l-xs-4 {
        width: 33.33333%
    }

    .l-xs-5 {
        width: 41.66667%
    }

    .l-xs-6 {
        width: 50%
    }

    .l-xs-7 {
        width: 58.33333%
    }

    .l-xs-8 {
        width: 66.66667%
    }

    .l-xs-9 {
        width: 75%
    }

    .l-xs-10 {
        width: 83.33333%
    }

    .l-xs-11 {
        width: 91.66667%
    }

    .l-xs-12 {
        width: 100%
    }
}

.l-lg-center {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.l-content, .l-sidebar {
    float: left
}

.l-content {
    width: 70%;
    width: calc(100% - 300px);
    padding-right: 30px
}

.l-sidebar {
    width: 300px
}

@media (max-width: 849px) {
    .l-content, .l-sidebar {
        width: 100%
    }

    .l-content {
        padding-right: 0
    }

    .l-content:last-child {
        padding-top: 0
    }
}

.o-clip {
    overflow: hidden;
    text-align: center;
    max-height: 100%
}

.o-clip--cover {
    background-position: center;
    background-size: cover
}

.o-clip__body {
    display: block;
    position: relative;
    text-align: center;
    float: left;
    left: 50%
}

.o-clip__img {
    display: inline;
    position: relative;
    vertical-align: middle;
    margin-bottom: -1px;
    max-width: none;
    min-width: 1px;
    right: 50%
}

.o-flip {
    position: relative;
    -webkit-perspective: 600px;
    perspective: 600px;
    z-index: 1
}

.o-flip__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .2s ease-in-out 0s;
    transition: -webkit-transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    position: relative;
    z-index: 1
}

.is-flipped .o-flip__front {
    z-index: 0
}

.o-flip__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .2s ease-in-out 0s;
    transition: -webkit-transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 0
}

.is-flipped .o-flip__back {
    z-index: 1
}

.o-flip--h > .o-flip__front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.o-flip--h > .o-flip__back {
    -webkit-transform: rotateY(-179deg);
    transform: rotateY(-179deg)
}

.o-flip--h.is-flipped > .o-flip__front {
    -webkit-transform: rotateY(179deg);
    transform: rotateY(179deg)
}

.o-flip--h.is-flipped > .o-flip__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.o-flip--v > .o-flip__front {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.o-flip--v > .o-flip__back {
    -webkit-transform: rotateX(-179deg);
    transform: rotateX(-179deg)
}

.o-flip--v.is-flipped > .o-flip__front {
    -webkit-transform: rotateX(179deg);
    transform: rotateX(179deg)
}

.o-flip--v.is-flipped > .o-flip__back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}


.icon-search:before {
    content: "\73"
}

.icon-mail:before {
    content: "\6d"
}


.btn-primary, .btn--splitted .btn__primary, .btn--splitted .btn__secondary, .btn-secondary, .btn-follow, .btn-warning, .btn-quiet, .btn-follow--tiny, .btn-follow--active {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.disabled.btn-primary, .btn--splitted .disabled.btn__primary, .btn--splitted .disabled.btn__secondary, .disabled.btn-secondary, .disabled.btn-follow, .disabled.btn-warning, .disabled.btn-quiet, .disabled.btn-follow--tiny, .disabled.btn-follow--active, [disabled].btn-primary, .btn--splitted [disabled].btn__primary, .btn--splitted [disabled].btn__secondary, [disabled].btn-secondary, [disabled].btn-follow, [disabled].btn-warning, [disabled].btn-quiet, [disabled].btn-follow--tiny, [disabled].btn-follow--active {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65
}

.btn-primary, .btn--splitted .btn__primary, .btn--splitted .btn__secondary {
    background-color: #05a081;
    border-color: #036f59
}

.btn-primary:hover, .btn--splitted .btn__primary:hover, .btn--splitted .btn__secondary:hover, .btn-primary:focus, .btn--splitted .btn__primary:focus, .btn--splitted .btn__secondary:focus {
    color: #333;
    color: #fff;
    background-color: #036f59;
    border-color: #036f59
}

.btn-secondary, .btn-follow {
    background: #071b4d;
    border-color: #030b1e
}

.btn-secondary:hover, .btn-follow:hover {
    background: #030b1e
}

.btn-warning {
    background: #ff2121;
    border-color: #ed0000
}

.btn-warning:hover {
    background-color: #ed0000
}

.btn-quiet, .btn-follow--tiny, .btn-follow--active {
    background: #f9f9f9;
    border-color: #e8e8e8;
    color: #1a1a1a;
    outline: none
}

.btn-quiet:hover, .btn-follow--tiny:hover, .btn-follow--active:hover, .btn-quiet:focus, .btn-follow--tiny:focus, .btn-follow--active:focus {
    background: #e8e8e8;
    border-color: #e8e8e8;
    color: #000
}

.btn-light {
    display: inline-block;
    margin-bottom: 4px;
    padding: 4px 8px;
    text-decoration: none;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 3px
}

.btn-light:hover {
    background: #e8e8e8
}

.btn--lg, .btn--splitted .btn__primary, .btn--splitted .btn__secondary {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.65
}

.btn--wide {
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700
}

.btn--big {
    padding: 8px 22px
}

.btn--sm {
    padding: 5px 10px;
    font-size: 14px
}

.btn--tiny {
    padding: 1px 3px;
    font-size: 12px
}

.btn--splitted {
    position: relative;
    overflow: visible;
    padding: 0;
    cursor: default;
    width: 100%;
    max-width: 390px
}

.btn--splitted .btn__primary, .btn--splitted .btn__secondary {
    border: 0;
    margin: 0;
    height: 46px;
    min-width: 46px
}

.btn--splitted .btn__primary svg, .btn--splitted .btn__secondary svg {
    vertical-align: inherit
}

.btn--splitted .btn__primary {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% - 46px)
}

.btn--splitted .btn__secondary {
    border-left: 1px solid #036f59 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 1;
    width: 46px
}

.btn__dropdown {
    position: absolute;
    z-index: 100;
    display: none;
    margin-top: 15px;
    right: 0;
    font-size: 1rem;
    text-align: left;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .25);
    color: #1a1a1a
}

@media (max-width: 849px) {
    .btn__dropdown {
        right: -25px
    }
}

.btn__dropdown.open {
    display: block
}

.btn__dropdown:after, .btn__dropdown:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.btn__dropdown:after {
    border-color: transparent;
    border-bottom-color: #fff;
    right: 13px;
    border-width: 8px
}

@media (max-width: 849px) {
    .btn__dropdown:after {
        right: 38px
    }
}

.btn__dropdown:before {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .15);
    right: 12px;
    border-width: 9px
}

@media (max-width: 849px) {
    .btn__dropdown:before {
        right: 37px
    }
}

.btn-follow {
    outline: none
}

.btn-follow--tiny {
    vertical-align: baseline;
    height: 16px;
    width: 16px;
    margin-left: 5px;
    line-height: 0;
    padding: 0
}

.btn-follow--active svg {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group__input, .input-group__btn {
    display: table-cell
}

.input-group__btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group__btn > .btn {
    height: 33px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group--lg .input-group__input, .input-group--lg .input-group__btn > .btn {
    height: 41px
}

.input-group--xlg .input-group__input, .input-group--xlg .input-group__btn > .btn {
    height: 48px
}

input.input-group__input {
    height: 33px;
    width: 100%;
    border: 1px solid #ccc;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

input.input {
    border: 1px solid #ccc
}

input.input--small {
    width: 100px;
    padding: 8px
}

table {
    border-collapse: collapse;
    width: 100%
}

th, td {
    text-align: left;
    padding: 5px
}

.table-responsive {
    overflow-x: auto;
    border: 1px solid #ddd
}

.home-landingpage__text, .home-landingpage__list {
    font-size: 15px;
    list-style: none;
    padding-left: 0
}

.home-landingpage__text li, .home-landingpage__list li {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: .5em;
    text-transform: capitalize
}


.home-landingpage__text {
    max-width: 680px;
    margin: 0 auto 20px;
    text-shadow: 0 0 1px rgba(0, 0, 0, .8)
}

.search-info {
    position: absolute;
    display: inline-block;
    z-index: 5;
    padding: 7px
}

.search-info:hover .search-info__container {
    max-height: 160px;
    width: 300px;
    padding: 10px;
    border-radius: 12px;
    background: #222;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    color: #fff
}

.search-info__container {
    overflow: hidden;
    margin-left: 3px;
    max-height: 16px;
    width: 16px;
    color: #eee;
    background: #444;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-info__icon {
    display: inline-block;
    width: 16px;
    font-family: serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-info__title {
    font-size: 14px;
    margin: 0 0 2px;
    line-height: 17px;
    font-weight: 700
}

.search-info__content {
    max-height: 160px;
    width: 280px
}

.search-info__text {
    font-size: 13px;
    margin: 0;
    padding-left: 25px
}

.search-info__text li {
    margin-top: 10px
}

.box {
    color: #d3d3d3;
    margin-bottom: 30px
}

.box--no-margin-bottom {
    margin-bottom: 0
}

.box__title {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px
}

.box--highlight {
    background: #f5f5f5;
    padding: 15px
}

.box--highlight .box__title {
    margin-bottom: 10px;
    margin-top: 0
}

.title {
    margin-top: 36px;
    margin-bottom: 20px
}

.title--less-margin-top {
    margin-top: 20px
}

.title--search-info h1 {
    display: inline-block;
    text-transform: capitalize
}

.title__headline {
    font-weight: 600;
    font-size: 26px;
    margin: 0
}

.title__more {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0
}

.title__more.title--big {
    margin-top: 2px;
    font-size: 18px
}

.title__text {
    font-size: 14px
}

body:not(.signed-in) .title--less-margin-top-if-not-signed-in {
    margin-top: 20px
}

.title-centered {
    text-align: center;
    margin: 40px 0
}

.title-centered__headline, .title-centered h2.title-centered__headline {
    font-size: 36px;
    margin: 0
}

.title-centered__more {
    font-size: 16px;
    color: #5e5e5e;
    margin-top: 10px;
    margin-bottom: 0
}

.title-centered__more--small {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.title-centered__img-link {
    text-decoration: none
}

.title-centered__img-link span {
    text-decoration: underline
}

.title-centered__inline-img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-left: 5px
}

.photos {
    display: -webkit-box;
    display: flex;
    width: 100%;
    position: relative
}

.photos .hide-featured-badge .featured-badge {
    display: none
}

.photos .hide-favorite-badge .favorite-badge {
    display: none
}

.photos .hide-photographer .photo-item__photographer, .photos .hide-photographer .photo-item--overlay:before {
    display: none
}

@media (max-width: 849px) {
    .no-js .photos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .no-js .photos .photos__column {
        margin-right: 0
    }

    .no-js .photos .photos__column:first-child {
        margin-left: 0
    }
}

.photos__column {
    display: block;
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 1.45rem
}

.photos__column:last-child {
    margin-right: 0
}

.photos__column > * {
    margin-bottom: 1.45rem
}

[data-cutoff-elements-after-the-shortest-column]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.5rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(40%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0) 100%)
}

@-webkit-keyframes fadeIn {
    from {
        opacity: .8
    }
}

@keyframes fadeIn {
    from {
        opacity: .8
    }
}

.photo-item {
    position: relative;
    display: block;
    z-index: 0
}

.photo-item .js-collect, .photo-item .js-like, .photo-item .js-download {
    z-index: 2
}

.photo-item__link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.photo-item__img {
    display: block;
    width: 100%;
    height: auto
}

.photo-item__info {
    position: absolute;
    -webkit-transition: all .2s, -webkit-transform .2s ease-in-out 0s;
    transition: all .2s, -webkit-transform .2s ease-in-out 0s;
    transition: all .2s, transform .2s ease-in-out 0s;
    transition: all .2s, transform .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    display: -webkit-box;
    display: flex;
    bottom: 0;
    right: 0;
    padding-bottom: 1.15rem;
    padding-right: 1.15rem;
    color: #fff
}

.photo-item__info .js-collect, .photo-item__info .js-like, .photo-item__info .js-download {
    opacity: 0;
    width: 0;
    overflow: hidden
}

.photo-item__info .js-collect.rd__button--collect--active, .photo-item__info .js-like.rd__button--collect--active, .photo-item__info .js-download.rd__button--collect--active {
    opacity: 1;
    width: 40px
}

.photo-item__info .js-collect.rd__button--like--active, .photo-item__info .js-like.rd__button--like--active, .photo-item__info .js-download.rd__button--like--active {
    opacity: 1;
    width: 40px
}

@media (max-width: 849px) {
    .photo-item__info .js-collect, .photo-item__info .js-like, .photo-item__info .js-download {
        opacity: 1;
        width: 40px
    }
}

.photo-item--video .photo-item__link:before {
    content: "▶";
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 45%;
    left: calc(50% - 22px);
    top: 45%;
    top: calc(50% - 22px);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    border: 4px solid;
    border-radius: 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.photo-item--video .js-photo-item__buffering:before {
    -webkit-animation: fadeIn .5s infinite alternate;
    animation: fadeIn .5s infinite alternate
}

.photo-item--video .photo-item__video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.photo-item--video .photo-item__img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.photo-item--video-autoplay .photo-item__link:before {
    opacity: 0;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.photo-item--video-autoplay:hover .photo-item__link:before {
    opacity: 1
}

.photo-item--overlay:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 1
}

.photo-item__photographer {
    max-width: calc(100% - 70px);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 1.15rem;
    padding-left: 1.15rem;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 2
}

.photo-item__photographer.js-tooltip-active {
    opacity: 1
}

.photo-item__name {
    box-sizing: content-box;
    max-width: calc(100% - 40px);
    margin-right: 40px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e8e8e8
}

.photo-item__name:hover {
    color: #fff
}

.photo-item:hover .photo-item__info .js-collect, .photo-item:hover .photo-item__info .js-like, .photo-item:hover .photo-item__info .js-download {
    opacity: .8;
    width: 40px;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.photo-item:hover .photo-item__info .js-collect:hover, .photo-item:hover .photo-item__info .js-like:hover, .photo-item:hover .photo-item__info .js-download:hover {
    opacity: 1
}

.photo-item:hover .photo-item__info .js-collect.rd__button--collect--active, .photo-item:hover .photo-item__info .js-like.rd__button--collect--active, .photo-item:hover .photo-item__info .js-download.rd__button--collect--active {
    opacity: 1;
    width: 40px
}

.photo-item:hover .photo-item__info .js-collect.rd__button--like--active, .photo-item:hover .photo-item__info .js-like.rd__button--like--active, .photo-item:hover .photo-item__info .js-download.rd__button--like--active {
    opacity: 1;
    width: 40px
}

.photo-item:hover .photo-item__photographer, .photo-item:hover:before {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

@media (max-width: 549px) {
    .photo-item .photo-item__info, .photo-item .photo-item__photographer, .photo-item:before {
        opacity: 1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
}

.photo-item__avatar {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-indent: -9999px;
    z-index: 2
}

.photo-item:hover .photo-item__center-text {
    opacity: .8
}

.photo-item__center-text {
    position: absolute;
    right: 0;
    top: 20px;
    left: 0;
    opacity: 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.ad-bottom {
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    text-align: center
}

.text-page {
    padding-bottom: 40px;
    font-size: 18px
}

.text-page h1 {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 36px;
    font-weight: 700
}

.text-page h2, .text-page h3, .text-page h4 {
    margin-top: 2em;
    margin-bottom: .5em;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.6
}

.text-page h2.text-page__subtitle, .text-page h3.text-page__subtitle, .text-page h4.text-page__subtitle {
    font-size: 18px;
    font-weight: 300;
    margin-top: -5px;
    margin-bottom: 0
}

.text-page h3 {
    font-size: 22px
}

.text-page h4 {
    font-size: 18px
}

.text-page h2 + h3 {
    margin-top: 20px
}

.text-page h3.text-page__less-margin-top {
    margin-top: 30px
}

.text-page__margin-top {
    margin-top: 60px
}

.text-page__heading-icon {
    margin-top: 60px;
    opacity: .8
}

.text-page__heading-icon + h2, .text-page__heading-icon + h3 {
    margin-top: 0
}

.text-page .text-page__small {
    font-size: 16px
}

.text-page li {
    margin-bottom: 5px;
    line-height: 1.6
}

.text-page pre {
    padding: 15px;
    background: #eee;
    border-radius: 3px;
    font-size: 16px;
    overflow: scroll
}

.text-page table {
    margin: 20px 0 10px
}

.text-page th {
    text-align: left
}

.text-page td, .text-page th {
    padding-right: 20px;
    padding-bottom: 10px;
    vertical-align: top
}

.text-page p {
    line-height: 1.6
}

.text-page p + p, .text-page ul + p {
    margin-top: 30px
}

.footer {
    background: #071b4d;
    color: #fff
}

.footer--black {
    background: #000
}

.footer__body, .footer__navbar {
    padding-left: 3rem;
    padding-right: 3rem
}

@media (max-width: 849px) {
    .footer__body, .footer__navbar {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.footer__body:not(:last-child), .footer__navbar:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.footer__navbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 849px) {
    .footer__navbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

.footer__navbar__list {
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.footer__navbar__list > * {
    display: inline-block
}

.footer__navbar__list > *:not(:last-child) {
    margin-right: 2rem
}

@media (max-width: 849px) {
    .footer__navbar__list {
        padding: 1rem 0;
        margin-bottom: 1rem
    }
}

.footer__navbar__list__item {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle
}

.footer__body {
    display: -webkit-box;
    display: flex;
    margin: 0;
    list-style: none;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media (max-width: 849px) {
    .footer__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .footer__body > *:not(:last-child) {
        margin-bottom: 2rem
    }
}

.footer__body__column {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    margin: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0
}

.footer__body__column__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 9px
}

.footer__link.footer__body__column__link {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 5px;
    text-decoration: none
}

.footer__navbar__localize-selector {
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 2px;
    padding: .6rem;
    line-height: 1
}

.footer__navbar__localize-selector > * {
    display: inline-block;
    vertical-align: middle
}

.footer__navbar__localize-selector .js-switch-locale-flag img {
    height: 20px;
    width: auto;
    margin-right: .5rem
}

a.footer__link {
    opacity: .6
}

a.footer__link:hover, a.footer__link:focus {
    opacity: 1
}

a .footer__link {
    opacity: .6
}

a:hover .footer__link, a:focus .footer__link {
    opacity: 1
}

.footer__logo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

.footer__logo__image {
    width: 36px;
    height: 36px;
    margin-right: 1rem
}

.footer__logo__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    max-width: 300px;
    white-space: normal
}

.footer__logo__text__opaque {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    opacity: .6
}

.footer__navbar__cta {
    display: -webkit-box;
    display: flex
}

.footer__navbar__cta input {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1rem;
    border: none;
    border-radius: 2px;
    background: rgba(255, 255, 255, .2);
    color: #fff;
    padding: .5rem 1rem;
    min-width: 0;
    width: 100%
}

.footer__navbar__cta input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.footer__navbar__cta input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.footer__navbar__cta input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.footer__navbar__cta input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.footer__navbar__cta input::placeholder {
    color: rgba(255, 255, 255, .6)
}

.social-list {
    margin-top: 40px
}

.social-list__item {
    display: inline-block;
    background: #fff;
    height: 30px;
    width: 30px;
    line-height: 34px;
    border-radius: 50%;
    color: #1a1a1a;
    text-align: center;
    text-decoration: none;
    opacity: .6;
    -webkit-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.social-list__item:hover {
    opacity: 1
}

.js-loading {
    overflow: hidden;
    position: relative;
    height: 40px;
    width: 100%;
    margin-top: -15px
}

.spinner div {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -40px;
    bottom: 10px;
    background-color: #333;
    border-radius: 50%;
    -webkit-animation: move 2s infinite cubic-bezier(.2, .64, .81, .23);
    animation: move 2s infinite cubic-bezier(.2, .64, .81, .23);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.spinner div:nth-child(2) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.spinner div:nth-child(3) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.spinner div:nth-child(4) {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms
}

.pagination {
    display: none
}

.ie-fallback {
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-weight: 700;
    -webkit-animation: hide .1s infinite;
    animation: hide .1s infinite
}

@-webkit-keyframes move {
    0% {
        left: 0
    }
    75% {
        left: 110%
    }
    100% {
        left: 110%
    }
}

@keyframes move {
    0% {
        left: 0
    }
    75% {
        left: 110%
    }
    100% {
        left: 110%
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.similar-photos {
    padding-bottom: 0
}

.similar-photos .last-row:not(:first-child), .similar-photos .last-row:not(:first-child) ~ * {
    display: none
}

.sponsored-photos {
    position: relative;
    margin-right: -10px;
    font-size: 0;
    clear: both;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto
}

.sponsored-photos__h2 {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

.sponsored-photos__p {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px
}

.sponsored-photos__p--bold {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 9px
}

.sponsored-photos--large {
    max-height: 510px
}

.sponsored-photos--large .sponsored-photos__photo, .sponsored-photos--large .sponsored-photos__video {
    max-width: 320px;
    width: 230px;
    height: 160px
}

@media (max-width: 549px) {
    .sponsored-photos--large .sponsored-photos__photo, .sponsored-photos--large .sponsored-photos__video {
        width: 140px;
        height: 140px
    }
}

.sponsored-photos--grid .sponsored-photos__photo, .sponsored-photos--grid .sponsored-photos__video {
    height: 95px;
    width: calc(50% - 5px);
    margin-bottom: 5px;
    border: 1px solid #ddd
}

.sponsored-photos--grid .sponsored-photos__photo:nth-child(2n-1), .sponsored-photos--grid .sponsored-photos__video:nth-child(2n-1) {
    margin-right: 5px
}

.sponsored-photos--grid .sponsored-photos__photo:nth-child(2n), .sponsored-photos--grid .sponsored-photos__video:nth-child(2n) {
    margin-right: 0
}

.sponsored-photos--small, .sponsored-photos--tiny {
    max-height: 150px
}

.sponsored-photos--small .sponsored-photos__photo, .sponsored-photos--small .sponsored-photos__video, .sponsored-photos--tiny .sponsored-photos__photo, .sponsored-photos--tiny .sponsored-photos__video {
    max-width: 275px;
    width: 150px;
    height: 140px
}

.sponsored-photos--inline {
    position: absolute;
    display: none;
    margin: 20px;
    background: #f5f5f5;
    padding: 15px
}

.sponsored-photos--inline .sponsored-photos__photo {
    max-width: 320px;
    width: 180px;
    height: 160px
}

@media (max-width: 549px) {
    .sponsored-photos--inline .sponsored-photos__photo {
        width: 140px;
        height: 140px
    }
}

.sponsored-photos--inline__grid__item--video {
    position: relative
}

.sponsored-photos--inline__grid__item--video:after {
    content: "▶";
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 45%;
    left: calc(50% - 22px);
    top: 45%;
    top: calc(50% - 22px);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    border: 4px solid;
    border-radius: 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.sponsored-photos__photo, .sponsored-photos__video {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    vertical-align: top
}

.sponsored-photos__photo__link, .sponsored-photos__video__link {
    display: block;
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center
}

.sponsored-photos__photo__link:after, .sponsored-photos__video__link:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sponsored-photos .sponsored-photos__video > *:before {
    content: "▶";
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 45%;
    left: calc(50% - 22px);
    top: 45%;
    top: calc(50% - 22px);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    border: 4px solid;
    border-radius: 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.sponsored-photos__view-more {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 10px;
    width: 200px;
    padding-left: 3em;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(65%, rgba(0, 0, 0, 0.6)));
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.6) 65%);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

@media (max-width: 849px) {
    .sponsored-photos__view-more {
        height: 140px;
        top: auto
    }
}

.sponsored-photos--inline__title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    padding: 16px;
    padding-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.sponsored-photos--inline__title img {
    display: block
}

.sponsored-photos--inline__grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.sponsored-photos--inline__grid__item {
    height: 150px;
    width: 50%;
    margin-bottom: .6rem
}

.sponsored-photos--inline__grid__item:nth-child(odd) {
    padding-right: calc(0.6rem / 2)
}

.sponsored-photos--inline__grid__item:nth-child(even) {
    padding-left: calc(0.6rem / 2)
}

.sponsored-photos--inline__grid__item__link {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block
}

.sponsored-photos--inline__footer {
    padding: .6rem;
    padding-bottom: 1.15rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.photo-details {
    padding: 10px 20px
}

@media (max-width: 830px) {
    .photo-details {
        padding-top: 0
    }
}

.info-tooltip {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-family: serif;
    color: #fff;
    text-align: center;
    background: #d3d3d3;
    border-radius: 50%
}

.info-tooltip:before {
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, cantarell, helvetica neue, ubuntu, sans-serif;
    font-style: normal
}

.show-if-subscribed {
    display: none
}

.newsletter-subscribed .hide-if-subscribed {
    display: none
}

.newsletter-subscribed .show-if-subscribed {
    display: block
}

.select-list {
    position: relative;
    margin: 2px 0 0;
    font-size: 14px
}

.select-list__item {
    padding: 5px 10px 5px 35px;
    cursor: pointer
}

.select-list__item:hover {
    background: #eee
}

.select-list__item.select-list--active {
    background: #e3e3e3
}

.select-list__item input[type=radio] {
    position: absolute;
    left: 10px
}

.icon-dot {
    display: inline-block;
    vertical-align: middle;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #fff;
    background: currentcolor
}

.icon-dot--clear {
    background: 0 0
}

.icon-dot--primary {
    background: #05a081
}

.icon-dot--secondary {
    background: #071b4d
}

.icon-dot:last-child {
    margin-right: 5px
}

[data-tooltip] {
    position: relative;
    z-index: 1;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-tooltip]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 10px;
    line-height: 1;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    background: #1a1a1a;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    -webkit-transition: all 0;
    transition: all 0
}

[data-tooltip]:hover:before {
    content: attr(data-tooltip);
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
    transform: translateX(-50%) translateY(calc(-100% - 5px));
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-tooltip][data-tooltip-disabled]:hover:before {
    visibility: hidden
}

[data-tooltip][data-tooltip-align=left]:before {
    width: 250px;
    text-align: left;
    line-height: 1.5;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%)
}

[data-tooltip][data-tooltip-align=left]:hover:before {
    -webkit-transform: translateX(calc(-100% - 5px)) translateY(-50%);
    transform: translateX(calc(-100% - 5px)) translateY(-50%)
}

[data-tooltip][data-tooltip-align=top-left]:before {
    width: 250px;
    text-align: left;
    line-height: 1.5;
    left: 0;
    top: 0;
    white-space: normal;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0)
}

[data-tooltip][data-tooltip-align=top-left]:hover:before {
    -webkit-transform: translateX(calc(-100% - 5px)) translateY(0);
    transform: translateX(calc(-100% - 5px)) translateY(0)
}

[data-tooltip][data-tooltip-align=top-center], [data-tooltip][data-tooltip-align=top-center-wide] {
    display: inline-block
}

[data-tooltip][data-tooltip-align=top-center]:before, [data-tooltip][data-tooltip-align=top-center-wide]:before {
    width: 150px;
    text-align: center;
    line-height: 1.3
}

[data-tooltip][data-tooltip-align=top-center-wide]:before {
    width: 200px
}

.list-unstyled, .list-inline, .btn__dropdown ul, .select-list {
    padding-left: 0;
    list-style: none
}

.list-padding > li {
    margin-bottom: 5px
}

.list__item {
    margin-bottom: 10px
}

.list--bullets .list__item {
    position: relative;
    padding-left: 28px
}

.list--bullets .list__bullet {
    margin: auto;
    position: absolute;
    bottom: auto;
    right: auto;
    left: 0;
    top: 2px;
    width: 18px;
    vertical-align: middle
}

.list-custom {
    list-style: none;
    font-size: 0
}

.list-custom li > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-bottom: 20px
}

.list-custom li > *:first-child {
    width: 60px;
    font-size: 22px
}

.list-custom li > *:last-child {
    width: calc(100% - 60px)
}

body.has-open-modal, body.has-open-modal--page {
    overflow-y: hidden
}

body.has-open-modal .page-wrap, body.has-open-modal .navbar, body.has-open-modal .hero ~ .l-container, body.has-open-modal--page .page-wrap, body.has-open-modal--page .navbar, body.has-open-modal--page .hero ~ .l-container {
    overflow: hidden;
    -webkit-filter: blur(5px) grayscale(30%);
    filter: blur(5px) grayscale(30%)
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    overflow: hidden;
    overflow-y: scroll;
    background: rgba(255, 255, 255, .7)
}

.modal--photo {
    background: rgba(0, 0, 0, .7);
    z-index: 109
}

.modal.is-open ~ .modal--photo:before, .modal.is-open ~ .modal--photo > .modal__content {
    overflow: hidden;
    -webkit-filter: blur(5px) grayscale(30%);
    filter: blur(5px) grayscale(30%)
}

.modal.is-open {
    display: block
}

.modal:before {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 20px;
    padding: 10px 10px 20px 20px;
    content: "✕";
    font-size: 22px;
    color: #1a1a1a;
    cursor: pointer
}

@media (max-width: 849px) {
    .modal:before {
        top: 0
    }
}

@media (max-width: 699px) {
    .modal:before {
        padding-top: 5px
    }
}

.modal--photo:before {
    color: #fff;
    right: 1px;
    top: 1px
}

.modal__content {
    position: relative;
    overflow: hidden;
    max-width: 560px;
    min-height: 200px;
    margin: 40px auto;
    padding: 40px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal--photo > .modal__content {
    max-width: none;
    margin-right: 40px;
    margin-left: 40px;
    padding: 0
}

@media (max-width: 699px) {
    .modal--photo > .modal__content {
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 1680px) {
    .modal--photo > .modal__content {
        max-width: 1600px;
        margin-right: auto;
        margin-left: auto
    }
}

.modal-content {
    max-width: 500px;
    margin: auto
}

.modal__content.modal__content--with-top-bar {
    overflow: visible
}

.modal-content__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center
}

.modal-content__content {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    margin: 0;
    margin-bottom: 2rem;
    color: #5e5e5e
}

.modal-content__content li {
    display: list-item
}

.modal-content__content a {
    text-decoration: underline
}

.modal-content__content--center {
    text-align: center;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto
}

.modal-content__footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.modal-content__footer__input {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-right: 1rem
}

.modal__content__top-bar {
    position: absolute;
    height: 3rem;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.photo-rows {
    padding-bottom: 20px;
    clear: both
}

.photo-row__header {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8e8e8
}

.photo-row__title {
    float: left;
    margin: 0;
    font-size: 18px
}

.photo-row__title > a {
    text-decoration: none
}

.photo-row__title > a:hover {
    text-decoration: underline
}

.photo-row__more {
    float: right;
    margin-top: 2px;
    color: #d3d3d3;
    text-decoration: none
}

.photo-row__more:hover {
    text-decoration: underline
}

.photo-row__avatar {
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: middle
}

.photo-row__grid {
    display: -webkit-box;
    display: flex
}

.photo-row__grid > * {
    margin-right: 10px;
    min-width: 0;
    -ms-flex: 0 1 auto
}

.photo-row__grid > *:last-child {
    margin-right: 0
}

@media (max-width: 900px) {
    .photo-row__container {
        overflow-x: scroll;
        overflow-scrolling: touch
    }

    .photo-row__grid {
        min-width: 900px
    }
}

.photo-row--user .photo-row__more {
    margin-top: 6px
}

.icon-list {
    display: inline-block;
    width: 340px;
    max-width: 100%;
    margin-bottom: 40px;
    margin-right: 40px;
    font-size: 0
}

.icon-list:nth-child(2n-1) {
    margin-right: 0
}

@media (max-width: 699px) {
    .icon-list {
        margin-right: 0
    }
}

.icon-list__icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    font-size: 22px;
    line-height: .5;
    color: #d3d3d3
}

.icon-list__content {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: middle
}

.icon-list__title {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1.5
}

.icon-list__infos {
    color: #5e5e5e;
    font-size: 12px;
    line-height: 1.5
}

.icon-list__infos span {
    margin-right: 10px
}

.icon-list__vcenter {
    vertical-align: middle
}

.challenge__back-link {
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    color: #5e5e5e
}

.challenge__back-link:hover {
    color: #1a1a1a
}

.challenge__header {
    font-size: 0;
    margin: 40px auto
}

.challenge__img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 80px
}

.challenge__img a {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden
}

.challenge__intro {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px - 20px)
}

.challenge__title {
    margin: 0;
    font-size: 26px
}

.challenge__subtitle {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 1.5
}

.challenge__h3 {
    font-weight: 700;
    margin-bottom: 20px
}

.challenge__p {
    line-height: 1.5;
    font-size: 16px;
    color: #5e5e5e
}

.challenge__cta-container {
    margin: 40px auto
}

.challenge__info {
    margin: 10px auto;
    max-width: 260px;
    color: #5e5e5e
}

.challenge__user-link {
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin: 40px 20px 20px
}

.challenge__user-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden
}

.challenge__user-name {
    display: inline-block;
    vertical-align: middle
}

.definition-list {
    margin-bottom: 80px
}

.definition-list__title h3 {
    font-size: inherit;
    font-weight: 700;
    margin-bottom: 10px
}

.definition-list__data {
    margin: 0 0 40px;
    color: #5e5e5e
}

.leaderboard {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 130px;
    margin: 40px 0
}

@media (max-width: 860px) {
    .leaderboard {
        display: block;
        height: auto
    }
}

.leaderboard__place {
    width: 80px;
    margin-right: 10px;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 36px;
    text-align: center
}

.leaderboard__metric {
    display: block;
    font-size: 12px;
    color: #5e5e5e
}

.leaderboard__metric i {
    position: relative;
    top: 2px
}

.leaderboard__metric-label {
    display: block;
    font-size: 12px;
    color: #5e5e5e;
    font-weight: 300
}

.leaderboard__profile {
    float: left;
    width: 35%;
    min-width: 380px;
    padding-right: 20px;
    overflow: hidden
}

@media (max-width: 860px) {
    .leaderboard__profile {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }
}

.leaderboard__profile-information {
    width: calc(100% - 160px)
}

.leaderboard__name {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 2.5px;
    font-size: 26px;
    font-weight: 600
}

.leaderboard__name a {
    text-decoration: none
}

.leaderboard__bio {
    margin: 0
}

.leaderboard__website {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.leaderboard__photos {
    position: relative;
    float: left;
    width: 65%;
    font-size: 0;
    height: 130px;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width: 860px) {
    .leaderboard__photos {
        width: 100%;
        margin-bottom: 40px
    }
}

.leaderboard__photo {
    text-decoration: none;
    margin-right: 10px
}

.leaderboard__more-photos {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: rgba(255, 255, 255, .8);
    text-decoration: none;
    text-align: center;
    font-size: 36px;
    color: #1a1a1a;
    opacity: .8;
    line-height: 130px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.leaderboard__more-photos:hover {
    opacity: 1
}

.pro-download {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px
}

.pro-download__title {
    font-size: 26px;
    margin: 20px 0
}

.pro-download__info {
    max-width: 600px;
    margin: 40px auto;
    font-size: 14px;
    color: #5e5e5e
}

.centered-box {
    max-width: 560px;
    margin: 40px auto;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    background: #fff
}

.centered-box__title {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center
}

.centered-box__content {
    padding: 40px
}

.download-page {
    max-width: 760px;
    text-align: center
}

@media (max-width: 699px) {
    .download-page__container {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #e8e8e8
    }
}

.download-page__heading {
    font-weight: 700;
    font-size: 22px
}

.download-page__button {
    display: inline-block;
    margin-top: 10px
}

.hero-header {
    position: relative;
    background-size: cover;
    background-position: 20%;
    padding: 40px 20px;
    height: 42vh;
    max-height: 420px;
    min-height: 360px;
    color: #fff;
    text-align: center
}

.hero-header--large {
    padding-top: 80px;
    padding-bottom: 80px;
    height: 62vh;
    min-height: 420px;
    max-height: 620px
}

.hero-header > * {
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    max-width: 100%;
    z-index: 2
}

.hero-header:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2)
}

.hero-header__title {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 50px
}

@media (max-width: 549px) {
    .hero-header__title {
        font-size: 45px
    }
}

.hero-header__subtitle {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 26px;
    font-weight: 300
}

@media (max-width: 549px) {
    .hero-header__subtitle {
        font-size: 18px;
        font-weight: 300
    }
}


@-webkit-keyframes slide {
    0% {
        background-position: 0
    }
    100% {
        background-position: -2324px
    }
}

@keyframes slide {
    0% {
        background-position: 0
    }
    100% {
        background-position: -2324px
    }
}

.intro-header {
    padding: 120px 20px;
    text-align: left;
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat
}

.intro-header > *:first-child {
    margin-top: 60px
}

.intro-header__title {
    font-size: 50px;
    margin: 0
}

.intro-header__subtitle {
    margin-top: 5px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.4
}

.intro-header__text-background {
    background: rgba(255, 255, 255, .8);
    padding: 20px;
    margin: -20px;
    border-radius: 3px;
    max-width: 680px;
    margin-bottom: 20px
}

.intro-header__text-background > * {
    display: inline-block
}

.intro-header__text-background > *:last-child {
    margin-bottom: 0
}

.tiny-profile {
    position: relative;
    display: inline-block;
    margin-left: 40px;
    min-width: 150px;
    max-width: 260px;
    text-decoration: none;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.tiny-profile--stack {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    white-space: nowrap
}

.tiny-profile--stack .tiny-profile__img {
    width: 40px;
    height: 40px
}

.tiny-profile--stack .tiny-profile__place--big {
    line-height: 40px;
    margin-right: 10px;
    margin-left: 10px
}

.tiny-profile--stack .tiny-profile__content {
    max-width: calc(100% - 80px)
}

@media (max-width: 1250px) {
    .tiny-profile:nth-child(4) {
        display: none
    }
}

@media (max-width: 1400px) {
    .tiny-profile:nth-child(5) {
        display: none
    }
}

@media (max-width: 1600px) {
    .tiny-profile:nth-child(6) {
        display: none
    }
}

@media (max-width: 1800px) {
    .tiny-profile:nth-child(7) {
        display: none
    }
}

.tiny-profile__img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    background: #e8e8e8;
    border-radius: 50%;
    overflow: hidden
}

.tiny-profile__content {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px)
}

.tiny-profile__place {
    position: absolute;
    bottom: 0;
    left: 30px;
    font-size: 12px;
    color: #d3d3d3;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.tiny-profile__place--big {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

.tiny-profile__name {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    max-width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.tiny-profile__views {
    font-size: 13px;
    display: block;
    color: #5e5e5e
}

.search-medium {
    font-size: 0;
    margin-bottom: 30px
}

@media (max-width: 549px) {
    .search-medium {
        margin-bottom: 15px
    }

    .search-medium:nth-child(2n) {
        padding-left: 7.5px
    }

    .search-medium:nth-child(2n+1) {
        padding-right: 7.5px
    }
}

.search-medium__link {
    display: inline-block;
    position: relative;
    max-height: 140px;
    border-radius: 8px;
    overflow: hidden
}

.search-medium__link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000', GradientType=0)
}

.search-medium__title {
    position: absolute;
    top: 0;
    left: 0;
    color: #e8e8e8;
    font-weight: 700;
    text-transform: capitalize;
    margin: 20px;
    font-size: 22px
}

.search-medium__image {
    height: auto;
    margin-top: -30px
}

.search-medium__more {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .6);
    line-height: .3;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.search-medium:hover .search-medium__more {
    opacity: 1
}

.switch-locale {
    position: fixed;
    z-index: 35;
    background: #e8e8e8;
    opacity: 0;
    display: none
}

.switch-locale--bottom-bar {
    bottom: 0;
    right: 0;
    left: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .3)
}

@media (max-width: 549px) {
    .switch-locale--bottom-bar {
        padding-right: 20px
    }

    .switch-locale--bottom-bar .switch-locale__label {
        display: none
    }
}

.switch-locale--bottom-bar .switch-locale__option {
    display: none
}

.switch-locale--bottom-bar .switch-locale__option--main-language {
    display: inline-block;
    margin: 0 10px
}

@media (max-width: 549px) {
    .switch-locale--bottom-bar .switch-locale__option--main-language {
        margin-left: 0
    }
}

.switch-locale--modal {
    top: 80px;
    left: 50%;
    margin-left: -380px;
    width: 760px;
    max-width: 100%;
    max-height: 100vh;
    overflow: scroll;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, .5);
    font-size: 0
}

.switch-locale--modal > *:not(:first-child) {
    width: 25%;
    display: inline-block;
    padding: 10px
}

.switch-locale--modal .switch-locale__option--main-language {
    background: rgba(5, 160, 129, .1);
    border-radius: 6px
}

.switch-locale--modal .switch-locale__label {
    display: block;
    margin-bottom: 20px
}

@media (max-width: 760px) {
    .switch-locale--modal {
        top: 0;
        left: 0;
        margin-left: 0
    }

    .switch-locale--modal > *:not(:first-child) {
        width: 50%
    }
}

.switch-locale--is-visible {
    display: inline-block;
    opacity: 1
}

.switch-locale__label {
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px
}

.switch-locale__option {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px
}

.switch-locale__option > span {
    margin-left: 5px
}

.switch-locale__flag {
    vertical-align: middle
}

.switch-locale__close {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    text-align: right
}

.stats-photo {
    position: relative;
    margin-bottom: 30px;
    font-size: 0
}

.stats-photo:last-child {
    margin-bottom: 60px
}

.stats-photo__image {
    width: 100%
}

.stats-photo__details {
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    padding: 40px 20px 20px;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    pointer-events: none
}

.stats-photo__details > span {
    display: inline-block;
    white-space: nowrap
}

.stats-photo__icon {
    fill: #fff;
    height: 20px;
    width: 20px;
    vertical-align: middle
}

.partner-box {
    position: relative;
    max-width: 800px
}

.partner-box.text-center {
    margin: 20px auto 0
}

.partner-box__partner {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #d3d3d3;
    font-size: 12px
}

.partner-box__partner--left {
    right: auto;
    left: 20px
}

@media (max-width: 849px) {
    .partner-box__partner {
        top: 2.5px;
        right: 5px
    }
}

.partner-box__title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 22px
}

.partner-box__subtitle {
    font-size: 18px
}

.box__title .partner-box__title-logo {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px
}

.box__title .partner-box__title-logo img {
    display: block
}

.partner-box__title-logo img {
    display: block;
    margin: 0 auto
}

.partner-box__logo {
    text-decoration: none
}

.partner-box__logo > img {
    vertical-align: middle
}

.tool-overview {
    font-size: 0;
    margin-top: 20px
}

.tool-overview__item {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 40px);
    margin: 20px;
    padding: 40px;
    border-radius: 3px;
    border: 1px solid #e8e8e8
}

@media (max-width: 699px) {
    .tool-overview__item {
        width: calc(100% - 40px)
    }
}

.tool-overview__item--large {
    width: calc(55% - 40px)
}

@media (max-width: 849px) {
    .tool-overview__item--large {
        width: calc(100% - 40px)
    }
}

.tool-overview__item--tall {
    min-height: 27rem
}

.tool-overview__logo {
    margin-bottom: 20px
}

.tool-overview__title {
    margin-top: 0;
    font-size: 36px;
    font-weight: 700
}

.tool-overview__description {
    font-size: 16px;
    margin-bottom: 0
}

.tool-overview__disclaimer {
    font-size: 12px;
    text-align: left;
    margin-top: 1.5rem
}

.tool-overview__image {
    margin: -40px -40px 20px;
    max-width: calc(100% + 80px);
    border-radius: 3px 3px 0 0
}

.tool-overview__cta {
    display: inline-block;
    margin-top: 20px
}

.tool-overview__cta + .tool-overview__cta {
    margin-left: 10px
}

.click-dropdown {
    display: inline-block;
    position: relative;
    overflow: visible
}

.click-dropdown--open .click-dropdown__content {
    display: block
}

.click-dropdown--icon-toggle .click-dropdown__content {
    max-width: 200px;
    left: auto
}

.click-dropdown__button {
    width: 100%
}

.click-dropdown__content {
    display: none;
    position: absolute;
    z-index: 20;
    right: 0;
    left: -120px;
    font-size: 14px;
    -webkit-transition: visibility .1s;
    transition: visibility .1s
}

.click-dropdown__content li {
    padding: 0
}

.click-dropdown__content li:first-child {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.click-dropdown__content li:last-child {
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

.click-dropdown__content li > a {
    display: block;
    color: #d3d3d3;
    padding: 8px 15px;
    text-decoration: none;
    cursor: pointer
}

.click-dropdown__content li > a:hover {
    color: #d3d3d3;
    background: #e8e8e8
}

.click-dropdown__content i {
    vertical-align: middle;
    margin-right: 5px
}

.home-page {
    margin: 0 auto;
    max-width: 1400px;
    /*min-width: calc(100vw - 30px);*/
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (max-width: 849px) {
    .home-page {
        padding-left: 0.8rem;
        padding-right: 0.8rem
    }
}

@media (min-width: 1900px) {
    .home-page {
        max-width: 1850px
    }
}

.home-page__cards {
    display: -webkit-box;
    display: flex
}

.title-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: .5rem;
    margin-bottom: 8px;
}

.title-tabs__title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.recent-searches__search {
    display: inline-block;
    padding: 2px 0;
    margin: 2px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.recent-searches__pagination {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 40px
}

.recent-searches__pagination .previous_page.disabled, .recent-searches__pagination .next_page.disabled {
    display: none
}

.card {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #e8e8e8;
    padding: 15px;
    margin: 20px 0 0;
    border-radius: 3px;
    overflow: hidden
}

.card + .card {
    margin-left: 20px
}

.card--max-width {
    white-space: nowrap;
    flex-shrink: 1;
    width: 100%
}

.card--fixed-width {
    white-space: nowrap;
    flex-shrink: 0
}

.card--white {
    background: #fff
}

.card--stack {
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.card--stack .card__title {
    text-align: center;
    font-weight: 700
}

.card--stack .card__image {
    display: block;
    margin-bottom: 22.5px;
    margin-right: auto;
    margin-left: auto
}

.card--stack .card__image:first-child {
    margin-top: 7.5px
}

.card--stack .card__content {
    margin-top: 22.5px
}

.card__image {
    font-size: 0;
    margin-right: 7.5px
}

.card__image svg {
    fill: #1a1a1a
}

.card__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.card__subtitle {
    display: inline-block;
    margin-top: 2.5px
}

.action-box {
    text-align: center;
    max-width: 440px;
    margin: 60px auto
}

.action-box__icon {
    width: 75px;
    height: 75px;
    fill: #1a1a1a;
    margin-bottom: 10px
}

.action-box__title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px
}

.collection {
    position: relative;
    border-radius: 6px;
    cursor: pointer
}

.collections {
    list-style: none;
    padding: 0
}

.collections__create {
    float: right
}

.collections__title {
    margin-top: 0;
    padding-top: 6px;
    overflow: hidden;
    font-weight: 700
}

.collections__list {
    clear: both;
    list-style: none;
    margin-top: 20px;
    margin-bottom: -20px;
    padding: 0
}

.collections__footer {
    margin-top: 40px;
    margin-bottom: 0
}

.collections .collection {
    margin-bottom: 20px
}

.collections .collection--card {
    margin-bottom: 40px
}

.collection--card__front, .collection--card__back {
    padding: 20px;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.collection--card .collection__body {
    padding-bottom: 0;
    text-align: center
}

.collection--card .collection__body > :last-child {
    margin-bottom: 0
}

.collection--small {
    position: relative;
    padding-bottom: 77%;
    height: 0;
    background-color: #d3d3d3;
    color: #fff;
    text-align: center;
    overflow: hidden;
    z-index: 0
}

.collection--small.collection--active:before {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    content: "";
    background-color: #04876d;
    opacity: .7;
    z-index: 2
}

.collection--small.collection--active.collection--hover .collection__icon {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 0
}

.collection--small.collection--active.collection--hover .collection__icon--remove {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    opacity: 1
}

.collection--small .collection__body {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    z-index: 4
}

.collection--small .collection__icon {
    margin: auto;
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 40px;
    width: 20%;
    fill: currentColor;
    z-index: 3;
    -webkit-transition: opacity .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, opacity .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, opacity .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.collection--small .collection__icon--remove {
    -webkit-transform: scale(.1) rotate(-45deg);
    transform: scale(.1) rotate(-45deg);
    opacity: 0
}

.collection--small .collection__img {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1
}

.collection--small .collection__img--placeholder {
    margin-top: 20px;
    color: #e8e8e8;
    opacity: .15;
    width: 50%
}

.collection--empty {
    background: 0 0;
    border: 3px dashed #e8e8e8;
    color: #e8e8e8
}

.collection__body {
    padding: 20px
}

.collection__gradient {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%)
}

.collection__title {
    height: 22px;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.collection__subtitle {
    color: #5e5e5e
}

.collection__controls {
    margin: auto;
    position: absolute;
    bottom: auto;
    right: 20px;
    left: auto;
    top: 20px;
    -webkit-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    z-index: 3
}

.use-no-touchevents .collection__controls {
    opacity: 0
}

.collection:hover .collection__controls, .collection:focus .collection__controls {
    opacity: 1
}

.collection__controls__item {
    margin: 10px;
    font-size: .8em;
    opacity: .8
}

.collection__preview {
    position: relative;
    padding-bottom: 67%;
    height: 0;
    border-radius: 6px;
    overflow: hidden
}

.collection__preview--placeholder {
    background-color: #d3d3d3
}

.collection__preview__wrap {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin-left: -3px;
    height: 100%;
    width: 100%;
    font-size: 0
}

.collection__preview__img {
    margin-left: 3px;
    height: 100%;
    width: 100%
}

.collection__preview__img--grid {
    margin-left: 3px;
    background: #e8e8e8;
    background-size: cover;
    background-position: center center
}

.collection__preview__img--grid:first-child {
    margin-bottom: 3px;
    padding-bottom: 45%;
    width: 100%
}

.collection__preview__img--grid + .collection__preview__img--grid {
    display: inline-block;
    width: 33.3%;
    padding-bottom: 25%
}

.collection__preview__img--grid:nth-child(4) {
    margin-right: -9px
}

.collection__preview__icon {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    color: #e8e8e8;
    opacity: .15;
    height: 60%;
    width: 60%
}

.collection__description + .collection__description:before {
    content: "· "
}

.image-card {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 40px);
    max-width: 680px;
    margin: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
    font-size: 16px;
    text-decoration: none;
    padding: 20px;
    text-align: left
}

@media (max-width: 849px) {
    .image-card {
        width: calc(100% - 40px)
    }
}

.image-card__container {
    font-size: 0;
    margin: 0 auto 20px;
    text-align: center;
    max-width: 1240px
}

.image-card__previews {
    font-size: 0;
    height: 200px;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden
}

.image-card__previews > span {
    display: inline-block;
    float: left;
    height: calc(50% - 2.5px);
    width: calc(35% - 5px);
    background-size: cover;
    background-position: center;
    margin-left: 5px
}

.image-card__previews > span:last-child {
    margin-top: 5px
}

.image-card__previews > span:first-child {
    width: 65%;
    height: 100%;
    margin-left: 0
}

.image-card__separator {
    margin-top: 60px;
    font-weight: 700
}

.image-card__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.image-card__description {
    color: #5e5e5e;
    margin: 0;
    height: 72px;
    margin-top: 20px;
    overflow: hidden
}

.image-card__cta {
    margin-top: 20px
}

.badge {
    display: inline-block;
    vertical-align: middle;
    padding: 2.5px 5px;
    margin: 0 0 0 10px;
    background: #071b4d;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

.badge--warning {
    background: #ff2121
}

.svg-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    fill: #d3d3d3
}

.svg-icon--giant {
    height: 64px;
    width: 64px
}

.svg-icon--big {
    height: 32px;
    width: 32px
}

.svg-icon--small {
    width: 18px;
    height: 18px
}

.svg-icon--tiny {
    width: 14px;
    height: 14px
}

.svg-icon--primary {
    fill: #05a081
}

.svg-icon--light {
    fill: #e8e8e8
}

.svg-icon--white {
    fill: #fff
}

.svg-icon--adjusted {
    margin-top: -2px
}

.svg-icon + span {
    vertical-align: middle
}

.cookie-consent {
    position: fixed;
    width: 100%;
    padding: 4px;
    bottom: 0;
    font-size: 13px;
    text-align: center;
    color: #ddd;
    background: #000
}

.cookie-consent button {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
    padding: 5px 18px;
    cursor: pointer;
    background: #888;
    text-transform: uppercase;
    border: none;
    color: #ddd;
    border-radius: 3px
}

.image-text-container {
    font-size: 0;
    padding: 20px;
    text-align: left
}

@media (max-width: 1000px) {
    .image-text-container {
        display: inline-block;
        width: 100%;
        max-width: 680px;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

.image-text-container--big .image-text-container__image {
    width: 220px
}

.image-text-container--big .image-text-container__content {
    width: calc(100% - 220px)
}

.image-text-container__image {
    display: inline-block;
    vertical-align: middle;
    width: 160px
}

.image-text-container__image--round {
    border-radius: 2px
}

@media (max-width: 460px) {
    .image-text-container__image {
        width: 120px
    }
}

.image-text-container__content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
    font-size: 18px;
    padding-left: 20px;
    max-height: 160px
}

@media (max-width: 1000px) {
    .image-text-container__content {
        max-height: none
    }
}

@media (max-width: 460px) {
    .image-text-container__content {
        width: calc(100% - 120px)
    }
}

.image-text-container h4.image-text-container__title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600
}

.image-text-container__text {
    margin-bottom: 0;
    color: #5e5e5e;
    font-size: 16px
}

.fixed-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    padding: 20px;
    background: #232a34;
    color: #fff;
    -webkit-animation: slideIn .5s;
    animation: slideIn .5s
}

.fixed-banner__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.fixed-banner__description {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14px
}

.fixed-banner__cta {
    width: 100%;
    margin-top: 13.3333333333px
}

.fixed-banner__close {
    position: absolute;
    top: -16px;
    right: 10px;
    width: 32px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    background: #232a34;
    border-radius: 50%
}

.error-page {
    -webkit-box-align: center;
    align-items: center
}

.error-page__flag img {
    height: 12px
}

.error-page__image {
    border-radius: 3px
}

.error-page__image-link {
    text-decoration: none;
    color: #5e5e5e;
    padding-top: .6rem
}

@-webkit-keyframes progress-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 20px 0
    }
}

@keyframes progress-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 20px 0
    }
}

.progress-bar {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    z-index: 1;
    border: 1px solid #e8e8e8;
    background-size: 7px 7px;
    background-image: linear-gradient(135deg, #e8e8e8 25%, transparent 25%, transparent 50%, #e8e8e8 50%, #e8e8e8 75%, transparent 75%, transparent);
    -webkit-animation: progress-stripes 2s linear infinite;
    animation: progress-stripes 2s linear infinite
}

.progress-bar strong {
    font-weight: 600
}

.hire-request .form__label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-bottom: 1rem
}

.hire-request textarea {
    resize: none;
    border-color: #e8e8e8
}

.hire-request__header {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem
}

.hire-request__acknowledgement {
    margin-bottom: 1rem
}

.hire-request__acknowledgement .form__input {
    width: auto;
    margin-left: 0
}

.hire-request__acknowledgement .form__label {
    display: inline
}

.hire-request__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.hire-request__actions__send {
    margin-left: 1rem
}

.hire-request__exit-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.hire-request__response__text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 3rem
}

.promotion__popup {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 34px 55px 4px rgba(0, 0, 0, .08), 0 13px 66px 12px rgba(0, 0, 0, .07);
    padding: 1rem;
    max-width: 350px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.promotion__popup.promotion__popup--hidden {
    display: none
}

.promotion__popup__close {
    position: absolute;
    top: .5rem;
    left: .5rem;
    cursor: pointer
}

.promotion__popup__close .rd__svg-icon {
    width: 20px;
    height: 20px
}

.promotion__popup__close .rd__svg-icon svg {
    fill: #5e5e5e
}

.promotion__popup__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.promotion__popup__featured-photos img {
    height: 140px;
    width: 220px;
    -o-object-fit: cover;
    object-fit: cover
}

.promotion__popup__description {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-top: 1rem
}

.promotion__popup__cta {
    margin-top: 1rem
}

.promotion__popup__cta .rd__button {
    background-color: #0064f9;
    border-color: #0064f9
}

.promotion__popup__cta .rd__button:hover {
    background-color: #1472ff;
    border-color: #60a0ff
}

.promotion__popup__cta .rd__button:focus {
    background-color: #0064f9;
    border-color: #0064f9
}

.pexelspalooza__popup {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 34px 55px 4px rgba(0, 0, 0, .08), 0 13px 66px 12px rgba(0, 0, 0, .07);
    padding: 1rem;
    max-width: 400px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.pexelspalooza__popup.pexelspalooza__popup--hidden {
    display: none
}

.pexelspalooza__popup__close {
    position: absolute;
    top: .5rem;
    left: .5rem;
    cursor: pointer
}

.pexelspalooza__popup__close .rd__svg-icon {
    width: 20px;
    height: 20px
}

.pexelspalooza__popup__close .rd__svg-icon svg {
    fill: #5e5e5e
}

.pexelspalooza__popup__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.pexelspalooza__popup__featured-photos {
    height: 90px;
    width: 360px;
    font-size: 0
}

.pexelspalooza__popup__featured-photos img {
    height: 100%;
    width: 25%;
    -o-object-fit: cover;
    object-fit: cover
}

.pexelspalooza__popup__featured-photos img:nth-child(1) {
    border-radius: 12px 0 0 12px
}

.pexelspalooza__popup__featured-photos img:nth-child(4) {
    border-radius: 0 12px 12px 0
}

.pexelspalooza__popup__description {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-top: 1rem
}

.pexelspalooza__popup__cta {
    margin-top: 1rem
}

.pexelspalooza__popup__cta .rd__button {
    background-color: #0064f9;
    border-color: #0064f9
}

.pexelspalooza__popup__cta .rd__button:hover {
    background-color: #1472ff;
    border-color: #60a0ff
}

.pexelspalooza__popup__cta .rd__button:focus {
    background-color: #0064f9;
    border-color: #0064f9
}

.when-signed-in, .show-if-signed-in, .show-if-signed-in-inline {
    display: none !important
}

.signed-in .hide-if-signed-in, .signed-in .when-not-signed-in {
    display: none
}

.signed-in .show-if-signed-in, .signed-in .when-signed-in {
    display: inherit !important
}

.signed-in .show-if-signed-in-inline {
    display: inline-block !important
}

@media (max-width: 849px) {
    .signed-in .hide-if-signed-in\@md {
        display: none !important
    }
}

body:not(.is-photographer) .when-photographer {
    display: none !important
}

.users-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.users-grid__item {
    display: -webkit-box;
    display: flex;
    width: 450px;
    max-width: 620px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1
}

.mini-profile {
    text-decoration: none
}

.mini-profile--with-preview {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.mini-profile__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.mini-profile__img {
    display: inline-block;
    overflow: hidden;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    background: #e8e8e8
}

.mini-profile__img--large {
    min-width: 60px;
    height: 60px
}

.mini-profile__name {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    vertical-align: middle
}

.mini-profile__name a {
    text-decoration: none
}

.mini-profile__link {
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 2.5px
}

.mini-profile__link:hover {
    color: #1a1a1a
}

.mini-profile__bio {
    display: block;
    height: 18px;
    overflow: hidden;
    color: #5e5e5e;
    font-size: 12px;
    margin: 2.5px 0 0
}

.mini-profile__preview-images {
    display: -webkit-box;
    display: flex;
    width: 100%
}

.mini-profile__preview-image {
    width: 33.3%;
    margin-bottom: 20px;
    background: #f3f3f3;
    overflow: hidden;
    min-height: 130px
}

.mini-profile__preview-image:not(:last-child) {
    margin-right: 5px
}

.mini-profile__preview-image img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.form {
    font-size: 16px
}

.form--wrap {
    position: relative
}

.form--padded {
    padding: 16px
}

.form--compact {
    font-size: 14px
}

.form--compact .form__input {
    font-size: 14px
}

.form--compact .form__group {
    margin-bottom: 20px
}

.form__label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 700
}

.form__input {
    font-size: 16px;
    width: 100%
}

.form__input[type=text], .form__input[type=email], .form__input[type=password] {
    border-width: 2px
}

.form__textarea {
    border-width: 2px
}

.form__description {
    color: #5e5e5e;
    font-weight: 300;
    line-height: 1.5
}

.form__group {
    margin-bottom: 30px
}

.form__group > * {
    vertical-align: middle
}

.form__button {
    float: right;
    font-size: 16px
}

.form__cancel {
    float: right;
    margin: 5px 10px;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
    color: #d3d3d3
}

.form__delete {
    display: inline-block;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px
}

.form__corner--bottom-left {
    margin: auto;
    position: absolute;
    bottom: 30px;
    right: auto;
    left: 0;
    top: auto
}

.form__corner--bottom-right {
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: auto
}

.avatar-form__img-container {
    position: relative
}

.avatar-form__img {
    border-radius: 50%
}

.avatar-form__btn {
    margin-top: 15px;
    margin-left: 20px
}

.avatar-form__progress {
    display: none;
    position: relative;
    height: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #e8e8e8;
    border-radius: 3px
}

.avatar-form__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #071b4d;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.avatar-form--uploading .avatar-form__progress {
    display: block
}

.form-errors {
    color: #ff2121;
    font-weight: 700;
    margin-bottom: 40px
}

.field_with_errors input {
    box-shadow: 0 0 0 1px #ff2121
}

.field_with_errors input:focus {
    box-shadow: 0 0 0 0 #ff2121
}

.flash {
    padding: 20px;
    text-align: center
}

.flash--alert {
    background: #ff2121;
    color: #fff
}

.flash--notice {
    background: #071b4d;
    color: #fff
}

.flash--success {
    background: #05a081;
    color: #fff
}

.dragover-overlay {
    display: none;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(2, 173, 234, .3)
}

.dragover-overlay:before {
    content: " ";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    border: 3px #0af dashed
}

.upload-info-list {
    font-size: 16px;
    max-width: 560px;
    margin: 0 auto 40px
}

.upload-info-list li {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    color: #5e5e5e;
    display: list-item;
    line-height: 1.3
}

.upload-form {
    margin: 20px auto;
    padding: 20px;
    text-align: center;
    background: #f5f5f5;
    border: 2px dashed #dadada;
    cursor: pointer
}

.upload-form__or {
    margin-left: 5px;
    vertical-align: middle
}

.upload-submit {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #e8e8e8
}

.upload-submit__check {
    margin-right: 20px
}

.upload-list {
    padding-bottom: 160px
}

.upload-item {
    margin: 60px auto 0
}

@media (min-width: 700px) {
    .upload-item {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
}

.upload-item__image {
    position: relative;
    margin: 0 auto;
    min-height: 150px;
    max-width: 400px;
    background-color: #555
}

@media (max-width: 699px) {
    .upload-item__image {
        margin-bottom: 20px
    }
}

.upload-item__filename {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .6)
}

.upload-item__image:hover .upload-item__filename {
    opacity: 1
}

.upload-item__abort {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    color: #eee;
    font-size: 20px;
    text-shadow: 0 0 1px rgba(0, 0, 0, .6)
}

.upload-item__abort:hover {
    color: #e8e8e8
}

.upload-item__preview {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    image-orientation: from-image
}

.upload-item__info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 10px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%)
}

.upload-item__progress-text {
    display: block;
    margin-bottom: 5px;
    color: #eee;
    text-align: left;
    text-shadow: 0 0 1px rgba(0, 0, 0, .6)
}

.upload-item__progress {
    height: 10px;
    width: 100%;
    border-radius: 10px;
    background: #eee;
    overflow: hidden
}

.upload-item__progress-bar {
    width: 0;
    height: 100%;
    background-color: #071b4d;
    -webkit-transition: width .1s linear;
    transition: width .1s linear
}

.upload-item__form {
    position: relative
}

.upload-item__challenges {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.upload-item__challenges li:not(:last-child) {
    margin-bottom: 4px
}

.upload-item__challenge-label {
    cursor: pointer
}

.upload-item__challenge-label--disabled {
    cursor: default
}

.upload-item__checkbox {
    font-size: 15px;
    margin-right: 5px;
    cursor: pointer
}

.upload-item--error .upload-item__info {
    background: rgba(255, 33, 33, .8);
    padding-top: 15px;
    font-weight: 700;
    line-height: 1.5
}

.upload-item--error .upload-item__progress {
    display: none
}

.upload-item--error .upload-item__filename {
    opacity: 1
}

.upload-item--error .upload-item__form {
    opacity: .3;
    cursor: not-allowed
}

.upload-item--error .upload-item__form:before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute
}

.upload-progress-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 30px;
    margin-right: 1rem
}

.upload-progress-bar .rd__dropdown__container {
    min-width: 225px
}

.upload-progress-bar .rd__dropdown__container__content__item {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #ff2121;
    padding-bottom: 0;
    text-transform: uppercase
}

.upload-progress-bar ul.rd__dropdown__container__content__items > li {
    font-weight: 400
}

.upload-progress-bar__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.upload-progress-bar__text .error {
    color: #ff2121
}

.badge-container {
    position: absolute;
    top: 10px;
    right: 10px
}

.badge-container .featured-badge, .badge-container .favorite-badge {
    position: relative;
    float: right;
    margin-left: 5px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .3);
    color: #e8e8e8;
    font-size: 10px
}

.badge-container .featured-badge__icon, .badge-container .favorite-badge__icon {
    vertical-align: bottom
}

.fact-box {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none
}

@media (max-width: 849px) {
    .fact-box {
        padding-top: 0
    }
}

.fact-box--inline {
    display: inline-block;
    padding: 0;
    margin-left: 40px
}

.fact-box__title {
    display: block;
    margin-top: 5px;
    font-size: 14px
}

.fact-box__fact {
    font-size: 26px;
    font-weight: 700
}

.tag-editor {
    list-style-type: none;
    padding: 5px 5px 5px 0;
    margin: 0;
    overflow: hidden;
    border: 2px solid #eee;
    border-radius: 3px;
    cursor: text;
    font: 14px sans-serif;
    color: #555;
    background: #fff
}

.tag-editor.active {
    border-color: #071b4d
}

.tag-editor li {
    display: block;
    float: left;
    overflow: hidden;
    margin: 3px 0;
    line-height: 1.5
}

.tag-editor div {
    float: left;
    padding: 0 4px
}

.tag-editor .placeholder {
    padding: 0 8px;
    color: #888
}

.tag-editor .tag-editor-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: 0 0
}

.tag-editor input {
    vertical-align: inherit;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: text;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    box-shadow: none;
    background: 0 0
}

.tag-editor-hidden-src {
    position: absolute !important;
    left: -99999px
}

.tag-editor ::-ms-clear {
    display: none
}

.tag-editor .tag-editor-tag {
    padding-left: 5px;
    color: #333;
    background: #eee;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px 0 0 2px
}

.tag-editor .tag-editor-tag.tag-editor-tag--hidden {
    position: relative;
    padding-left: 20px
}

.tag-editor .tag-editor-tag.tag-editor-tag--hidden:before {
    position: absolute;
    left: 5px;
    top: 2px;
    font-family: glyphicons halflings;
    content: "";
    font-size: 12px;
    color: rgba(0, 0, 0, .8)
}

.tag-editor .tag-editor-delete {
    background: #eee;
    cursor: pointer;
    padding-right: 5px;
    border-radius: 0 2px 2px 0
}


@media (max-width: 699px) {
    .explanation-section > * {
        width: 100%
    }
}

.explanation-section__image {
    border: 1px solid #e8e8e8;
    border-radius: 3px
}

.explanation-section small {
    font-size: 70%;
    color: #d3d3d3
}

.contact-section {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
    font-size: 16px;
    color: #d3d3d3
}

.feature-section {
    margin: 80px 0;
    font-size: 16px
}

.feature-section--less-margin {
    margin: 40px 0
}

.feature-section__title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 10px
}

.feature-section__fact {
    font-size: 36px;
    font-weight: 700
}

.feature-section__image {
    width: 100%;
    max-width: 600px
}

.feature-section svg {
    fill: #05a081
}

.quote__text {
    position: relative;
    margin-top: 40px
}

.quote__text:before {
    content: '"'
}

.quote__text:after {
    content: '"'
}

.quote__link {
    display: inline-block;
    margin-bottom: 40px;
    text-decoration: none;
    color: #5e5e5e
}

.quote__link:hover {
    color: #1a1a1a
}

.quote__avatar {
    height: 32px;
    width: 32px;
    vertical-align: middle;
    border-radius: 50%
}

.quote__name {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 16px
}

.rd__avatar {
    max-width: 22px;
    max-height: 22px;
    min-width: 22px;
    min-height: 22px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff
}

.rd__avatar img {
    -o-object-fit: fill;
    object-fit: fill;
    min-width: 100%;
    height: auto;
    border-radius: 50%
}

.rd__avatar--bordered {
    border: 1px solid #fff
}

.rd__avatar--bordered:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.rd__avatar--bordered-thick {
    border: 2px solid #fff
}

.rd__avatar--shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
}

.rd__avatar--large {
    max-width: 50px;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%
}

.rd__avatar--large img {
    border-radius: 50%
}

.rd__avatar--large.rd__avatar--bordered:after {
    border-radius: 50%
}

.rd__avatar--circle {
    border-radius: 50%
}

.rd__avatar--circle img {
    border-radius: 50%
}

.rd__avatar--circle:after {
    border-radius: 50%
}

.rd__svg-icon {
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.rd__svg-icon svg {
    height: 100%;
    width: 100%
}

.rd__svg-icon--vertical-flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.rd__svg-icon--large {
    width: 24px;
    height: 24px
}

.rd__svg-icon--small {
    width: 12px;
    height: 12px
}

.rd__svg-icon--27x27 {
    width: 27px;
    height: 27px
}

.rd__svg-icon--47x47 {
    width: 47px;
    height: 47px
}

.rd__svg-icon--20x20 {
    min-width: 20px;
    max-width: 20px;
    height: 20px
}

.rd__svg-icon--17x17 {
    width: 17px;
    height: 17px
}

.rd__svg-icon--grey svg {
    fill: #d3d3d3
}

.rd__svg-icon--grey svg * {
    fill: #d3d3d3
}

.rd__svg-icon--white svg, .rd__button--account-details:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__svg-icon--white svg *, .rd__button--account-details:hover .rd__svg-icon svg * {
    fill: #fff
}

.rd__svg-icon--brand-primary svg {
    fill: #05a081
}

.rd__svg-icon--brand-primary svg * {
    fill: #05a081
}

.rd__svg-icon--text-primary svg {
    fill: #1a1a1a
}

.rd__svg-icon--text-primary svg * {
    fill: #1a1a1a
}

.rd__svg-icon--text-secondary svg {
    fill: #5e5e5e
}

.rd__svg-icon--text-secondary svg * {
    fill: #5e5e5e
}

.rd__svg-icon--text-secondary-outlined svg {
    stroke: #5e5e5e !important;
    fill: none !important
}

.rd__svg-icon--text-secondary-outlined svg * {
    stroke: #5e5e5e !important;
    fill: none !important
}

.rd__svg-icon--notifications-active:after {
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1ec7b0
}

.rd__button {
    background: #05a081;
    color: #fff;
    border-color: #05a081;
    line-height: 1;
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 11px 24px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.rd__button .rd__svg-icon svg {
    fill: #fff
}

.rd__button .rd__icon {
    color: #fff
}

.rd__button:hover {
    background: #06b995;
    border-color: #05a081;
    color: #fff
}

.rd__button:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button:focus, .rd__button__active {
    color: #fff;
    background: #06b995
}

.rd__button:focus .rd__svg-icon svg, .rd__button__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button:focus .rd__icon, .rd__button__active .rd__icon {
    color: #fff
}

.rd__button:disabled {
    cursor: not-allowed;
    background: #06b995;
    border-color: #05a081;
    color: #fff
}

.rd__button:disabled .rd__svg-icon svg {
    fill: #fff
}

@media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and (min-device-pixel-ratio: 2), not screen and (min-resolution: 192dpi), not screen and (min-resolution: 2dppx) {
    .rd__button {
        font-weight: 300
    }
}

.rd__button:focus {
    outline: none
}

.rd__button--white {
    background: #fff;
    color: #1a1a1a;
    border-color: rgba(26, 26, 26, .15)
}

.rd__button--white .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white .rd__icon {
    color: #1a1a1a
}

.rd__button--white:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%);
    border-color: rgba(26, 26, 26, .15);
    color: #1a1a1a
}

.rd__button--white:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white:focus, .rd__button--white__active {
    color: #1a1a1a;
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%)
}

.rd__button--white:focus .rd__svg-icon svg, .rd__button--white__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white:focus .rd__icon, .rd__button--white__active .rd__icon {
    color: #1a1a1a
}

.rd__button--white:disabled {
    cursor: not-allowed;
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%);
    border-color: rgba(26, 26, 26, .15);
    color: #1a1a1a
}

.rd__button--white:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white-outline {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.rd__button--white-outline .rd__svg-icon svg {
    fill: #fff
}

.rd__button--white-outline .rd__icon {
    color: #fff
}

.rd__button--white-outline:hover {
    background: #fff;
    border-color: #fff;
    color: #1a1a1a
}

.rd__button--white-outline:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white-outline:focus, .rd__button--white-outline__active {
    color: #1a1a1a;
    background: #fff
}

.rd__button--white-outline:focus .rd__svg-icon svg, .rd__button--white-outline__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--white-outline:focus .rd__icon, .rd__button--white-outline__active .rd__icon {
    color: #1a1a1a
}

.rd__button--white-outline:disabled {
    cursor: not-allowed;
    background: #fff;
    border-color: #fff;
    color: #1a1a1a
}

.rd__button--white-outline:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--grey {
    background: #e8e8e8;
    color: #333;
    border-color: #e8e8e8
}

.rd__button--grey .rd__svg-icon svg {
    fill: #333
}

.rd__button--grey .rd__icon {
    color: #333
}

.rd__button--grey:hover {
    background: #d3d3d3;
    border-color: #d3d3d3;
    color: #333
}

.rd__button--grey:hover .rd__svg-icon svg {
    fill: #333
}

.rd__button--grey:focus, .rd__button--grey__active {
    color: #333;
    background: #d3d3d3
}

.rd__button--grey:focus .rd__svg-icon svg, .rd__button--grey__active .rd__svg-icon svg {
    fill: #333
}

.rd__button--grey:focus .rd__icon, .rd__button--grey__active .rd__icon {
    color: #333
}

.rd__button--grey:disabled {
    cursor: not-allowed;
    background: #d3d3d3;
    border-color: #d3d3d3;
    color: #333
}

.rd__button--grey:disabled .rd__svg-icon svg {
    fill: #333
}

.rd__button--grey-light-text {
    background: #e8e8e8;
    color: #5e5e5e;
    border-color: #e8e8e8
}

.rd__button--grey-light-text .rd__svg-icon svg {
    fill: #5e5e5e
}

.rd__button--grey-light-text .rd__icon {
    color: #5e5e5e
}

.rd__button--grey-light-text:hover {
    background: #d3d3d3;
    border-color: #d3d3d3;
    color: #1a1a1a
}

.rd__button--grey-light-text:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--grey-light-text:focus, .rd__button--grey-light-text__active {
    color: #1a1a1a;
    background: #d3d3d3
}

.rd__button--grey-light-text:focus .rd__svg-icon svg, .rd__button--grey-light-text__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--grey-light-text:focus .rd__icon, .rd__button--grey-light-text__active .rd__icon {
    color: #1a1a1a
}

.rd__button--grey-light-text:disabled {
    cursor: not-allowed;
    background: #d3d3d3;
    border-color: #d3d3d3;
    color: #1a1a1a
}

.rd__button--grey-light-text:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--yellow {
    background: #fdcc13;
    color: #333;
    border-color: #fdcc13
}

.rd__button--yellow .rd__svg-icon svg {
    fill: #333
}

.rd__button--yellow .rd__icon {
    color: #333
}

.rd__button--yellow:hover {
    background: #fdcc13;
    border-color: #fdcc13;
    color: #333
}

.rd__button--yellow:hover .rd__svg-icon svg {
    fill: #333
}

.rd__button--yellow:focus, .rd__button--yellow__active {
    color: #333;
    background: #fdcc13
}

.rd__button--yellow:focus .rd__svg-icon svg, .rd__button--yellow__active .rd__svg-icon svg {
    fill: #333
}

.rd__button--yellow:focus .rd__icon, .rd__button--yellow__active .rd__icon {
    color: #333
}

.rd__button--yellow:disabled {
    cursor: not-allowed;
    background: #fdcc13;
    border-color: #fdcc13;
    color: #333
}

.rd__button--yellow:disabled .rd__svg-icon svg {
    fill: #333
}

.rd__button--blue {
    background: #0064f9;
    color: #fff;
    border-color: #0064f9
}

.rd__button--blue .rd__svg-icon svg {
    fill: #fff
}

.rd__button--blue .rd__icon {
    color: #fff
}

.rd__button--blue:hover {
    background: #0064f9;
    border-color: #0064f9;
    color: #fff
}

.rd__button--blue:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--blue:focus, .rd__button--blue__active {
    color: #fff;
    background: #0064f9
}

.rd__button--blue:focus .rd__svg-icon svg, .rd__button--blue__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--blue:focus .rd__icon, .rd__button--blue__active .rd__icon {
    color: #fff
}

.rd__button--blue:disabled {
    cursor: not-allowed;
    background: #0064f9;
    border-color: #0064f9;
    color: #fff
}

.rd__button--blue:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--dark-blue {
    background: #2c343e;
    color: #fff;
    border-color: #2c343e
}

.rd__button--dark-blue .rd__svg-icon svg {
    fill: #fff
}

.rd__button--dark-blue .rd__icon {
    color: #fff
}

.rd__button--dark-blue:hover {
    background: #171b20;
    border-color: #171b20;
    color: #fff
}

.rd__button--dark-blue:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--dark-blue:focus, .rd__button--dark-blue__active {
    color: #fff;
    background: #171b20
}

.rd__button--dark-blue:focus .rd__svg-icon svg, .rd__button--dark-blue__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--dark-blue:focus .rd__icon, .rd__button--dark-blue__active .rd__icon {
    color: #fff
}

.rd__button--dark-blue:disabled {
    cursor: not-allowed;
    background: #171b20;
    border-color: #171b20;
    color: #fff
}

.rd__button--dark-blue:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--inverse--secondary {
    background: #fff;
    color: #232a34;
    border-color: #fff
}

.rd__button--inverse--secondary .rd__svg-icon svg {
    fill: #232a34
}

.rd__button--inverse--secondary .rd__icon {
    color: #232a34
}

.rd__button--inverse--secondary:hover {
    background: #232a34;
    border-color: #fff;
    color: #fff
}

.rd__button--inverse--secondary:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--inverse--secondary:focus, .rd__button--inverse--secondary__active {
    color: #fff;
    background: #232a34
}

.rd__button--inverse--secondary:focus .rd__svg-icon svg, .rd__button--inverse--secondary__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--inverse--secondary:focus .rd__icon, .rd__button--inverse--secondary__active .rd__icon {
    color: #fff
}

.rd__button--inverse--secondary:disabled {
    cursor: not-allowed;
    background: #232a34;
    border-color: #fff;
    color: #fff
}

.rd__button--inverse--secondary:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--text {
    background: 0 0;
    color: inherit;
    border-color: transparent;
    box-shadow: none
}

.rd__button--text .rd__svg-icon svg {
    fill: inherit
}

.rd__button--text .rd__icon {
    color: inherit
}

.rd__button--text:hover {
    background: 0 0;
    border-color: transparent;
    color: inherit
}

.rd__button--text:hover .rd__svg-icon svg {
    fill: inherit
}

.rd__button--text:focus, .rd__button--text__active {
    color: inherit;
    background: 0 0
}

.rd__button--text:focus .rd__svg-icon svg, .rd__button--text__active .rd__svg-icon svg {
    fill: inherit
}

.rd__button--text:focus .rd__icon, .rd__button--text__active .rd__icon {
    color: inherit
}

.rd__button--text:disabled {
    cursor: not-allowed;
    background: 0 0;
    border-color: transparent;
    color: inherit
}

.rd__button--text:disabled .rd__svg-icon svg {
    fill: inherit
}

.rd__button--text .rd__icon {
    color: inherit
}

.rd__button--text-white {
    background: 0 0;
    color: #fff;
    border-color: transparent;
    box-shadow: none
}

.rd__button--text-white .rd__svg-icon svg {
    fill: #fff
}

.rd__button--text-white .rd__icon {
    color: #fff
}

.rd__button--text-white:hover {
    background: 0 0;
    border-color: transparent;
    color: #fff
}

.rd__button--text-white:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--text-white:focus, .rd__button--text-white__active {
    color: #fff;
    background: 0 0
}

.rd__button--text-white:focus .rd__svg-icon svg, .rd__button--text-white__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--text-white:focus .rd__icon, .rd__button--text-white__active .rd__icon {
    color: #fff
}

.rd__button--text-white:disabled {
    cursor: not-allowed;
    background: 0 0;
    border-color: transparent;
    color: #fff
}

.rd__button--text-white:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--text-white .rd__icon {
    color: inherit
}

.rd__button--text-primary {
    background: 0 0;
    color: #1a1a1a;
    border-color: transparent;
    box-shadow: none
}

.rd__button--text-primary .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--text-primary .rd__icon {
    color: #1a1a1a
}

.rd__button--text-primary:hover {
    background: 0 0;
    border-color: transparent;
    color: #1a1a1a
}

.rd__button--text-primary:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--text-primary:focus, .rd__button--text-primary__active {
    color: #1a1a1a;
    background: 0 0
}

.rd__button--text-primary:focus .rd__svg-icon svg, .rd__button--text-primary__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--text-primary:focus .rd__icon, .rd__button--text-primary__active .rd__icon {
    color: #1a1a1a
}

.rd__button--text-primary:disabled {
    cursor: not-allowed;
    background: 0 0;
    border-color: transparent;
    color: #1a1a1a
}

.rd__button--text-primary:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--text-secondary {
    background: 0 0;
    color: #5e5e5e;
    border-color: transparent;
    box-shadow: none
}

.rd__button--text-secondary .rd__svg-icon svg {
    fill: #5e5e5e
}

.rd__button--text-secondary .rd__icon {
    color: #5e5e5e
}

.rd__button--text-secondary:hover {
    background: 0 0;
    border-color: transparent;
    color: #5e5e5e
}

.rd__button--text-secondary:hover .rd__svg-icon svg {
    fill: #5e5e5e
}

.rd__button--text-secondary:focus, .rd__button--text-secondary__active {
    color: #5e5e5e;
    background: 0 0
}

.rd__button--text-secondary:focus .rd__svg-icon svg, .rd__button--text-secondary__active .rd__svg-icon svg {
    fill: #5e5e5e
}

.rd__button--text-secondary:focus .rd__icon, .rd__button--text-secondary__active .rd__icon {
    color: #5e5e5e
}

.rd__button--text-secondary:disabled {
    cursor: not-allowed;
    background: 0 0;
    border-color: transparent;
    color: #5e5e5e
}

.rd__button--text-secondary:disabled .rd__svg-icon svg {
    fill: #5e5e5e
}

.rd__button--text-grey {
    background: 0 0;
    color: #d3d3d3;
    border-color: transparent;
    box-shadow: none
}

.rd__button--text-grey .rd__svg-icon svg {
    fill: #d3d3d3
}

.rd__button--text-grey .rd__icon {
    color: #d3d3d3
}

.rd__button--text-grey:hover {
    background: 0 0;
    border-color: transparent;
    color: #d3d3d3
}

.rd__button--text-grey:hover .rd__svg-icon svg {
    fill: #d3d3d3
}

.rd__button--text-grey:focus, .rd__button--text-grey__active {
    color: #d3d3d3;
    background: 0 0
}

.rd__button--text-grey:focus .rd__svg-icon svg, .rd__button--text-grey__active .rd__svg-icon svg {
    fill: #d3d3d3
}

.rd__button--text-grey:focus .rd__icon, .rd__button--text-grey__active .rd__icon {
    color: #d3d3d3
}

.rd__button--text-grey:disabled {
    cursor: not-allowed;
    background: 0 0;
    border-color: transparent;
    color: #d3d3d3
}

.rd__button--text-grey:disabled .rd__svg-icon svg {
    fill: #d3d3d3
}

.rd__button--white .rd__svg-icon, .rd__button--white .rd__icon, .rd__button--text .rd__svg-icon, .rd__button--text .rd__icon, .rd__button--text-primary .rd__svg-icon, .rd__button--text-primary .rd__icon, .rd__button--text-secondary .rd__svg-icon, .rd__button--text-secondary .rd__icon {
    opacity: .95
}

.rd__button--text, .rd__button--text-primary, .rd__button--text-secondary {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex
}

.rd__button--adobe {
    background: #ff3b84;
    color: #fff;
    border-color: #ff3b84
}

.rd__button--adobe .rd__svg-icon svg {
    fill: #fff
}

.rd__button--adobe .rd__icon {
    color: #fff
}

.rd__button--adobe:hover {
    background: #ff5594;
    border-color: #ffa1c4;
    color: #fff
}

.rd__button--adobe:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--adobe:focus, .rd__button--adobe__active {
    color: #fff;
    background: #ff5594
}

.rd__button--adobe:focus .rd__svg-icon svg, .rd__button--adobe__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--adobe:focus .rd__icon, .rd__button--adobe__active .rd__icon {
    color: #fff
}

.rd__button--adobe:disabled {
    cursor: not-allowed;
    background: #ff5594;
    border-color: #ffa1c4;
    color: #fff
}

.rd__button--adobe:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--facebook {
    background: #4267b2;
    color: #fff;
    border-color: #4267b2
}

.rd__button--facebook .rd__svg-icon svg {
    fill: #fff
}

.rd__button--facebook .rd__icon {
    color: #fff
}

.rd__button--facebook:hover {
    background: #5074be;
    border-color: #87a0d3;
    color: #fff
}

.rd__button--facebook:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--facebook:focus, .rd__button--facebook__active {
    color: #fff;
    background: #5074be
}

.rd__button--facebook:focus .rd__svg-icon svg, .rd__button--facebook__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--facebook:focus .rd__icon, .rd__button--facebook__active .rd__icon {
    color: #fff
}

.rd__button--facebook:disabled {
    cursor: not-allowed;
    background: #5074be;
    border-color: #87a0d3;
    color: #fff
}

.rd__button--facebook:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--apple {
    background: #212121;
    color: #fff;
    border-color: #212121
}

.rd__button--apple .rd__svg-icon svg {
    fill: #fff
}

.rd__button--apple .rd__icon {
    color: #fff
}

.rd__button--apple:hover {
    background: #2e2e2e;
    border-color: #545454;
    color: #fff
}

.rd__button--apple:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--apple:focus, .rd__button--apple__active {
    color: #fff;
    background: #2e2e2e
}

.rd__button--apple:focus .rd__svg-icon svg, .rd__button--apple__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--apple:focus .rd__icon, .rd__button--apple__active .rd__icon {
    color: #fff
}

.rd__button--apple:disabled {
    cursor: not-allowed;
    background: #2e2e2e;
    border-color: #545454;
    color: #fff
}

.rd__button--apple:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--twitter {
    background: #1ca1f2;
    color: #fff;
    border-color: #1ca1f2
}

.rd__button--twitter .rd__svg-icon svg {
    fill: #fff
}

.rd__button--twitter .rd__icon {
    color: #fff
}

.rd__button--twitter:hover {
    background: #34abf3;
    border-color: #7cc9f8;
    color: #fff
}

.rd__button--twitter:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--twitter:focus, .rd__button--twitter__active {
    color: #fff;
    background: #34abf3
}

.rd__button--twitter:focus .rd__svg-icon svg, .rd__button--twitter__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--twitter:focus .rd__icon, .rd__button--twitter__active .rd__icon {
    color: #fff
}

.rd__button--twitter:disabled {
    cursor: not-allowed;
    background: #34abf3;
    border-color: #7cc9f8;
    color: #fff
}

.rd__button--twitter:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--linkedin {
    background: #0077b5;
    color: #fff;
    border-color: #0077b5
}

.rd__button--linkedin .rd__svg-icon svg {
    fill: #fff
}

.rd__button--linkedin .rd__icon {
    color: #fff
}

.rd__button--linkedin:hover {
    background: #0088cf;
    border-color: #1cb1ff;
    color: #fff
}

.rd__button--linkedin:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--linkedin:focus, .rd__button--linkedin__active {
    color: #fff;
    background: #0088cf
}

.rd__button--linkedin:focus .rd__svg-icon svg, .rd__button--linkedin__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--linkedin:focus .rd__icon, .rd__button--linkedin__active .rd__icon {
    color: #fff
}

.rd__button--linkedin:disabled {
    cursor: not-allowed;
    background: #0088cf;
    border-color: #1cb1ff;
    color: #fff
}

.rd__button--linkedin:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--with-icon, .rd__button--with-icon-right, .rd__button--with-icon-left {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.rd__button--with-icon .rd__svg-icon, .rd__button--with-icon-right .rd__svg-icon, .rd__button--with-icon-left .rd__svg-icon {
    width: 24px;
    height: 24px
}

.rd__button--with-icon.rd__button--compact, .rd__button--with-icon-right.rd__button--compact, .rd__button--with-icon-left.rd__button--compact {
    padding-top: .3rem;
    padding-bottom: .3rem
}

.rd__button--with-icon.rd__button--compact .rd__svg-icon, .rd__button--with-icon-right.rd__button--compact .rd__svg-icon, .rd__button--with-icon-left.rd__button--compact .rd__svg-icon {
    width: 20px;
    height: 20px
}

.rd__button--with-icon {
    padding-right: .6rem;
    padding-left: .6rem
}

.rd__button--with-icon .rd__svg-icon {
    margin-right: 6px;
    margin-left: 6px
}

.rd__button--with-icon--jumbo {
    padding-right: 1rem;
    padding-left: 1rem
}

.rd__button--with-icon--jumbo .rd__svg-icon {
    width: 30px;
    height: 30px
}

.rd__button--with-icon-right .rd__svg-icon {
    margin-left: 6px
}

.rd__button--with-icon-left .rd__svg-icon {
    margin-right: 6px
}

.rd__button--account-details {
    padding: .3rem .6rem
}

.rd__button--account-details .rd__avatar {
    margin-right: .6rem
}

.rd__button--account-details:hover .rd__icon {
    color: #fff
}

.rd__button--like:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rd__button--collect--active .rd__button--collect--not-active--icon {
    display: none !important
}

.rd__button--collect--active .rd__button--collect--active--icon {
    display: block !important
}

.rd__button--like--active {
    color: #ff2121;
    outline: none
}

.rd__button--like--active:focus, .rd__button--like--active:active, .rd__button--like--active:hover {
    color: #ff2121
}

.rd__button--like--active:after {
    -webkit-animation: like-red .4s;
    animation: like-red .4s
}

@-webkit-keyframes like-red {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        background: #ff2121
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(5);
        transform: translate(-50%, -50%) scale(5);
        background: transparent
    }
}

@keyframes like-red {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        background: #ff2121
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(5);
        transform: translate(-50%, -50%) scale(5);
        background: transparent
    }
}

.rd__button--like--active .rd__button--like--not-active--icon {
    display: none !important
}

.rd__button--like--active .rd__button--like--active--icon {
    display: block !important
}

.rd__button--white.rd__button--like--active {
    background: #ff2121;
    color: #fff;
    border-color: #ff2121
}

.rd__button--white.rd__button--like--active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--white.rd__button--like--active .rd__icon {
    color: #fff
}

.rd__button--white.rd__button--like--active:hover {
    background: #ff2121;
    border-color: #ff2121;
    color: #fff
}

.rd__button--white.rd__button--like--active:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__button--white.rd__button--like--active:focus, .rd__button--white.rd__button--like--active__active {
    color: #fff;
    background: #ff2121
}

.rd__button--white.rd__button--like--active:focus .rd__svg-icon svg, .rd__button--white.rd__button--like--active__active .rd__svg-icon svg {
    fill: #fff
}

.rd__button--white.rd__button--like--active:focus .rd__icon, .rd__button--white.rd__button--like--active__active .rd__icon {
    color: #fff
}

.rd__button--white.rd__button--like--active:disabled {
    cursor: not-allowed;
    background: #ff2121;
    border-color: #ff2121;
    color: #fff
}

.rd__button--white.rd__button--like--active:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__button--like.rd__button--like--active * {
    fill: #ff2121
}

.rd__button--like--no-animations {
    -webkit-animation: none !important;
    animation: none !important
}

.rd__button--download {
    padding-left: 25px;
    padding-right: 25px
}

.rd__button--follow--active {
    background: #fff;
    color: #1a1a1a;
    border-color: rgba(26, 26, 26, .15)
}

.rd__button--follow--active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--follow--active .rd__icon {
    color: #1a1a1a
}

.rd__button--follow--active:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%);
    border-color: rgba(26, 26, 26, .15);
    color: #1a1a1a
}

.rd__button--follow--active:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--follow--active:focus, .rd__button--follow--active__active {
    color: #1a1a1a;
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%)
}

.rd__button--follow--active:focus .rd__svg-icon svg, .rd__button--follow--active__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--follow--active:focus .rd__icon, .rd__button--follow--active__active .rd__icon {
    color: #1a1a1a
}

.rd__button--follow--active:disabled {
    cursor: not-allowed;
    background: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), to(#fff));
    background: linear-gradient(0deg, #f0f0f0 0%, #fff 100%);
    border-color: rgba(26, 26, 26, .15);
    color: #1a1a1a
}

.rd__button--follow--active:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__button--jumbo {
    padding: 1rem 1.5rem;
    font-weight: 700
}

.rd__button--even-padding {
    padding: 1rem
}

.rd__button--compact {
    padding: 6px 13px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    min-height: 32px
}

.rd__button--full-width {
    width: 100%
}

.rd__button--no-padding {
    padding: 0
}

.rd__button--no-horizontal-padding {
    padding-left: 0;
    padding-right: 0
}

.rd__button--no-right-padding {
    padding-right: 0
}

.rd__button--no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0
}

.rd__button--circle-icon--small {
    padding: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.rd__button--circle-icon--small .rd__svg-icon {
    width: 21.25px;
    height: 21.25px
}

.rd__button--circle-icon--small .rd__svg-icon svg {
    width: 21.25px;
    height: 21.25px
}

.rd__button--circle-icon {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.rd__button--circle-icon .rd__svg-icon {
    width: 34px;
    height: 34px
}

.rd__button--circle-icon .rd__svg-icon svg {
    width: 34px;
    height: 34px
}

.rd__button--circle-icon--large {
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.rd__button--circle-icon--large .rd__svg-icon {
    width: 51px;
    height: 51px
}

.rd__button--circle-icon--large .rd__svg-icon svg {
    width: 51px;
    height: 51px
}

.rd__button--circle-icon--50px {
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.rd__button--circle-icon--50px .rd__svg-icon {
    width: 42.5px;
    height: 42.5px
}

.rd__button--circle-icon--50px .rd__svg-icon svg {
    width: 42.5px;
    height: 42.5px
}

.rd__button--circle-icon--70px {
    padding: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.rd__button--circle-icon--70px .rd__svg-icon {
    width: 59.5px;
    height: 59.5px
}

.rd__button--circle-icon--70px .rd__svg-icon svg {
    width: 59.5px;
    height: 59.5px
}

.rd__button--circle-icon--70px .rd__svg-icon {
    width: 40px;
    height: 40px
}

.rd__button-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch
}

.rd__button-group .rd__dropdown > .rd__button:not(:last-child), .rd__button-group > *:not(.rd__dropdown):not(:last-child) {
    margin-right: .6rem
}

.rd__button-group--space-with-margin-left .rd__dropdown > .rd__button:not(:last-child), .rd__button-group--space-with-margin-left > *:not(.rd__dropdown):not(:last-child) {
    margin-right: 0
}

.rd__button-group--space-with-margin-left .rd__dropdown > .rd__button:not(:first-child), .rd__button-group--space-with-margin-left > *:not(.rd__dropdown):not(:first-child) {
    margin-left: .6rem
}

.rd__button-group--bar {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.rd__button-group--bar .rd__button {
    box-shadow: none
}

.rd__button-group--bar > .rd__button:not(:first-child), .rd__button-group--bar .rd__dropdown:not(:first-child) > .rd__button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 0;
    border-left: none
}

.rd__button-group--bar .rd__dropdown:first-child > .rd__button, .rd__button-group--bar > .rd__button:not(:last-child) {
    margin-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.rd__button-group--bar--border-between .rd__dropdown:not(:last-child) > .rd__button, .rd__button-group--bar--border-between > .rd__button:not(:last-child) {
    position: relative
}

.rd__button-group--bar--border-between .rd__dropdown:not(:last-child) > .rd__button:after, .rd__button-group--bar--border-between > .rd__button:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    top: -1px;
    width: 1px;
    background: #04876d
}

.rd__button-group--no-shadow {
    box-shadow: none
}

.rd__button-group--font-weight-regular .rd__button {
    font-weight: 300
}

@media (max-width: 849px) {
    .rd__button-group--responsive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .rd__button-group--responsive .rd__button {
        margin-right: 0;
        margin-left: 0
    }

    .rd__button-group--responsive .rd__button:not(:last-child) {
        margin-bottom: 1rem
    }
}

.rd__button-group--wrap-lines {
    flex-wrap: wrap;
    box-shadow: none
}

.rd__button-group--wrap-lines .rd__button {
    display: -webkit-inline-box;
    display: inline-flex
}

.rd__button-group--wrap-lines .rd__button:not(:last-child) {
    margin-right: .6rem
}

@media (max-width: 849px) {
    .rd__button-group--wrap-lines--block-on-mobile .rd__button {
        width: 100%
    }

    .rd__button-group--wrap-lines--block-on-mobile .rd__button:not(:last-child) {
        margin-right: 0;
        margin-bottom: .6rem
    }
}

.rd__button-group--wrap-lines--double-space-between .rd__button:not(:last-child) {
    margin-right: 1.15rem
}

.rd__button-group--wrap-lines--triple-space-between .rd__button:not(:last-child) {
    margin-right: 1.75rem
}

.rd__button-group--centered {
    -webkit-box-pack: center;
    justify-content: center
}

.rd__dropdown .rd__button {
    height: 100%
}

.rd__button--no-click {
    cursor: default
}

.rd__text-input-group--vertical > .rd__text-input-group--horizontal:not(:last-child), .rd__text-input-group--vertical > .rd__text-input:not(:last-child) {
    margin-bottom: .5rem
}

.rd__text-input-group--horizontal {
    display: -webkit-box;
    display: flex
}

.rd__text-input-group--horizontal .rd__text-input {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.rd__text-input-group--horizontal .rd__text-input:not(:last-child) {
    margin-right: .5rem
}

@media (max-width: 849px) {
    .rd__text-input-group--horizontal--responsive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .rd__text-input-group--horizontal--responsive .rd__text-input {
        width: 100%
    }

    .rd__text-input-group--horizontal--responsive .rd__text-input:not(:last-child) {
        margin-right: 0;
        margin-bottom: .5rem
    }
}

.rd__text-input {
    max-width: 100%
}

.rd__text-input textarea, .rd__text-input input {
    background: #fff;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.rd__text-input textarea::-webkit-input-placeholder, .rd__text-input input::-webkit-input-placeholder {
    color: #a6aaad
}

.rd__text-input textarea::-moz-placeholder, .rd__text-input input::-moz-placeholder {
    color: #a6aaad
}

.rd__text-input textarea:-ms-input-placeholder, .rd__text-input input:-ms-input-placeholder {
    color: #a6aaad
}

.rd__text-input textarea::-ms-input-placeholder, .rd__text-input input::-ms-input-placeholder {
    color: #a6aaad
}

.rd__text-input textarea::placeholder, .rd__text-input input::placeholder {
    color: #a6aaad
}

.rd__text-input.rd__text-input--focus input, .rd__text-input.rd__text-input--focus textarea, .rd__text-input textarea:focus, .rd__text-input textarea:active, .rd__text-input input:focus, .rd__text-input input:active {
    background: #fff;
    color: #1a1a1a;
    border-color: #b7c1f4
}

.rd__text-input.rd__text-input--focus input::-webkit-input-placeholder, .rd__text-input.rd__text-input--focus textarea::-webkit-input-placeholder, .rd__text-input textarea:focus::-webkit-input-placeholder, .rd__text-input textarea:active::-webkit-input-placeholder, .rd__text-input input:focus::-webkit-input-placeholder, .rd__text-input input:active::-webkit-input-placeholder {
    color: #5e5e5e
}

.rd__text-input.rd__text-input--focus input::-moz-placeholder, .rd__text-input.rd__text-input--focus textarea::-moz-placeholder, .rd__text-input textarea:focus::-moz-placeholder, .rd__text-input textarea:active::-moz-placeholder, .rd__text-input input:focus::-moz-placeholder, .rd__text-input input:active::-moz-placeholder {
    color: #5e5e5e
}

.rd__text-input.rd__text-input--focus input:-ms-input-placeholder, .rd__text-input.rd__text-input--focus textarea:-ms-input-placeholder, .rd__text-input textarea:focus:-ms-input-placeholder, .rd__text-input textarea:active:-ms-input-placeholder, .rd__text-input input:focus:-ms-input-placeholder, .rd__text-input input:active:-ms-input-placeholder {
    color: #5e5e5e
}

.rd__text-input.rd__text-input--focus input::-ms-input-placeholder, .rd__text-input.rd__text-input--focus textarea::-ms-input-placeholder, .rd__text-input textarea:focus::-ms-input-placeholder, .rd__text-input textarea:active::-ms-input-placeholder, .rd__text-input input:focus::-ms-input-placeholder, .rd__text-input input:active::-ms-input-placeholder {
    color: #5e5e5e
}

.rd__text-input.rd__text-input--focus input::placeholder, .rd__text-input.rd__text-input--focus textarea::placeholder, .rd__text-input textarea:focus::placeholder, .rd__text-input textarea:active::placeholder, .rd__text-input input:focus::placeholder, .rd__text-input input:active::placeholder {
    color: #5e5e5e
}

.rd__text-input > .rd__button {
    background: #fff;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.rd__text-input > .rd__button .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input > .rd__button .rd__icon {
    color: #1a1a1a
}

.rd__text-input > .rd__button:hover {
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input > .rd__button:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input > .rd__button:focus, .rd__text-input > .rd__button__active {
    color: #1a1a1a;
    background: #fff
}

.rd__text-input > .rd__button:focus .rd__svg-icon svg, .rd__text-input > .rd__button__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input > .rd__button:focus .rd__icon, .rd__text-input > .rd__button__active .rd__icon {
    color: #1a1a1a
}

.rd__text-input > .rd__button:disabled {
    cursor: not-allowed;
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input > .rd__button:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input > .rd__button:focus {
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .2)
}

.rd__text-input.rd__text-input--focus .rd__button, .rd__text-input textarea:focus ~ .rd__button, .rd__text-input textarea:active ~ .rd__button, .rd__text-input input:focus ~ .rd__button, .rd__text-input input:active ~ .rd__button {
    background: #fff;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button .rd__svg-icon svg, .rd__text-input textarea:focus ~ .rd__button .rd__svg-icon svg, .rd__text-input textarea:active ~ .rd__button .rd__svg-icon svg, .rd__text-input input:focus ~ .rd__button .rd__svg-icon svg, .rd__text-input input:active ~ .rd__button .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button .rd__icon, .rd__text-input textarea:focus ~ .rd__button .rd__icon, .rd__text-input textarea:active ~ .rd__button .rd__icon, .rd__text-input input:focus ~ .rd__button .rd__icon, .rd__text-input input:active ~ .rd__button .rd__icon {
    color: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:hover, .rd__text-input textarea:focus ~ .rd__button:hover, .rd__text-input textarea:active ~ .rd__button:hover, .rd__text-input input:focus ~ .rd__button:hover, .rd__text-input input:active ~ .rd__button:hover {
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:hover .rd__svg-icon svg, .rd__text-input textarea:focus ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input textarea:active ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input input:focus ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input input:active ~ .rd__button:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:focus, .rd__text-input.rd__text-input--focus .rd__button__active, .rd__text-input textarea:focus ~ .rd__button:focus, .rd__text-input textarea:focus ~ .rd__button__active, .rd__text-input textarea:active ~ .rd__button:focus, .rd__text-input textarea:active ~ .rd__button__active, .rd__text-input input:focus ~ .rd__button:focus, .rd__text-input input:focus ~ .rd__button__active, .rd__text-input input:active ~ .rd__button:focus, .rd__text-input input:active ~ .rd__button__active {
    color: #1a1a1a;
    background: #fff
}

.rd__text-input.rd__text-input--focus .rd__button:focus .rd__svg-icon svg, .rd__text-input.rd__text-input--focus .rd__button__active .rd__svg-icon svg, .rd__text-input textarea:focus ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input textarea:focus ~ .rd__button__active .rd__svg-icon svg, .rd__text-input textarea:active ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input textarea:active ~ .rd__button__active .rd__svg-icon svg, .rd__text-input input:focus ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input input:focus ~ .rd__button__active .rd__svg-icon svg, .rd__text-input input:active ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input input:active ~ .rd__button__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:focus .rd__icon, .rd__text-input.rd__text-input--focus .rd__button__active .rd__icon, .rd__text-input textarea:focus ~ .rd__button:focus .rd__icon, .rd__text-input textarea:focus ~ .rd__button__active .rd__icon, .rd__text-input textarea:active ~ .rd__button:focus .rd__icon, .rd__text-input textarea:active ~ .rd__button__active .rd__icon, .rd__text-input input:focus ~ .rd__button:focus .rd__icon, .rd__text-input input:focus ~ .rd__button__active .rd__icon, .rd__text-input input:active ~ .rd__button:focus .rd__icon, .rd__text-input input:active ~ .rd__button__active .rd__icon {
    color: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:disabled, .rd__text-input textarea:focus ~ .rd__button:disabled, .rd__text-input textarea:active ~ .rd__button:disabled, .rd__text-input input:focus ~ .rd__button:disabled, .rd__text-input input:active ~ .rd__button:disabled {
    cursor: not-allowed;
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input.rd__text-input--focus .rd__button:disabled .rd__svg-icon svg, .rd__text-input textarea:focus ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input textarea:active ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input input:focus ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input input:active ~ .rd__button:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input textarea, .rd__text-input input {
    width: 100%
}

.rd__text-input > textarea, .rd__text-input > input {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 2px;
    padding: .6rem 1.15rem;
    padding-right: 0;
    -webkit-appearance: none
}

.rd__text-input > textarea::-webkit-input-placeholder, .rd__text-input > input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.rd__text-input > textarea::-moz-placeholder, .rd__text-input > input::-moz-placeholder {
    text-overflow: ellipsis
}

.rd__text-input > textarea:-ms-input-placeholder, .rd__text-input > input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.rd__text-input > textarea::-ms-input-placeholder, .rd__text-input > input::-ms-input-placeholder {
    text-overflow: ellipsis
}

.rd__text-input > textarea::placeholder, .rd__text-input > input::placeholder {
    text-overflow: ellipsis
}

.rd__text-input--small > textarea, .rd__text-input--small > input {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__text-input--thick > textarea, .rd__text-input--thick > input {
    padding: 1.035rem 1.15rem
}

.rd__text-input--bordered textarea, .rd__text-input--bordered input {
    border: 1px solid #d3d3d3
}

.rd__text-input--with-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.rd__text-input--with-button > textarea, .rd__text-input--with-button > input, .rd__text-input--with-button > .rd__input {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.rd__text-input--with-button > .rd__button {
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
    box-shadow: none;
    min-width: 40px
}

.rd__text-input--transparent textarea, .rd__text-input--transparent input {
    background: rgba(255, 255, 255, .25);
    color: #fff;
    border-color: #fff
}

.rd__text-input--transparent textarea::-webkit-input-placeholder, .rd__text-input--transparent input::-webkit-input-placeholder {
    color: #a6aaad
}

.rd__text-input--transparent textarea::-moz-placeholder, .rd__text-input--transparent input::-moz-placeholder {
    color: #a6aaad
}

.rd__text-input--transparent textarea:-ms-input-placeholder, .rd__text-input--transparent input:-ms-input-placeholder {
    color: #a6aaad
}

.rd__text-input--transparent textarea::-ms-input-placeholder, .rd__text-input--transparent input::-ms-input-placeholder {
    color: #a6aaad
}

.rd__text-input--transparent textarea::placeholder, .rd__text-input--transparent input::placeholder {
    color: #a6aaad
}

.rd__text-input--transparent.rd__text-input--focus input, .rd__text-input--transparent.rd__text-input--focus textarea, .rd__text-input--transparent textarea:focus, .rd__text-input--transparent textarea:active, .rd__text-input--transparent input:focus, .rd__text-input--transparent input:active {
    background: #fff;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus input::-webkit-input-placeholder, .rd__text-input--transparent.rd__text-input--focus textarea::-webkit-input-placeholder, .rd__text-input--transparent textarea:focus::-webkit-input-placeholder, .rd__text-input--transparent textarea:active::-webkit-input-placeholder, .rd__text-input--transparent input:focus::-webkit-input-placeholder, .rd__text-input--transparent input:active::-webkit-input-placeholder {
    color: #5e5e5e
}

.rd__text-input--transparent.rd__text-input--focus input::-moz-placeholder, .rd__text-input--transparent.rd__text-input--focus textarea::-moz-placeholder, .rd__text-input--transparent textarea:focus::-moz-placeholder, .rd__text-input--transparent textarea:active::-moz-placeholder, .rd__text-input--transparent input:focus::-moz-placeholder, .rd__text-input--transparent input:active::-moz-placeholder {
    color: #5e5e5e
}

.rd__text-input--transparent.rd__text-input--focus input:-ms-input-placeholder, .rd__text-input--transparent.rd__text-input--focus textarea:-ms-input-placeholder, .rd__text-input--transparent textarea:focus:-ms-input-placeholder, .rd__text-input--transparent textarea:active:-ms-input-placeholder, .rd__text-input--transparent input:focus:-ms-input-placeholder, .rd__text-input--transparent input:active:-ms-input-placeholder {
    color: #5e5e5e
}

.rd__text-input--transparent.rd__text-input--focus input::-ms-input-placeholder, .rd__text-input--transparent.rd__text-input--focus textarea::-ms-input-placeholder, .rd__text-input--transparent textarea:focus::-ms-input-placeholder, .rd__text-input--transparent textarea:active::-ms-input-placeholder, .rd__text-input--transparent input:focus::-ms-input-placeholder, .rd__text-input--transparent input:active::-ms-input-placeholder {
    color: #5e5e5e
}

.rd__text-input--transparent.rd__text-input--focus input::placeholder, .rd__text-input--transparent.rd__text-input--focus textarea::placeholder, .rd__text-input--transparent textarea:focus::placeholder, .rd__text-input--transparent textarea:active::placeholder, .rd__text-input--transparent input:focus::placeholder, .rd__text-input--transparent input:active::placeholder {
    color: #5e5e5e
}

.rd__text-input--transparent > .rd__button {
    background: rgba(255, 255, 255, .25);
    color: #fff;
    border-color: #fff
}

.rd__text-input--transparent > .rd__button .rd__svg-icon svg {
    fill: #fff
}

.rd__text-input--transparent > .rd__button .rd__icon {
    color: #fff
}

.rd__text-input--transparent > .rd__button:hover {
    background: rgba(255, 255, 255, .25);
    border-color: #fff;
    color: #fff
}

.rd__text-input--transparent > .rd__button:hover .rd__svg-icon svg {
    fill: #fff
}

.rd__text-input--transparent > .rd__button:focus, .rd__text-input--transparent > .rd__button__active {
    color: #fff;
    background: rgba(255, 255, 255, .25)
}

.rd__text-input--transparent > .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent > .rd__button__active .rd__svg-icon svg {
    fill: #fff
}

.rd__text-input--transparent > .rd__button:focus .rd__icon, .rd__text-input--transparent > .rd__button__active .rd__icon {
    color: #fff
}

.rd__text-input--transparent > .rd__button:disabled {
    cursor: not-allowed;
    background: rgba(255, 255, 255, .25);
    border-color: #fff;
    color: #fff
}

.rd__text-input--transparent > .rd__button:disabled .rd__svg-icon svg {
    fill: #fff
}

.rd__text-input--transparent > .rd__button:focus {
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .2)
}

.rd__text-input--transparent.rd__text-input--focus .rd__button, .rd__text-input--transparent textarea:focus ~ .rd__button, .rd__text-input--transparent textarea:active ~ .rd__button, .rd__text-input--transparent input:focus ~ .rd__button, .rd__text-input--transparent input:active ~ .rd__button {
    background: #fff;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button .rd__svg-icon svg, .rd__text-input--transparent textarea:focus ~ .rd__button .rd__svg-icon svg, .rd__text-input--transparent textarea:active ~ .rd__button .rd__svg-icon svg, .rd__text-input--transparent input:focus ~ .rd__button .rd__svg-icon svg, .rd__text-input--transparent input:active ~ .rd__button .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button .rd__icon, .rd__text-input--transparent textarea:focus ~ .rd__button .rd__icon, .rd__text-input--transparent textarea:active ~ .rd__button .rd__icon, .rd__text-input--transparent input:focus ~ .rd__button .rd__icon, .rd__text-input--transparent input:active ~ .rd__button .rd__icon {
    color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:hover, .rd__text-input--transparent textarea:focus ~ .rd__button:hover, .rd__text-input--transparent textarea:active ~ .rd__button:hover, .rd__text-input--transparent input:focus ~ .rd__button:hover, .rd__text-input--transparent input:active ~ .rd__button:hover {
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:hover .rd__svg-icon svg, .rd__text-input--transparent textarea:focus ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input--transparent textarea:active ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input--transparent input:focus ~ .rd__button:hover .rd__svg-icon svg, .rd__text-input--transparent input:active ~ .rd__button:hover .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:focus, .rd__text-input--transparent.rd__text-input--focus .rd__button__active, .rd__text-input--transparent textarea:focus ~ .rd__button:focus, .rd__text-input--transparent textarea:focus ~ .rd__button__active, .rd__text-input--transparent textarea:active ~ .rd__button:focus, .rd__text-input--transparent textarea:active ~ .rd__button__active, .rd__text-input--transparent input:focus ~ .rd__button:focus, .rd__text-input--transparent input:focus ~ .rd__button__active, .rd__text-input--transparent input:active ~ .rd__button:focus, .rd__text-input--transparent input:active ~ .rd__button__active {
    color: #1a1a1a;
    background: #fff
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent.rd__text-input--focus .rd__button__active .rd__svg-icon svg, .rd__text-input--transparent textarea:focus ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent textarea:focus ~ .rd__button__active .rd__svg-icon svg, .rd__text-input--transparent textarea:active ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent textarea:active ~ .rd__button__active .rd__svg-icon svg, .rd__text-input--transparent input:focus ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent input:focus ~ .rd__button__active .rd__svg-icon svg, .rd__text-input--transparent input:active ~ .rd__button:focus .rd__svg-icon svg, .rd__text-input--transparent input:active ~ .rd__button__active .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:focus .rd__icon, .rd__text-input--transparent.rd__text-input--focus .rd__button__active .rd__icon, .rd__text-input--transparent textarea:focus ~ .rd__button:focus .rd__icon, .rd__text-input--transparent textarea:focus ~ .rd__button__active .rd__icon, .rd__text-input--transparent textarea:active ~ .rd__button:focus .rd__icon, .rd__text-input--transparent textarea:active ~ .rd__button__active .rd__icon, .rd__text-input--transparent input:focus ~ .rd__button:focus .rd__icon, .rd__text-input--transparent input:focus ~ .rd__button__active .rd__icon, .rd__text-input--transparent input:active ~ .rd__button:focus .rd__icon, .rd__text-input--transparent input:active ~ .rd__button__active .rd__icon {
    color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:disabled, .rd__text-input--transparent textarea:focus ~ .rd__button:disabled, .rd__text-input--transparent textarea:active ~ .rd__button:disabled, .rd__text-input--transparent input:focus ~ .rd__button:disabled, .rd__text-input--transparent input:active ~ .rd__button:disabled {
    cursor: not-allowed;
    background: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.rd__text-input--transparent.rd__text-input--focus .rd__button:disabled .rd__svg-icon svg, .rd__text-input--transparent textarea:focus ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input--transparent textarea:active ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input--transparent input:focus ~ .rd__button:disabled .rd__svg-icon svg, .rd__text-input--transparent input:active ~ .rd__button:disabled .rd__svg-icon svg {
    fill: #1a1a1a
}

.rd__dropdown {
    position: relative
}

.rd__dropdown--active .rd__dropdown__container {
    display: block
}

.no-js .rd__dropdown:focus-within .rd__dropdown__container, .no-js .rd__dropdown:focus .rd__dropdown__container, .no-js .rd__dropdown:hover .rd__dropdown__container {
    display: block
}

.no-js .rd__dropdown .rd__dropdown__container:hover {
    display: block
}

.rd__dropdown__container {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 0.25rem);
    min-width: 175px;
    cursor: default;
    text-shadow: none;
    z-index: 28
}

.rd__dropdown--right > .rd__dropdown__container {
    right: 0;
    left: auto
}

.rd__dropdown--right > .rd__dropdown__container .rd__dropdown__container__content .rd__dropdown__container__content__pointer {
    right: 15px;
    left: auto
}

.rd__dropdown--center > .rd__dropdown__container {
    left: 50%;
    width: 300px;
    margin-left: -150px
}

.rd__dropdown__container__content {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: .6rem;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    text-align: left;
    padding: 0;
    z-index: 0
}

.rd__dropdown__container__content .rd__dropdown__container__content__pointer {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4.95px;
    right: auto;
    left: 15px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04)
}

.rd__dropdown__container__content .rd__dropdown__container__content__pointer--down {
    box-shadow: 3px 3px 5px rgba(82, 95, 127, .04)
}

.rd__dropdown__container__content__item {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1rem
}

ul.rd__dropdown__container__content__items {
    list-style: none;
    margin: 0;
    padding: .6rem 0;
    z-index: 1
}

ul.rd__dropdown__container__content__items > li {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

ul.rd__dropdown__container__content__items > li button, ul.rd__dropdown__container__content__items > li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .6rem 1.15rem;
    text-decoration: none;
    background: 0 0;
    border: none;
    text-align: left;
    cursor: pointer
}

ul.rd__dropdown__container__content__items > li button[data-active], ul.rd__dropdown__container__content__items > li button:focus, ul.rd__dropdown__container__content__items > li button:hover, ul.rd__dropdown__container__content__items > li a[data-active], ul.rd__dropdown__container__content__items > li a:focus, ul.rd__dropdown__container__content__items > li a:hover {
    background: #e8e8e8;
    color: #1a1a1a;
    outline: none
}

ul.rd__dropdown__container__content__items > li hr {
    border: 1px solid #e8e8e8
}

.rd__dropdown__container__content__text {
    padding: .6rem 1.15rem;
    text-align: left
}

.rd__dropdown__container__content__footer {
    padding: .6rem
}

.rd__container {
    padding-left: 20px;
    padding-right: 20px
}

.rd__container__grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    max-width: 1200px;
    margin: auto;
    margin-bottom: 2rem
}

.level {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 849px) {
    .level--responsive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .level--responsive > *:not(:last-child) {
        margin-bottom: .6rem
    }
}

@media (max-width: 849px) {
    .level--responsive--centered {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }

    .level--responsive--centered > *:not(:last-child) {
        margin-bottom: .6rem
    }
}

@media (max-width: 1000px) {
    .level--responsive-large {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .level--responsive-large > *:not(:last-child) {
        margin-bottom: .6rem
    }
}

.level--centered {
    -webkit-box-pack: center;
    justify-content: center
}

.level--flex-start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.level__right, .level__left {
    max-width: 100%;
    flex-basis: auto;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.level__left {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.level__right {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.level__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-basis: auto;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.level__item * {
    margin-top: 0;
    margin-bottom: 0
}


.sub-menu-wrapper {
    overflow: hidden;
    height: 62px;
}

.underlined-tabs {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    position: relative;
}



.underlined-tabs--centered {
    display: block;
    text-align: center
}

.underlined-tabs--grey-background {
    background: #f9f9f9
}

.underlined-tabs--large .underlined-tabs__tab {
    display: block;
    font-size: 14px;
    /*line-height: 26px;*/
    /*font-weight: 600;*/
    margin-top: 0;
    letter-spacing: .4px;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 1.25rem
}

.underlined-tabs--large .underlined-tabs__tab:after {
    height: .22rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.underlined-tabs--large .underlined-tabs__tab .rd__svg-icon {
    width: 25px;
    height: 25px
}

.underlined-tabs--large .underlined-tabs__tab .rd__svg-icon:first-child {
    margin-right: .6rem
}

.underlined-tabs--large .underlined-tabs__tab .rd__svg-icon:last-child {
    margin-left: .6rem
}

.underlined-tabs__tab {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: .7rem 1rem;
    color: #5e5e5e;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .2s color ease;
    transition: .2s color ease
}

.underlined-tabs__tab:after {
    height: .15rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.underlined-tabs__tab .rd__svg-icon {
    width: 17px;
    height: 17px
}

.underlined-tabs__tab .rd__svg-icon:first-child {
    margin-right: .3rem
}

.underlined-tabs__tab .rd__svg-icon:last-child {
    margin-left: .3rem
}

.underlined-tabs__tab .rd__svg-icon svg {
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    fill: #5e5e5e
}

.underlined-tabs__tab:after {
    border-bottom: 1px #0064f9 solid;
    /*background: #0064f9*/
}

.underlined-tabs__tab:hover, .underlined-tabs__tab:active, .underlined-tabs__tab:focus, .underlined-tabs__tab.underlined-tabs__tab--active {
    color: #0064f9
}


.underlined-tabs__tab:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

.underlined-tabs__tab.underlined-tabs__tab--active:after {
    opacity: 1
}

.underlined-tabs__tab__count {
    font-size: 14px;
    font-weight: 400;
    margin-left: .4rem;
    opacity: .8
}

@media (max-width: 849px) {
    .underlined-tabs__tab__count {
        display: none
    }
}

.underlined-tabs--shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.breadcrumbs {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    margin-left: -1em
}

.breadcrumbs > a:after {
    content: "|";
    position: absolute;
    font-weight: 400;
    right: 0;
    color: #9e9e9e
}

.breadcrumbs > a:first-child:after {
    content: ">";
    right: -4px;
    position: absolute;
    color: #9e9e9e
}

.breadcrumbs > a:last-child:after {
    content: ""
}

.breadcrumbs__breadcrumb {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    padding: .7rem 1rem;
    color: #9e9e9e;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .2s color ease;
    transition: .2s color ease
}

.breadcrumbs__breadcrumb:hover, .breadcrumbs__breadcrumb:active, .breadcrumbs__breadcrumb:focus {
    color: #5e5e5e
}

.breadcrumbs__breadcrumb.breadcrumbs__breadcrumb--active {
    color: #5e5e5e;
    font-weight: 600
}

.grid-item {
    position: relative
}

.grid-item--overlay:before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(60%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.75) 100%);
    border-radius: 2px;
    z-index: 1
}

.grid-item--overlay--bottom-only:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.75) 100%)
}

.grid-item__image {
    overflow: hidden
}

.grid-item__image img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.grid-item__container {
    position: absolute;
    top: 1.15rem;
    left: 1.15rem;
    right: 1.15rem;
    bottom: 1.15rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.grid-item__container__content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    z-index: 2
}

.grid-item__container__content__paragraph {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    color: #d3d3d3
}

.grid-item__container__content__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff
}

.grid-item__container__content__title--no-margin {
    margin: 0
}

.grid-item__container__footer {
    position: relative;
    padding-top: 1.15rem;
    z-index: 2
}

.rd__leaderboard-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.rd__leaderboard-item:not(:last-child) {
    margin-bottom: 1.15rem
}

.rd__leaderboard-item--inverse .rd__leaderboard-item__rank {
    background-color: #d3d3d3;
    color: #fff
}

.rd__leaderboard-item--inverse .rd__leaderboard-item__mini-profile__title {
    color: #1a1a1a
}

.rd__leaderboard-item--inverse .rd__leaderboard-item__mini-profile__subtitle {
    color: #a6aaad
}

.rd__leaderboard-item__rank {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-right: 1.15rem;
    line-height: 1px
}

.rd__leaderboard-item__mini-profile__title {
    color: #fff
}

.rd__leaderboard-item__mini-profile__subtitle {
    color: #d3d3d3
}

.collection-item__content {
    position: absolute;
    right: calc(3px + 25% + 2.3rem);
    bottom: 0;
    left: 0
}

.collection-item__image-bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    min-width: 125px;
    background: #fff
}

.collection-item__image-bar__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    margin-left: 3px
}

.collection-item__image-bar__container__image-container {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    overflow: hidden
}

.collection-item__image-bar__container__image-container:first-child {
    border-top-right-radius: 2px
}

.collection-item__image-bar__container__image-container:last-child {
    border-bottom-right-radius: 2px
}

.collection-item__image-bar__container__image-container:not(:last-child) {
    margin-bottom: 3px
}

.collection-item__image-bar__container__image-container img {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}

.rd__spacer__half--margin-top {
    margin-top: .3rem
}

.rd__spacer__half--margin-right {
    margin-right: .3rem
}

.rd__spacer__half--margin-bottom {
    margin-bottom: .3rem
}

.rd__spacer__half--margin-left {
    margin-left: .3rem
}

.rd__spacer--margin-top {
    margin-top: .6rem
}

.rd__spacer--margin-right {
    margin-right: .6rem
}

.rd__spacer--margin-bottom {
    margin-bottom: .6rem
}

.rd__spacer--margin-left {
    margin-left: .6rem
}

.rd__spacer__double--margin-top {
    margin-top: 1.15rem
}

.rd__spacer__double--margin-right {
    margin-right: 1.15rem
}

.rd__spacer__double--margin-bottom {
    margin-bottom: 1.15rem
}

.rd__spacer__double--margin-left {
    margin-left: 1.15rem
}

.rd__spacer__triple--margin-top {
    margin-top: 1.75rem
}

.rd__spacer__triple--margin-right {
    margin-right: 1.75rem
}

.rd__spacer__triple--margin-bottom {
    margin-bottom: 1.75rem
}

.rd__spacer__triple--margin-left {
    margin-left: 1.75rem
}

.rd__spacer__quadruple--margin-top {
    margin-top: 2.85rem
}

.rd__spacer__quadruple--margin-right {
    margin-right: 2.85rem
}

.rd__spacer__quadruple--margin-bottom {
    margin-bottom: 2.85rem
}

.rd__spacer__quadruple--margin-left {
    margin-left: 2.85rem
}

.rd__modal-prevent-body-scroll {
    overflow-y: hidden
}

.rd__modal {
    visibility: hidden
}

.rd__modal .rd__modal__overlay {
    -webkit-transform: translateX(200vw);
    transform: translateX(200vw)
}

.rd__modal--open {
    visibility: visible
}

.rd__modal--open .rd__modal__overlay {
    -webkit-transform: none;
    transform: none
}

.rd__modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgba(12, 15, 19, .9);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 109
}

.rd__modal__overlay--centered {
    padding-top: 45px
}

.rd__modal__overlay--centered .rd__modal__content {
    margin-top: auto;
    margin-bottom: auto;
    position: relative
}

.rd__modal__overlay.rd__modal__content-container .rd__modal__content {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.rd__modal__overlay--bottom-right {
    top: auto;
    left: auto;
    right: 1.15rem;
    bottom: 0;
    max-width: 420px;
    width: 100%;
    height: auto;
    background-color: transparent;
    overflow: visible
}

@media (max-width: 500px) {
    .rd__modal__overlay--bottom-right {
        left: 1.15rem
    }
}

.rd__modal__overlay--bottom-right .rd__modal__content {
    position: static;
    max-width: 100%;
    width: 100%;
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .1);
    margin-top: 0
}

.rd__modal__overlay--bottom-right .rd__modal__exit {
    position: absolute;
    top: 0;
    left: 0
}

.rd__modal__overlay--bottom-right .rd__modal__exit:hover svg {
    fill: #000
}

.rd__modal__overlay--bottom-right .rd__modal__exit svg {
    width: 24px;
    height: 24px;
    fill: #333
}

.rd__modal__exit {
    position: fixed;
    top: 1.15rem;
    left: 1.15rem
}

.rd__modal__content {
    position: absolute;
    max-width: 1200px;
    width: calc(100vw - (80px * 2));
    outline: none;
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 1.15rem;
    margin-top: 2.3rem
}

@media (min-width: 2000px) {
    .rd__modal__content {
        max-width: 1700px
    }
}

@media (min-width: 2300px) {
    .rd__modal__content {
        max-width: 2000px
    }
}

@media (min-width: 2700px) {
    .rd__modal__content {
        max-width: 2400px
    }
}

.rd__modal__content.rd__modal__content--with-top-bar {
    margin-top: 33.75px;
    padding-top: 60px
}

.rd__modal__content--transparent {
    background: 0 0;
    width: 100vw
}

.rd__modal__content--always-mobile-sized {
    max-width: 320px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-height: calc(100vh - 4rem);
    overflow-y: auto
}

@media (max-width: 849px) {
    .rd__modal__content--always-mobile-sized {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        max-height: 100%
    }
}

.rd__modal__content--no-default-styles {
    padding: 0
}

.rd__modal__content--small {
    max-width: 600px;
    padding: 24px
}

@media (max-width: 849px) {
    .rd__modal__content--small {
        width: calc(100% - 2rem)
    }
}

.rd__modal__content--small.rd__modal__content--with-top-bar {
    padding-top: 69px
}

.rd__modal__content__top-bar {
    position: absolute;
    height: 45px;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding-left: .5rem;
    padding-right: .5rem
}

.rd__modal__content__top-bar__avatar {
    max-width: 5rem;
    max-height: 5rem;
    min-width: 5rem;
    min-height: 5rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.rd__modal__exit, .rd__modal__content__forward-button, .rd__modal__content__back-button {
    opacity: .6
}

.rd__modal__exit:hover, .rd__modal__content__forward-button:hover, .rd__modal__content__back-button:hover {
    opacity: 1
}

.rd__modal__content__highlighted-close-button {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -12px;
    top: -12px;
    z-index: 120;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px #0000001a
}

.rd__modal__content__back-button {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(-125%);
    transform: translateX(-125%);
    top: 250px
}

.rd__modal__content__forward-button {
    position: absolute;
    right: 0;
    -webkit-transform: translateX(125%);
    transform: translateX(125%);
    top: 250px
}

.rd__modal__content__edit-studio-ad {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem .5rem;
    padding-top: 2rem
}

.rd__modal__content__edit-studio-ad .rd__button {
    margin-left: 1rem
}

.rd__modal__content__edit-studio-ad__text {
    display: block;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0
}

.rd__selection-list__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    padding: .6rem 1.15rem
}

.rd__selection-list__footer {
    padding: .92rem 1.15rem
}

ul.rd__selection-list {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 250px
}

ul.rd__selection-list > li {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    cursor: pointer;
    padding: .6rem 1.15rem;
    border-bottom: 1px solid rgba(26, 26, 26, .1)
}

ul.rd__selection-list > li:first-child {
    border-top: 1px solid rgba(26, 26, 26, .1)
}

ul.rd__selection-list > li strong {
    color: #1a1a1a
}

ul.rd__selection-list > li:last-child {
    padding-bottom: .9rem
}

ul.rd__selection-list > li.active {
    background-color: rgba(232, 232, 232, .3)
}

.rd__tag {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid rgba(26, 26, 26, .2);
    border-radius: 2px;
    padding: .6rem 1.75rem
}

.rd__card {
    border-radius: 4px;
    border: 1px solid rgba(26, 26, 26, .15);
    padding: 1.15rem;
    background: #fff
}

.rd__card__title {
    display: block;
    font-size: 10px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: .4px;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #5e5e5e;
    text-align: left
}

.rd__card__title:not(:first-child) {
    padding-top: .6rem
}

.rd__card__section:not(:last-child) {
    margin-bottom: 1.15rem
}

.rd__card__section__content h3, .rd__card__section__content .h3 {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 13px
}

.rd__card__section__content h3 strong, .rd__card__section__content .h3 strong {
    font-weight: 600
}

.rd__card__section__content small {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 8px
}

.rd__card__section__content small strong {
    font-weight: 600
}

.rd__card__section__content a {
    text-decoration: underline
}

.rd__card__section__content > *.no-margin, .rd__card__section__content > *:last-child {
    margin-bottom: 0
}

.rd__card__section__content > *.secondary {
    color: #5e5e5e
}

.rd__well {
    padding: .6rem 1.15rem;
    background: #e8e8e8;
    border-radius: 4px
}

.rd__message {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1rem;
    text-decoration: none;
    border: 1px solid #e8e8e8;
    padding: .75rem;
    border-radius: 6px
}

.rd__message__avatar {
    max-width: 55px;
    max-height: 55px;
    min-width: 55px;
    min-height: 55px;
    margin-right: 1rem
}

.rd__message__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.rd__message__text__title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.rd__message__text__info {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.rd__message__text__info a {
    text-decoration: none
}

.rd__message__text__small {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__message__text__body {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #d3d3d3
}

.rd__message__user-link {
    display: -webkit-inline-box;
    display: inline-flex;
    font-weight: 700;
    text-decoration: none
}

.rd__message-form {
    margin-bottom: 2rem
}

.rd__message-form textarea {
    resize: vertical
}

.rd__message-form__btn {
    margin-top: 1rem
}

.rd__message-body {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    word-break: break-all
}

.sk-folding-cube {
    margin: 20px auto;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.sk-fading-circle {
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.user-spotlight-card {
    width: 100%
}

.user-spotlight-card__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 1rem
}

.user-spotlight-card__header > *:not(:first-child) {
    margin-left: 1rem
}

.user-spotlight-card__photos {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1rem
}

.user-spotlight-card__photos > *:not(:last-child) {
    margin-right: .5rem
}

.user-spotlight-card__photos__placeholder, .user-spotlight-card__photos__photo {
    position: relative;
    padding-bottom: 25%;
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.user-spotlight-card__photos__photo__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.user-spotlight-card__photos__photo__item img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.user-spotlight-card__photos__placeholder {
    background: #d3d3d3
}

.user-spotlight-card__footer {
    display: -webkit-box;
    display: flex
}

.user-spotlight-card__footer__item {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 1rem
}

.user-spotlight-card__footer__item .rd__svg-icon {
    margin-right: .25rem
}

.rd__mini-media-grid--cropped {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1rem
}

.rd__mini-media-grid--cropped__item {
    position: relative;
    flex-basis: calc(33.3333333333% - 0.6666666667rem);
    padding-bottom: calc(-10% + (33.3333333333% - 0.6666666667rem));
    margin-bottom: 1rem
}

.rd__mini-media-grid--cropped__item:not(:nth-child(3n)) {
    margin-right: 1rem
}

.rd__mini-media-grid--cropped__item__video, .rd__mini-media-grid--cropped__item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.rd__mini-media-grid--cropped__item__video img, .rd__mini-media-grid--cropped__item__image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.rd__mini-media-grid--cropped__item__video:after {
    content: "▶";
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 45%;
    left: calc(50% - 22px);
    top: 45%;
    top: calc(50% - 22px);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    border: 4px solid;
    border-radius: 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.rd__mini-media-grid--cropped-footer {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1rem
}

.rd__mini-media-grid--cropped-footer__item {
    position: relative;
    flex-basis: calc(33.3333333333% - 0.6666666667rem);
    padding-bottom: calc(-10% + (33.3333333333% - 0.6666666667rem));
    margin-bottom: 4.5rem
}

.rd__mini-media-grid--cropped-footer__item:not(:nth-child(3n)) {
    margin-right: 1rem
}

.rd__mini-media-grid--cropped-footer__footer {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 3.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.rd__mini-media-grid--cropped__item .rd__mini-media-grid--cropped-footer__footer-overlay {
    display: none
}

.rd__mini-media-grid--cropped__item:hover .rd__mini-media-grid--cropped-footer__footer-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0.5) 100%);
    color: #fff;
    padding: 0 .5rem
}

.rd__mini-media-grid--uncropped {
    display: -webkit-box;
    display: flex
}

.rd__mini-media-grid--uncropped__item {
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

.rd__mini-media-grid--uncropped__item:not(:last-child) {
    margin-right: 1rem
}

.rd__mini-media-grid--uncropped__item--video {
    position: relative
}

.rd__mini-media-grid--uncropped__item--video:after {
    content: "▶";
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    left: 45%;
    left: calc(50% - 22px);
    top: 45%;
    top: calc(50% - 22px);
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    border: 4px solid;
    border-radius: 100%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    pointer-events: none;
    top: calc(50% - 40px)
}

.rd__mini-media-grid--uncropped__item__img {
    border-radius: 4px;
    width: 100%
}

.rd__mini-media-grid--uncropped__item .rd__mini-media-grid--uncropped__item__footer {
    display: none
}

.rd__mini-media-grid--uncropped__item:hover .rd__mini-media-grid--uncropped__item__footer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0.5) 100%);
    color: #fff;
    padding: .5rem
}

.rd__mini-media-grid--uncropped__user-overview {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: .25rem 0;
    max-width: 100%
}

.rd__mini-media-grid--uncropped__user-overview__avatar {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: .5rem
}

.rd__mini-media-grid--uncropped__user-overview__text {
    overflow: hidden
}

.rd__mini-media-grid--uncropped__user-overview__text__title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none
}

.rd__mini-media-grid--uncropped__user-overview__text__subtitle {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-media-grid--uncropped__user-overview__text__subtitle button {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    background: 0 0;
    border: none;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.rd__mini-media-grid--uncropped__user-overview__text__title, .rd__mini-media-grid--uncropped__user-overview__text__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.rd__mini-media-grid--uncropped__user-overview__text__title button, .rd__mini-media-grid--uncropped__user-overview__text__subtitle button {
    color: inherit
}

.rd__mini-profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

.rd__mini-profile--hide-overflow {
    max-width: 100%;
    overflow: hidden
}

.rd__mini-profile__avatar {
    margin-right: 1rem
}

.rd__mini-profile__text {
    max-width: 100%;
    font-style: normal;
    overflow: hidden
}

.rd__mini-profile__text > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rd__mini-profile__text__title--h3 {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-profile__text__title--p {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 22px
}

.rd__mini-profile__text__title--small {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-profile__text__subtitle--h3 {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-profile__text__subtitle--p {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-profile__text__subtitle--small {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.rd__mini-profile__cta {
    margin-left: auto
}

.rd__mini-profile__cta > * {
    margin-left: 1rem
}

@media (max-width: 849px) {
    .rd__mini-profile__cta .rd__mini-profile__cta__desktop {
        display: none
    }
}

@media (min-width: 849px) {
    .rd__mini-profile__cta .rd__mini-profile__cta__mobile {
        display: none
    }
}

.event-card {
    display: block;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, .05), 0 1px 3px 0 rgba(37, 39, 44, .06);
    border-radius: 6px;
    padding: 1rem;
    -webkit-transition: .3s box-shadow ease-in-out;
    transition: .3s box-shadow ease-in-out
}

.event-card:hover {
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 34px 55px 4px rgba(0, 0, 0, .08), 0 13px 66px 12px rgba(0, 0, 0, .07)
}

.event-card:not(:last-child) {
    margin-bottom: 1rem
}

.event-card--title-only {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    background: 0 0
}

.event-card--title-only:hover {
    box-shadow: none
}

.event-card--title-only:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 849px) {
    .event-card--title-only .event-card__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .event-card--title-only .event-card__header__calendar {
        display: -webkit-box;
        display: flex
    }

    .event-card--title-only .event-card__header__title {
        margin-bottom: 0
    }
}

.event-card__header {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1.5rem
}

@media (max-width: 849px) {
    .event-card__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.event-card__header__calendar {
    max-width: 55px;
    max-height: 55px;
    min-width: 55px;
    min-height: 55px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, .05), 0 1px 3px 0 rgba(37, 39, 44, .06);
    border-radius: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 1rem
}

@media (max-width: 849px) {
    .event-card__header__calendar {
        display: none
    }
}

.event-card__header__calendar__content__day {
    font-size: 20px;
    font-weight: 700;
    color: #ff2121;
    text-align: center
}

.event-card__header__calendar__content__month {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center
}

.event-card__header__title {
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 1rem
}

@media (max-width: 849px) {
    .event-card__header__title {
        margin-right: 0;
        margin-bottom: 1.5rem
    }
}

.event-card__header__title__date {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 4px;
    text-transform: uppercase
}

.event-card__header__title__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2px
}

.event-card__header__title__location {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #5e5e5e
}

.event-card__header__title__location .rd__svg-icon {
    margin-left: -5px;
    margin-right: .25rem
}

.event-card__header__image {
    max-width: 175px;
    max-height: 100px;
    min-width: 175px;
    min-height: 100px;
    border-radius: 8px;
    overflow: hidden
}

.event-card__header__image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 849px) {
    .event-card__header__image {
        max-width: 100%;
        min-width: 100%;
        max-height: 150px;
        min-height: 150px
    }
}

.event-card__description {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 13px
}

.event-card__footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 849px) {
    .event-card__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

.event-card__footer__members {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 849px) {
    .event-card__footer__members {
        margin-bottom: 1.5rem
    }
}

.event-card__footer__members__avatars {
    position: relative;
    min-width: 60px;
    max-width: 60px;
    height: 30px;
    margin-right: .5rem
}

.event-card__footer__members__avatars .rd__avatar {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    position: absolute;
    top: 0
}

.event-card__footer__members__avatars .rd__avatar:nth-child(1) {
    left: 0;
    z-index: 3
}

.event-card__footer__members__avatars .rd__avatar:nth-child(2) {
    left: 15px;
    z-index: 1
}

.event-card__footer__members__avatars .rd__avatar:nth-child(3) {
    left: 30px;
    z-index: 0
}

.event-card__footer__members__text {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5e5e5e
}

@media (max-width: 849px) {
    .event-card__footer__cta {
        width: 100%
    }
}

@media (max-width: 849px) {
    .event-card__footer__cta__desktop {
        display: none
    }
}

@media (min-width: 849px) {
    .event-card__footer__cta__mobile {
        display: none
    }
}

.challenge-card {
    border-radius: 6px;
    width: 100%;
    text-decoration: none;
    display: block
}

.challenge-card:hover .challenge-card__grid {
    opacity: .8
}

.challenge-card--featured {
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 13px 66px 12px rgba(0, 0, 0, .07);
    background: #fff;
    -webkit-transition: .5s box-shadow ease-in-out;
    transition: .5s box-shadow ease-in-out
}

.challenge-card--featured:hover {
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 34px 55px 4px rgba(0, 0, 0, .08), 0 13px 66px 12px rgba(0, 0, 0, .07)
}

.challenge-card__grid {
    position: relative;
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 100%;
    max-height: 205px;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out
}

.challenge-card__grid__featured-image {
    overflow: hidden;
    width: calc(((100% / 3) * 2) - 1px);
    margin-right: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.challenge-card__grid__featured-image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.challenge-card__grid__featured-image--solo {
    width: 100%;
    border-radius: 6px
}

.challenge-card__grid__others {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: calc((100% / 3) - 1px);
    margin-left: 1px
}

.challenge-card__grid__others__image {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.challenge-card__grid__others__image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.challenge-card__grid__others__image:first-child {
    margin-bottom: 1px;
    border-top-right-radius: 6px
}

.challenge-card__grid__others__image:last-child {
    margin-top: 1px;
    border-bottom-right-radius: 6px
}

.challenge-card__grid__submit-button {
    position: absolute;
    bottom: -5%;
    right: 2%;
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15)
}

.challenge-card__content {
    display: block;
    text-decoration: none;
    padding-top: .8rem;
    padding-bottom: 1.2rem
}

.challenge-card__content__overview-bar {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 7px;
    text-transform: uppercase;
    color: #5e5e5e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .4rem
}

.challenge-card__content__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1.4rem
}

.challenge-card__content__branding {
    margin-top: -1rem
}

.challenge-card__content__description {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.challenge-card__footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    border-top: 1px solid #e8e8e8;
    padding: 1rem 1.25rem
}

.challenge-card__footer__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.challenge-card__footer__item:not(:last-child) {
    margin-right: 1rem
}

.challenge-card__footer__item__users {
    position: relative;
    min-width: 53px;
    max-width: 53px;
    height: 25px
}

.challenge-card__footer__item__users .rd__avatar {
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px;
    position: absolute;
    top: 0
}

.challenge-card__footer__item__users .rd__avatar:nth-child(1) {
    left: 0;
    z-index: 3
}

.challenge-card__footer__item__users .rd__avatar:nth-child(2) {
    left: 14px;
    z-index: 1
}

.challenge-card__footer__item__users .rd__avatar:nth-child(3) {
    left: 28px;
    z-index: 0
}

.challenge-card--featured {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.challenge-card--featured .challenge-card__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    flex: 1 2
}

.challenge-card--featured .challenge-card__grid {
    height: auto;
    -webkit-box-flex: 2;
    flex: 2 1 100%;
    min-height: 260px;
    max-height: 260px
}

.challenge-card--featured .challenge-card__grid__featured-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.challenge-card--featured .challenge-card__grid__others__image:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.challenge-card-branding {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.challenge-card-branding__brand {
    max-width: 25px;
    max-height: 25px;
    min-width: 25px;
    min-height: 25px
}

.challenge-card-branding__text {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5e5e5e;
    margin-left: .5rem
}

.text-image-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.text-image-header > *:first-child {
    margin-right: 2rem
}

@media (max-width: 849px) {
    .text-image-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .text-image-header > *:first-child {
        margin-right: 0;
        margin-bottom: 2rem
    }
}

@media (max-width: 849px) {
    .text-image-header--no-form-padding form {
        padding: 0
    }
}

.text-image-header__section:first-child {
    margin-right: 1.5rem
}

.text-image-header__title {
    display: block;
    font-size: 54px;
    line-height: 59px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -.7px;
    margin-bottom: 12px
}

@media (max-width: 849px) {
    .text-image-header__title {
        display: block;
        font-size: 40px;
        line-height: 49px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 12px
    }
}

.text-image-header__subtitle {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.text-image-header__cta {
    margin-top: 1.7rem;
    margin-bottom: 2rem
}

ul.text-image-header__list {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.text-image-header__list li {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    color: #5e5e5e;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: .5rem
}

ul.text-image-header__list li .rd__svg-icon {
    margin-right: .5rem
}

ul.text-image-header__list li strong {
    color: #1a1a1a
}

.sticky-inline-navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    left: 0;
    right: 0;
    z-index: 28;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    padding-left: 1rem;
    padding-right: 1rem
}

.sticky-inline-navbar--fixed {
    position: fixed
}

.sticky-inline-navbar--relative {
    position: relative;
    top: 0
}

.sticky-inline-navbar--no-border {
    border-top: none
}

.sticky-inline-navbar--shadow {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .04), 0 20px 20px 0 rgba(44, 50, 65, .04)
}

.sticky-inline-navbar__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto
}

.sticky-inline-navbar__links > *:not(:last-child) {
    margin-right: .5rem
}

.sticky-inline-navbar__links--center {
    -webkit-box-pack: center;
    justify-content: center
}

.sticky-inline-navbar__links--center {
    -webkit-box-pack: center;
    justify-content: center
}

.sticky-inline-navbar__links__divided-items {
    display: -webkit-box;
    display: flex
}

.sticky-inline-navbar__links__divided-items > *:not(:first-child) {
    border-left: 1px solid #e8e8e8;
    padding-left: 1rem
}

.sticky-inline-navbar__links__divided-items > *:not(:last-child) {
    padding-right: 1rem
}

.sticky-inline-navbar__links__item {
    padding: 1rem
}

ul.sticky-inline-navbar__links__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

ul.sticky-inline-navbar__links__link-list li {
    display: inline-block
}

ul.sticky-inline-navbar__links__link-list li a, .sticky-inline-navbar__links__link {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: #5e5e5e;
    white-space: nowrap;
    padding: 1rem
}

ul.sticky-inline-navbar__links__link-list li a .rd__svg-icon, .sticky-inline-navbar__links__link .rd__svg-icon {
    margin-right: .5rem
}

ul.sticky-inline-navbar__links__link-list li a:hover, ul.sticky-inline-navbar__links__link-list li a.active, .sticky-inline-navbar__links__link:hover, .sticky-inline-navbar__links__link.active {
    color: #05a081
}

ul.sticky-inline-navbar__links__link-list li a:hover *, ul.sticky-inline-navbar__links__link-list li a.active *, .sticky-inline-navbar__links__link:hover *, .sticky-inline-navbar__links__link.active * {
    fill: #05a081
}

@media (max-width: 849px) {
    .sticky-inline-navbar__links__link--no-mobile {
        display: none
    }
}

.sticky-inline-navbar__links__button {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.jumbo-ordered-list {
    counter-reset: jumbo-ordered-list;
    list-style: none;
    padding-left: 0
}

.jumbo-ordered-list li {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    counter-increment: jumbo-ordered-list;
    position: relative
}

.jumbo-ordered-list li:not(:last-child) {
    margin-bottom: 3rem
}

.jumbo-ordered-list li:before {
    content: counter(jumbo-ordered-list);
    color: #a6aaad;
    font-size: 66px;
    line-height: .7;
    min-width: 65px;
    margin-top: 5px
}

.js-search-bar-view-when-no-suggestion-ready {
    display: none
}

.search-bar {
    position: relative;
    z-index: 1
}

.search-bar[data-focused=true] .search-bar__container, .search-bar:focus-within .search-bar__container {
    background: #fff;
    background: var(--color-search-bar-background-focus, #fff)
}

.search-bar--open .search-bar__container {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 4px 16px 0 rgba(44, 50, 65, .08);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.search-bar--open .search-bar__dropdown {
    display: block;
    z-index: -1
}





.search-bar__container {
    background: rgba(255, 255, 255, .95);
    background: var(--color-search-bar-background, rgba(255, 255, 255, 0.95));
    display: -webkit-box;
    display: flex;
    border: none;
    border-radius: 6px;
    z-index: 1
}

.search-bar__container input {
    display: block;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    flex: 1;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: transparent;
    border: none;
    color: #1a1a1a;
    padding: .9rem 1.25rem;
    width: 0;
    z-index: 1;
    font-weight: 300;
    font-size: 17px
}

@media (max-width: 849px) {
    .search-bar__container input {
        padding-top: .625rem;
        padding-bottom: .625rem;
        font-weight: 500
    }
}

.search-bar__container input::-webkit-input-placeholder {
    color: #5e5e5e;
    color: var(--color-search-bar-placeholder, #5e5e5e)
}

.search-bar__container input::-moz-placeholder {
    color: #5e5e5e;
    color: var(--color-search-bar-placeholder, #5e5e5e)
}

.search-bar__container input:-ms-input-placeholder {
    color: #5e5e5e;
    color: var(--color-search-bar-placeholder, #5e5e5e)
}

.search-bar__container input::-ms-input-placeholder {
    color: #5e5e5e;
    color: var(--color-search-bar-placeholder, #5e5e5e)
}

.search-bar__container input::placeholder {
    color: #5e5e5e;
    color: var(--color-search-bar-placeholder, #5e5e5e)
}

.search-bar__container button {
    border: none;
    background: 0 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 1rem;
    cursor: pointer;
    z-index: 1
}

.search-bar__container button .rd__svg-icon {
    fill: #5e5e5e;
    width: 25px;
    height: 25px
}

.search-bar--jumbo input {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.search-bar__dropdown {
    display: none;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    right: 0;
    background: #fff;
    padding-top: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    box-shadow: 0 16px 22px -10px rgba(0, 0, 0, .15), 0 34px 55px 4px rgba(0, 0, 0, .08), 0 13px 66px 12px rgba(0, 0, 0, .07)
}

.search-bar__dropdown__section {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #e8e8e8
}

.search-bar__dropdown__section__title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #1a1a1a;
    font-weight: 400;
    margin-bottom: 1rem
}

.search-bar__dropdown__section__title button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: 0;
    margin-left: .5rem;
    cursor: pointer
}

ul.search-bar__suggestions {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e8e8e8
}

ul.search-bar__suggestions li:first-child {
    margin-top: 1rem
}

ul.search-bar__suggestions li:last-child {
    margin-bottom: 1rem
}

ul.search-bar__suggestions li a {
    display: block;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    padding: .25rem 1.2rem;
    color: #a6aaad
}

@media (max-width: 849px) {
    ul.search-bar__suggestions li a {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

ul.search-bar__suggestions li a strong {
    display: inline;
    color: #1a1a1a;
    font-weight: 800
}

ul.search-bar__suggestions li a:hover, ul.search-bar__suggestions li a:focus, ul.search-bar__suggestions li a.js-search-bar-suggestions-item-active {
    background: #e8e8e8;
    outline: none
}






.search-bar__recent-searches {
    margin-bottom: -1rem
}

.search-bar__recent-searches__item {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    background: #e8e8e8;
    border-radius: 30px;
    white-space: nowrap;
    text-decoration: none;
    padding-bottom: .5rem;
    padding-left: 1.4rem;
    padding-top: .65rem;
    padding-right: 1rem;
    margin-bottom: 1rem
}

.search-bar__recent-searches__item:not(:last-child) {
    margin-right: 1rem
}

.search-bar__recent-searches__item:focus, .search-bar__recent-searches__item:hover {
    background: #d3d3d3
}

.search-bar__recent-searches__item__text {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    color: #1a1a1a;
    line-height: 1;
    text-transform: capitalize;
    white-space: nowrap;
    margin-right: .65rem;
    margin-bottom: .25rem
}

.search-bar__recent-searches__item__icon {
    display: inline-block
}

.search-bar__recent-searches__item__icon svg {
    height: 15px;
    width: 15px
}

.search-bar__collections {
    display: grid;
    grid-gap: .75rem;
    grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))
}

.search-bar_collection {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: .75rem;
    text-decoration: none
}

.search-bar_collection:hover, .search-bar_collection:focus {
    background: #e8e8e8
}

.search-bar_collection__images {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 2px;
    max-width: 44px;
    max-height: 44px;
    border-radius: 4px;
    margin-right: .75rem;
    overflow: hidden
}

.search-bar_collection__images > img:first-child {
    grid-column: span 2
}

.search-bar_collection__text {
    color: #1a1a1a;
    margin-bottom: 2px
}

.search-bar_collection__text__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-bar_collection__text__subtitle {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #5e5e5e
}

.search-bar__trending-searches {
    margin-bottom: -1rem
}

.search-bar__trending-searches > * {
    margin-bottom: 1rem !important;
    margin-right: 1rem !important
}

.image-tag {
    display: block;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
    color: #5e5e5e;
    padding: .4rem;
    padding-right: 1.85rem;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: .1s all ease;
    transition: .1s all ease
}

.image-tag:hover, .image-tag:focus {
    background: #e8e8e8;
    box-shadow: none
}

.image-tag--compact {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    padding: .35rem;
    padding-right: 1.25rem
}

.image-tag--compact .image-tag__img {
    width: 30px;
    height: 30px;
    margin-right: .75rem
}

.image-tag__img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 1rem;
    background-position: center;
    background-size: cover
}

.full-page-carousel {
    display: grid;
    grid-template-columns:1fr 1fr;
    height: 100vh;
    position: relative
}

@media (max-width: 900px) {
    .full-page-carousel {
        grid-template-columns:1fr;
        height: auto
    }
}

.full-page-carousel__dots {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .5rem
}

@media (max-width: 900px) {
    .full-page-carousel__dots {
        display: none
    }
}

.full-page-carousel__dots__dot {
    display: block;
    margin-bottom: .5rem;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.full-page-carousel__dots__dot.active {
    background: #fff
}

.full-page-carousel__content {
    position: relative;
    overflow-y: auto;
    padding: 1rem;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.full-page-carousel__content__container {
    max-width: 450px;
    margin: auto
}

.full-page-carousel__content__container__login {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 13px;
    white-space: nowrap
}

@media (max-width: 900px) {
    .full-page-carousel__content__container__login {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.full-page-carousel__content__container__login span {
    color: #5e5e5e;
    margin-right: .5rem
}

.full-page-carousel__content__container__login a {
    display: inline-block;
    color: #0064f9;
    border-radius: 6px;
    border: 1px solid #0064f9;
    padding: .5rem 1rem;
    text-decoration: none;
    font-weight: 500
}

.full-page-carousel__content__container__logo {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
    text-align: center;
    display: inline-block;
    width: 100%
}

@media (max-width: 900px) {
    .full-page-carousel__content__container__logo {
        padding-top: 5.5rem
    }
}

.full-page-carousel__content__container__logo svg {
    margin: auto;
    width: 70px;
    height: 70px
}

.full-page-carousel__content__container__title {
    display: block;
    font-size: 44px;
    line-height: 56px;
    font-weight: 800;
    margin-top: 0;
    letter-spacing: -1.5px;
    margin-bottom: 13px;
    text-align: center
}

.full-page-carousel__content__container__subtitle {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.5px;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 2.5rem
}

.full-page-carousel__slides {
    overflow: hidden
}

.full-page-carousel__slides__slider {
    -webkit-transition: 0s all ease-in-out;
    transition: 0s all ease-in-out;
    height: 100%;
    width: 100%
}

@media (max-width: 900px) {
    .full-page-carousel__slides__slider {
        -webkit-transform: none !important;
        transform: none !important
    }
}

.full-page-carousel__slides__slide {
    position: relative;
    min-height: 100%;
    min-width: 100%;
    height: 100vh;
    z-index: 0
}

.full-page-carousel__slides__slide__attribution {
    display: block;
    font-size: 13px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    position: absolute;
    bottom: .75rem;
    right: 1.15rem;
    text-decoration: none;
    z-index: 0
}

.full-page-carousel__slides__slide__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.full-page-carousel__slides__slide__background img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    top: 0
}

.full-page-carousel__slides__slide__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 550px;
    margin: auto;
    height: 100%;
    padding: 7.5rem 1rem 4.5rem 2.5rem;
    overflow-y: auto;
    position: relative;
    z-index: 0
}

@media (max-width: 900px) {
    .full-page-carousel__slides__slide__content {
        -webkit-box-pack: center;
        justify-content: center;
        overflow-y: visible
    }
}

.full-page-carousel__slides__slide__content__header {
    margin-bottom: 3rem
}

.full-page-carousel__slides__slide__content__header__title {
    display: block;
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    margin-top: 0;
    letter-spacing: -1px;
    margin-bottom: 13px
}

.full-page-carousel__slides__slide__content__header__subtitle {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: 0;
    margin-bottom: 13px
}

@media (min-width: 900px) {
    .full-page-carousel__slides__slide__content__header__subtitle {
        margin-bottom: 0
    }
}

@media (min-width: 900px) {
    .full-page-carousel__slides__slide__content__header__button {
        display: none
    }
}

.full-page-carousel__slides__slide__content__quote {
    text-align: center
}

.full-page-carousel__slides__slide__content__quote blockquote {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.full-page-carousel__slides__slide__content__quote blockquote p {
    display: block;
    font-size: 19px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: 0;
    margin-bottom: 15px
}

.full-page-carousel__slides__slide__content__quote blockquote a {
    text-decoration: none
}

.full-page-carousel__slides__slide__content__quote blockquote cite {
    display: block;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    font-style: normal;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.full-page-carousel__slides__slide__content__quote blockquote cite .rd__avatar {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 1rem
}

@media (max-width: 900px) {
    .full-page-carousel__slides__slide__content__quote {
        display: none
    }
}

.full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide__content__header__title, .full-page-carousel__slides__slide__content__header__subtitle {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.full-page-carousel__slides__slide__background img {
    opacity: .7;
    -webkit-transform: scale(1.05) translateY(10px);
    transform: scale(1.05) translateY(10px)
}

.full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__header__title {
    -webkit-transition: .75s all ease;
    transition: .75s all ease
}

.full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__header__subtitle {
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

.full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__header__title, .full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__content__header__subtitle {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.full-page-carousel__slides__slide.exiting .full-page-carousel__slides__slide__background img {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__header__title, .full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__header__subtitle {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__quote {
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

.full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__header__title {
    -webkit-transition: .75s all ease;
    transition: .75s all ease
}

.full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__content__header__subtitle {
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

.full-page-carousel__slides__slide.active .full-page-carousel__slides__slide__background img {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide__content__header__title, .full-page-carousel__slides__slide__content__header__subtitle, .full-page-carousel__slides__slide__background img {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none;
        transition: none
    }
}

.no-js .full-page-carousel__slides__slide__attribution, .no-js .full-page-carousel__slides__slide__content__quote, .no-js .full-page-carousel__slides__slide__content__header__title, .no-js .full-page-carousel__slides__slide__content__header__subtitle, .no-js .full-page-carousel__slides__slide__background img {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none;
    transition: none
}

@media (max-width: 900px) {
    .full-page-carousel__slides__slide__attribution, .full-page-carousel__slides__slide__content__quote, .full-page-carousel__slides__slide__content__header__title, .full-page-carousel__slides__slide__content__header__subtitle, .full-page-carousel__slides__slide__background img {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none;
        transition: none
    }
}

.rd__titled-section:not(:last-child) {
    margin-bottom: 3.5rem
}

@media (max-width: 849px) {
    .rd__titled-section:not(:last-child) {
        margin-bottom: 1.75rem;
        padding-bottom: 1.75rem;
        border-bottom: 1px solid #e8e8e8
    }

    .rd__titled-section.rd__titled-section--with-bottom-margin-mobile {
        margin-bottom: 1.75rem;
        padding-bottom: 1.75rem;
        border-bottom: 1px solid #e8e8e8
    }
}

.rd__titled-section__title-container {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: flex
}

@media (max-width: 849px) {
    .rd__titled-section__title-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.rd__titled-section__title-container__title {
    -webkit-box-flex: 1;
    flex: 1
}

.rd__titled-section__title-container__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.rd__titled-section__title-container__links a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #05a081;
    text-decoration: none
}

.rd__titled-section__title-container__links a:not(:last-of-type) {
    margin-right: .5rem
}

.rd__titled-section__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px
}

.rd__titled-section__content--raw-html {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0
}

.rd__titled-section__content--raw-html p {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 13px
}

.rd__titled-section__content--raw-html p:last-child {
    margin-bottom: 0
}

.rd__cta-section {
    max-width: 375px
}

@media (max-width: 849px) {
    .rd__cta-section {
        max-width: 100%
    }
}

.rd__cta-section__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

.rd__cta-section__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1rem
}

.rd__cta-section__content__users {
    position: relative;
    min-width: 60px;
    max-width: 60px;
    height: 30px;
    margin-right: .5rem
}

.rd__cta-section__content__users .rd__avatar {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    position: absolute;
    top: 0
}

.rd__cta-section__content__users .rd__avatar:nth-child(1) {
    left: 0;
    z-index: 3
}

.rd__cta-section__content__users .rd__avatar:nth-child(2) {
    left: 15px;
    z-index: 1
}

.rd__cta-section__content__users .rd__avatar:nth-child(3) {
    left: 30px;
    z-index: 0
}

.rd__cta-section__content__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: inline
}

.rd__cta-section__content__text strong {
    font-weight: 600
}

.notifications {
    position: relative;
    min-height: 50px;
    padding-top: .6rem;
    padding-left: .6rem;
    padding-right: .6rem
}

.notifications__title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 13px;
    color: #1a1a1a;
    padding-left: .6rem;
    padding-right: .6rem
}

.notifications--scroll-container {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 300px) {
    .notifications--scroll-container {
        width: 220px
    }
}

@media (min-width: 325px) {
    .notifications--scroll-container {
        width: 250px
    }
}

@media (min-width: 375px) {
    .notifications--scroll-container {
        width: 285px
    }
}

@media (min-width: 400px) {
    .notifications--scroll-container {
        width: 310px
    }
}

@media (min-width: 500px) {
    .notifications--scroll-container {
        width: 350px
    }
}

@media (min-width: 700px) {
    .notifications--scroll-container {
        width: 400px
    }
}

.notifications__info {
    position: absolute;
    top: .3rem;
    right: 1.15rem
}

.notification {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: .6rem;
    overflow: hidden;
    border-radius: 2px
}

.notification:not(:last-child) {
    margin-bottom: .6rem
}

.notification.notification--not-seen {
    background: rgba(5, 160, 129, .1)
}

.notification.notification--not-seen .notification__content__avatar {
    background: #fff
}

@media (max-width: 849px) {
    .notification {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.notifications__empty {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    color: #333;
    text-align: center;
    padding: 1.15rem 1.15rem 2.85rem
}

.notification__content {
    display: -webkit-box;
    display: flex;
    width: 100%
}

.notification__content__avatar {
    margin-right: 1.15rem;
    border-radius: 50%
}

.notification__content__avatar a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.notification__content__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a;
    width: 100%
}

.notification__content__text a {
    font-weight: 700;
    text-decoration: none;
    vertical-align: top
}

.notification__content__text__time {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.notification__image {
    font-size: 0;
    max-width: 60px;
    max-height: 50px;
    min-width: 60px;
    min-height: 50px;
    margin-left: .6rem;
    text-align: center;
    background-size: cover;
    background-position: center
}

@media (max-width: 549px) {
    .notification__image {
        min-width: 50px;
        max-width: 50px
    }
}

.main-nav-bar {
    --color-background: #232a34;
    /*--color-background: #fff;*/
    --color-foreground: #fff;
    --color-button-background: #05a081;
    --color-button-foreground: #fff;
    --color-search-bar-background: rgba(255, 255, 255, 0.95);
    --color-search-bar-background-focus: #fff;
    --color-search-bar-placeholder: #5e5e5e;
    background: #232a34;
    /*background: #fff;*/
    background: var(--color-background, #232a34);
    /*background: var(--color-background, #fff);*/
    /*position: fixed;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 66px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 1.15rem;
    z-index: 999;
}

.main-nav-bar > *:not(:last-child) {
    margin-right: 2.15rem
}

@media (max-width: 849px) {
    .main-nav-bar > *:not(:last-child) {
        margin-right: 1rem
    }
}

@media (max-width: 1000px) {
    .main-nav-bar .hide-when-mid-size-and-smaller {
        display: none !important
    }
}

@media (max-width: 849px) {
    .main-nav-bar .hide-when-ham-is-visible {
        display: none !important
    }
}

@media (min-width: 849px) {
    .main-nav-bar .show-when-hame-is-visible {
        display: none !important
    }
}

.main-nav-bar[data-light] {
    --color-background: #fff;
    --color-foreground: #5e5e5e;
    --color-button-background: #05a081;
    --color-button-foreground: #fff;
    --color-search-bar-background: rgba(232, 232, 232, 0.85);
    --color-search-bar-background-focus: #e8e8e8;
    --color-search-bar-placeholder: #5e5e5e
}

.main-nav-bar--black {
    --color-background: #000
}

.js-main-nav-bar--transparent {
    --color-background: none;
    --color-foreground: #fff;
    --color-button-background: #05a081;
    --color-button-foreground: #fff;
    --color-search-bar-background: none;
    --color-search-bar-background-focus: none;
    --color-search-bar-placeholder: none
}

.js-main-nav-bar--transparent .main-nav-bar__search-bar {
    display: none
}

.js-main-nav-bar--transparent.main-nav-bar--inverted {
    --color-foreground: #5e5e5e
}

.main-nav-bar__logo {
    display: block;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    color: var(--color-foreground, #fff);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

.main-nav-bar__logo:hover .main-nav-bar__logo__text {
    opacity: .75
}

.main-nav-bar__logo__img {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.main-nav-bar__logo__img svg {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

.main-nav-bar__logo__text {
    margin-left: 1rem
}

.main-nav-bar__search-bar {
    max-width: 750px;
    width: 100%
}





ul.main-nav-bar__sub-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: -2.15rem
}

ul.main-nav-bar__sub-nav > li {
    margin-right: 2.15rem
}

@media (max-width: 849px) {
    ul.main-nav-bar__sub-nav {
        margin-right: -1rem
    }

    ul.main-nav-bar__sub-nav > li {
        margin-right: 1rem
    }
}

.main-nav-bar__sub-nav__item.rd__button, .main-nav-bar__sub-nav__item.rd__button:hover {
    color: #fff;
    color: var(--color-foreground, #fff);
    background: 0 0
}

.main-nav-bar__sub-nav__item {
    display: block;
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    color: var(--color-foreground, #fff);
    text-decoration: none;
    background: 0 0;
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    -webkit-transition: .1s opacity ease;
    transition: .1s opacity ease;
    white-space: nowrap
}

.main-nav-bar__sub-nav__item i {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.main-nav-bar__sub-nav__item i svg {
    width: 25px;
    height: 25px
}

.main-nav-bar__sub-nav__item i svg, .main-nav-bar__sub-nav__item i svg path {
    fill: #fff;
    fill: var(--color-foreground, #fff)
}

[data-active=true] .main-nav-bar__sub-nav__item, .main-nav-bar__sub-nav__item:hover {
    opacity: .75
}

.main-nav-bar__sub-nav__item--button {
    color: #fff;
    color: var(--color-button-foreground, #fff);
    background: #05a081;
    background: var(--color-button-background, #05a081);
    padding: .8rem 2rem;
    -webkit-transition: .1s -webkit-transform ease;
    transition: .1s -webkit-transform ease;
    transition: .1s transform ease;
    transition: .1s transform ease, .1s -webkit-transform ease;
    font-weight: 600
}

.main-nav-bar__sub-nav__item--button:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.main-nav-bar__sub-nav__item--button:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.main-nav-bar__sub-nav__item--avatar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.main-nav-bar__sub-nav__item--avatar .rd__avatar {
    margin-right: .5rem
}

.main-nav-bar-padding {
    position: relative;
    width: 100%;
    height: 66px
}

.main-nav-bar__overlay {
    --color-background: #232a34;
    --color-foreground: #fff;
    --color-button-background: #05a081;
    --color-button-foreground: #fff;
    --color-search-bar-background: rgba(255, 255, 255, 0.95);
    --color-search-bar-background-focus: #fff;
    --color-search-bar-placeholder: #5e5e5e;
    color: #fff;
    color: var(--color-foreground, #fff);
    background: #232a34;
    background: var(--color-background, #232a34);
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 2.25rem;
    padding-bottom: 1rem;
    overflow-y: auto;
    z-index: 29;
    display: none
}

.main-nav-bar__overlay ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-nav-bar__overlay ul li a {
    display: inline-block;
    text-decoration: none;
    width: 100%
}

.main-nav-bar__overlay[data-open=true] {
    display: block
}

.main-nav-bar__overlay[data-light] {
    --color-background: #fff;
    --color-foreground: #5e5e5e;
    --color-button-background: #05a081;
    --color-button-foreground: #fff;
    --color-search-bar-background: rgba(232, 232, 232, 0.85);
    --color-search-bar-background-focus: #e8e8e8;
    --color-search-bar-placeholder: #5e5e5e
}

ul.main-nav-bar__overlay__section li {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: .65rem
}

ul.main-nav-bar__overlay__section li a {
    opacity: .7
}

ul.main-nav-bar__overlay__section li a img {
    margin-left: .5rem
}

ul.main-nav-bar__overlay__section li:hover a {
    opacity: 1
}

ul.main-nav-bar__overlay__section li:hover:before {
    background: #fff;
    background: var(--color-foreground, #fff);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 5px;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

ul.main-nav-bar__overlay__section--large li {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: .7rem
}





hr.main-nav-bar__overlay__divider {
    background: #fff;
    background: var(--color-foreground, #fff);
    margin-bottom: 1.75rem;
    margin-top: 1.75rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 1px;
    border: none;
    opacity: .3
}

hr.main-nav-bar__overlay__divider--full-width {
    margin-left: 0;
    margin-right: 0
}

ul.main-nav-bar__overlay__icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(5, 1fr)
}

ul.main-nav-bar__overlay__icons li a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

ul.main-nav-bar__overlay__icons li a i {
    font-size: 1.5rem
}

ul.main-nav-bar__overlay__icons li a i svg {
    fill: #fff
}










.hero {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 1.15rem;
    padding-top: 74px;
    padding-bottom: 66px;
    color: #fff;
    background-color: #d3d3d3;
    text-decoration: none;
    height: 100%;
    max-height: 500px;
    min-height: 380px;
    z-index: 1
}

.hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    z-index: 2
}

.hero.hero--dark-overlay:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%)
}

.hero--large {
    max-height: 650px;
    min-height: 600px
}

.hero--flex-start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.hero--flex-start:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%)
}

.hero--flex-start.hero--dark-overlay:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%)
}

.hero--full-screen {
    max-height: none;
    min-height: 95vh
}

.hero__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hero__background img, .hero__background video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #232a34
}

.hero__content {
    max-width: 650px;
    width: 100%;
    z-index: 3
}

.hero__content--wide {
    max-width: 900px
}

.hero__content--left {
    margin: 0 7.5rem
}

@media (max-width: 849px) {
    .hero__content--left {
        margin: 0
    }
}

.hero__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px
}

.hero__subtitle {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px
}

.lp .hero__title {
    display: block;
    font-size: 54px;
    line-height: 59px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -.7px;
    margin-bottom: 25px
}

@media (max-width: 849px) {
    .lp .hero__title {
        display: block;
        font-size: 40px;
        line-height: 49px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.lp .hero__subtitle {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 28px
}

.hero__search-container .rd__text-input {
    margin-top: 2.85rem
}

.hero__search-container__search-tags {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.hero__search-container__search-tags > *:not(:last-child) {
    margin-right: .6rem
}

ul.hero__search-container__search-tags__tag-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    list-style: none;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: .6rem 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

ul.hero__search-container__search-tags__tag-container ul {
    padding: 0;
    margin: 0
}

ul.hero__search-container__search-tags__tag-container > li:last-child {
    margin-bottom: 1px
}

@media (max-width: 849px) {
    ul.hero__search-container__search-tags__tag-container > li:last-child {
        overflow-x: auto
    }

    ul.hero__search-container__search-tags__tag-container > li:last-child::-webkit-scrollbar {
        background: 0 0
    }
}

ul.hero__search-container__search-tags__tag-container li {
    display: inline-block
}

ul.hero__search-container__search-tags__tag-container li a {
    text-decoration: none
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0.3rem/2;
    opacity: .8
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag:hover {
    opacity: 1
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag:hover:after {
    opacity: .8
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag:not(:last-child):after {
    content: ",";
    margin-left: -3px
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag:first-child {
    margin-left: .6rem
}

ul.hero__search-container__search-tags__tag-container .hero__search-container__search-tags__tag-container__tag:last-child {
    margin-right: .6rem
}

@media (max-width: 849px) {
    ul.hero__search-container__search-tags__tag-container li.hero__search-container__search-tags__tag-container__suggested {
        display: none
    }
}

.hero__footer {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 1.15rem;
    z-index: 3
}

@media (max-width: 849px) {
    .hero__footer {
        display: none
    }
}

.hero__footer__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    font-weight: inherit
}

.hero__footer__item a {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    text-decoration: none;
    opacity: .5
}

.hero__footer__item a:hover {
    opacity: 1
}

.hero__footer__item--align-right {
    align-self: flex-end;
    text-align: right
}

.hero__promo {
    position: absolute;
    z-index: 3;
    bottom: 1.15rem;
    max-width: calc(100% - 32px);
    background: rgba(255, 255, 255, .8);
    color: #1a1a1a;
    text-decoration: none;
    padding: .6rem 1.15rem;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out
}

.hero__promo.hidden {
    margin-bottom: -60px;
    display: block !important;
    visibility: hidden
}

.hero__down-arrow {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero__down-arrow .rd__svg-icon {
    width: 40px;
    height: 40px
}

.profile-header {
    max-width: 700px;
    margin: 0 auto
}

.profile-header__user-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}















@media (max-width: 849px) {
    .profile-header__user-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }

    .profile-header__user-info .profile-header__user-info__details {
        align-self: auto
    }

    .profile-header__user-info .profile-header__user-info__avatar {
        margin-bottom: .6rem;
        align-self: auto
    }

    .profile-header__user-info .profile-header__user-info__details__title {
        -webkit-box-align: center;
        align-items: center
    }

    .profile-header__user-info .profile-header__user-info__details__bio {
        text-align: center
    }

    .profile-header__user-info .profile-header__user-info__details__social-links, .profile-header__user-info .profile-header__user-info__details__stats {
        -webkit-box-pack: center;
        justify-content: center
    }
}

.profile-header__user-info__avatar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: flex-start;
    padding-top: .6rem
}

@media (min-width: 850px) {
    .profile-header__user-info__avatar {
        padding-right: 2.85rem
    }
}

.profile-header__user-info__avatar__container {
    position: relative;
    height: 128px;
    width: 128px
}

.profile-header__user-info__avatar__container img {
    min-width: 100%;
    height: auto;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-header__user-info__avatar__container__badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    fill: #05a081;
    padding: 2px;
    -webkit-transform: translate(25%, -25%);
    transform: translate(25%, -25%);
    z-index: 0
}

.profile-header__user-info__avatar__container__badge svg {
    z-index: 1
}

.profile-header__user-info__avatar__container__badge:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    z-index: -1
}

.profile-header__user-info__details {
    align-self: flex-start
}

.profile-header__user-info__details__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-header__user-info__details__title h1 {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1.15rem
}

@media (max-width: 849px) {
    .profile-header__user-info__details__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .profile-header__user-info__details__title h1 {
        margin-bottom: .6rem
    }
}

.profile-header__user-info__details__bio {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.profile-header__section {
    margin-bottom: 1.15rem
}

.profile-header__fact {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.profile-header__fact__label {
    color: #5e5e5e;
    display: block
}

.profile-header__featured-in__container {
    padding: 0 1.15rem;
    min-width: 250px
}

.profile-header__featured-in__container__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.profile-header__featured-in__container__item:not(:last-child) {
    margin-bottom: .6rem
}

.profile-header__featured-in__container__item img {
    margin-right: .6rem
}

.profile-header__featured-in__container__item a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-section {
    margin-bottom: 2.85rem
}

.profile-section:first-child {
    margin-top: 5.75rem
}

@media (max-width: 849px) {
    .profile-section:first-child {
        margin-top: 1.15rem
    }
}

.profile-section--half-margin {
    margin-bottom: 1.15rem
}

.profile-follows {
    max-width: 500px;
    margin: auto;
    margin-bottom: 2.85rem
}

.profile-follows__link {
    text-decoration: none
}

.profile-sort-tab {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-sort-tab > *:first-child {
    margin-top: 1px
}

.profile-sort-tab > * {
    color: #a6aaad;
    display: -webkit-inline-box;
    display: inline-flex
}

.profile-stats {
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 8rem;
    background: #fff;
    min-height: 100vh;
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 1000px) {
    .profile-stats {
        padding-left: 0;
        padding-right: 0
    }
}

.profile-stats__sub-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2rem
}

@media (max-width: 1000px) {
    .profile-stats__sub-nav {
        display: none
    }
}

button.profile-stats__sub-nav__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 21px;
    white-space: nowrap;
    line-height: 1;
    padding-left: 1.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 3rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    background: #fff;
    border: none;
    border-radius: 96px
}

button.profile-stats__sub-nav__button i, button.profile-stats__sub-nav__button svg {
    height: 33px;
    width: 33px
}

button.profile-stats__sub-nav__button i {
    margin-right: 2rem
}

.profile-stats__header {
    text-align: center;
    margin-bottom: 4.5rem;
    margin-top: 7rem
}

.profile-stats__header__title {
    display: block;
    font-size: 62px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2rem
}

.profile-stats__grid__card__header__title__live {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #d33232;
    margin-right: .75rem;
    -webkit-animation: blink 1s infinite alternate;
    animation: blink 1s infinite alternate
}

@-webkit-keyframes blink {
    from {
        opacity: .75
    }
    to {
        opacity: 1
    }
}

@keyframes blink {
    from {
        opacity: .75
    }
    to {
        opacity: 1
    }
}

.profile-stats__header__subtitle {
    display: block;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.profile-stats__grid {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-gap: 1rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1000px) {
    .profile-stats__grid {
        grid-template-columns:minmax(0, 1fr)
    }
}

.profile-stats__grid__card {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 3px #0000001a;
    border: 1px solid #e6e6e6;
    padding: 2rem;
    padding-bottom: 2.85rem;
    min-width: 100%
}

@media (max-width: 1000px) {
    .profile-stats__grid__card {
        padding-left: .75rem;
        padding-right: .75rem;
        padding-top: 1.5rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1000px) {
    .profile-stats__grid__card--scroll .profile-stats__grid__card__content {
        position: relative
    }

    .profile-stats__grid__card--scroll .profile-stats__grid__card__content:before, .profile-stats__grid__card--scroll .profile-stats__grid__card__content:after {
        position: absolute;
        left: 0;
        right: 0;
        height: 1rem;
        z-index: 1
    }

    .profile-stats__grid__card--scroll .profile-stats__grid__card__content:before {
        content: "";
        top: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(35%, #fff), to(transparent));
        background: linear-gradient(180deg, #fff 0%, #fff 35%, transparent 100%)
    }

    .profile-stats__grid__card--scroll .profile-stats__grid__card__content:after {
        content: "";
        bottom: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, #fff), to(transparent));
        background: linear-gradient(0deg, #fff 0%, #fff 35%, transparent 100%)
    }

    .profile-stats__grid__card--scroll .profile-stats__grid__card__content .profile-stats__grid__card__content__scroll {
        margin-top: -.75rem;
        margin-left: -2rem;
        padding-left: 2rem;
        margin-right: -2rem;
        padding-right: 2rem;
        overflow: auto;
        height: 100%;
        max-height: 550px
    }
}

.profile-stats__grid__card[data-overlay] {
    z-index: 1
}

.profile-stats__grid__card[data-overlay]:after {
    content: "";
    border-radius: 20px;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0
}

.profile-stats__grid__card[data-overlay] .profile-stats__grid__card__content:after, .profile-stats__grid__card[data-overlay] .profile-stats__grid__card__content:before {
    content: none
}

.profile-stats__grid__card--ad {
    background: #000;
    color: #fff;
    padding-bottom: 5rem;
    padding-top: 4.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    box-shadow: none
}

.profile-stats__grid__card--full-width {
    grid-column: 1/-1;
    max-width: calc(100vw - 2rem)
}

.profile-stats__grid__card__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.75rem
}

.profile-stats__grid__card__header .rd__button {
    font-size: 15px;
    white-space: nowrap;
    border-radius: 30px;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    box-shadow: none;
    font-weight: 600
}

@media (max-width: 1000px) {
    .profile-stats__grid__card__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 2.25rem
    }

    .profile-stats__grid__card__header .rd__button {
        margin-bottom: .5rem;
        margin-top: 1.75rem;
        font-weight: 700
    }
}

.profile-stats__grid__card__header__title {
    display: block;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats__grid__card__show-more-footer {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    background: 0 0;
    border: none;
    text-align: center;
    width: 100%;
    padding: 0;
    padding: 1rem;
    cursor: pointer;
    border-radius: 8px;
    -webkit-transition: .25s background, -webkit-transform ease-in-out;
    transition: .25s background, -webkit-transform ease-in-out;
    transition: .25s background, transform ease-in-out;
    transition: .25s background, transform ease-in-out, -webkit-transform ease-in-out;
    text-decoration: none;
    margin-top: 2.25rem;
    margin-bottom: -1rem;
    text-transform: uppercase
}

.profile-stats__grid__card__show-more-footer:focus, .profile-stats__grid__card__show-more-footer:hover {
    background: #efefef
}

.profile-stats__grid__card__show-more-footer:focus {
    outline: none;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.profile-stats__grid__card__show-more-footer:disabled {
    background: 0 0;
    -webkit-transform: none;
    transform: none
}

@media (max-width: 1000px) {
    .profile-stats__grid__card__show-more-footer {
        margin-top: 1.5rem
    }
}

.profile-stats__grid__card__help-icon {
    position: absolute;
    bottom: .25rem;
    right: 0
}

.profile-stats__grid__card__help-icon svg {
    height: 30px;
    width: 30px
}

.profile-stats__grid__card__help-icon svg path {
    fill: #969696
}

ul.profile-stats-card__leaderboard {
    list-style: none;
    padding-left: 0;
    display: grid;
    grid-template-columns:1fr 70px
}

ul.profile-stats-card__leaderboard li {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 .25rem
}

ul.profile-stats-card__leaderboard li:first-child {
    padding-left: 0
}

ul.profile-stats-card__leaderboard li:last-child {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-right: 0
}

ul.profile-stats-card__leaderboard .profile-stats-card__img-text {
    max-width: 100%;
    overflow: hidden
}

@media (max-width: 350px) {
    ul.profile-stats-card__leaderboard .profile-stats-card__img-text__logo {
        display: none
    }
}

ul.profile-stats-card__leaderboard--header {
    padding-bottom: 1.15rem;
    padding-top: 0;
    margin-top: -.5rem
}

ul.profile-stats-card__leaderboard--header li {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats-card__list {
    padding-left: 0;
    list-style: none;
    margin-top: 0
}

.profile-stats-card__list__divider, .profile-stats-card__list__item {
    border-bottom: 1px solid #e8e8e8
}

.profile-stats-card__list__item {
    padding: .75rem 0
}

.profile-stats-card__list__item > a {
    text-decoration: none
}

.profile-stats-card__list__item[data-active] {
    border: 2px solid #0064f9;
    border-radius: 10px;
    margin-left: -.75rem;
    padding-left: .75rem;
    margin-right: -.75rem;
    padding-right: .75rem
}

@media (max-width: 1000px) {
    .profile-stats-card__list__item[data-active] {
        margin-left: -.75rem;
        padding-left: .75rem;
        margin-right: -.75rem;
        padding-right: .75rem
    }
}

.profile-stats-card__list__item[data-no-border] {
    border-bottom: none
}

.profile-stats-card__list__divider {
    padding: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.profile-stats-card__list__divider svg {
    width: 40px;
    height: 40px;
    fill: #5e5e5e
}

.profile-stats-card__img-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats-card__img-text__logo {
    border-radius: 12px;
    margin-right: 1rem;
    min-height: 60px;
    min-width: 60px;
    max-height: 60px;
    max-width: 60px;
    height: 60px;
    width: 60px;
    cursor: pointer;
    -o-object-fit: contain;
    object-fit: contain
}

.profile-stats-card__img-text__logo--round {
    border-radius: 50%
}

.profile-stats-card__img-text__text span.light {
    color: #969696
}

.profile-stats-card__img-text__text__title {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: .4rem
}

.profile-stats-card__img-text__text__subtitle {
    display: block;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.profile-stats-card__img-text__text__title, .profile-stats-card__img-text__text__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-featured-in {
    list-style: none;
    margin: 0;
    padding: 0
}

.profile-stats-card__featured-in {
    position: relative;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 1rem;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    z-index: 0
}

.profile-stats-card__featured-in[data-active] {
    z-index: 1;
    background: #fff;
    box-shadow: 0 10px 10px 1px rgba(0, 0, 0, .05);
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -1rem;
    margin-right: -1rem
}

.profile-stats-card__featured-in[data-active] .profile-stats-card__featured-in__bottom-panel {
    display: block
}

.profile-stats-card__featured-in[data-active] .profile-stats-card__featured-in__right__show-urls {
    background: #0064f9;
    color: #fff
}

.profile-stats-card__featured-in[data-active] .profile-stats-card__featured-in__right__show-urls svg {
    fill: #fff
}

.profile-stats-card__featured-in[data-active] .profile-stats-card__featured-in__right__show-urls svg:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.profile-stats-card__featured-in[data-no-border] {
    border-color: transparent;
    z-index: -1
}

.profile-stats-card__featured-in__top_panel {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.profile-stats-card__featured-in__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats-card__featured-in__right__show-urls {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 1rem;
    background: #e8e8e8;
    border-radius: 30px;
    border: none;
    padding: .65rem .75rem;
    cursor: pointer
}

.profile-stats-card__featured-in__right__show-urls:focus {
    outline: none
}

.profile-stats-card__featured-in__right__show-urls .rd__svg-icon:first-child {
    width: 16px;
    height: 16px;
    margin-right: .25rem
}

.profile-stats-card__featured-in__right__show-urls .rd__svg-icon:last-child {
    width: 14px;
    height: 14px;
    margin-left: .5rem
}

.profile-stats-card__featured-in__right__show-urls span {
    margin-top: 1px
}

.profile-stats-card__featured-in__right__image {
    height: 60px;
    width: 60px;
    max-height: 60px;
    max-width: 60px;
    min-width: 60px;
    min-height: 60px
}

@media (max-width: 900px) {
    .profile-stats-card__featured-in__right__image {
        display: none
    }
}

.profile-stats-card__featured-in__bottom-panel {
    display: none;
    position: absolute;
    top: calc(100%);
    left: 0;
    right: 0;
    background: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    z-index: 1;
    box-shadow: 0 10px 10px 1px rgba(0, 0, 0, .05)
}

.profile-stats-card__featured-in__bottom-panel__list li, .profile-stats-card__featured-in__bottom-panel__title {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.profile-stats-card__featured-in__bottom-panel__list li:not(:last-child), .profile-stats-card__featured-in__bottom-panel__title:not(:last-child) {
    margin-bottom: .85rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e8e8e8
}

.profile-stats-card__featured-in__bottom-panel__list li a, .profile-stats-card__featured-in__bottom-panel__title a {
    text-decoration: none
}

.profile-stats-card__featured-in__bottom-panel__title {
    color: #5e5e5e
}

.profile-stats-card__featured-in__bottom-panel__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.profile-stats-card__featured-in__bottom-panel__list li a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats-card__featured-in__bottom-panel__list li a span {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl
}

.profile-stats-card__featured-in__bottom-panel__list li a .rd__svg-icon {
    margin-top: 1px;
    margin-right: .5rem;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px
}

.profile-stats-card__featured-in__bottom-panel__list li a .rd__svg-icon svg {
    fill: #a6aaad
}

.js-stats-help svg {
    width: 20px;
    height: 20px;
    fill: #d3d3d3
}

.profile-stats-card__overview__buttons {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    border-radius: 16px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    margin-bottom: 2rem;
    -ms-overflow-style: none
}

.profile-stats-card__overview__buttons::-webkit-scrollbar {
    display: none
}

.profile-stats-card__overview__buttons button {
    color: #333;
    position: relative;
    text-align: left;
    border: none;
    padding: 1.75rem 1.6rem;
    background: #fff;
    margin: 0;
    cursor: pointer
}

.profile-stats-card__overview__buttons button[data-active] {
    color: #fff
}

.profile-stats-card__overview__buttons button:not([data-active]):not(:last-child) {
    border-right: 1px solid #e8e8e8
}

.profile-stats-card__overview__buttons button:focus {
    outline: none
}

.profile-stats-card__overview__buttons button.green {
    background: #00b570;
    color: #fff;
    border-color: #00b570
}

.profile-stats-card__overview__buttons button.purple {
    background: #6e1be2;
    color: #fff;
    border-color: #6e1be2
}

.profile-stats-card__overview__buttons button.green .js-stats-help svg, .profile-stats-card__overview__buttons button.purple .js-stats-help svg {
    fill: rgba(255, 255, 255, .5)
}

.profile-stats-card__overview__buttons button span {
    display: block;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 1rem
}

@media (max-width: 1000px) {
    .profile-stats-card__overview__buttons button span {
        font-size: 19px
    }
}

.profile-stats-card__overview__buttons button strong {
    display: block;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1000px) {
    .profile-stats-card__overview__buttons button strong {
        font-size: 38px
    }
}

.profile-stats-card__overview__buttons .js-stats-help {
    display: none;
    position: absolute;
    right: .75rem;
    bottom: .75rem
}

.profile-stats-card__overview__graph {
    position: relative;
    padding-bottom: 30%;
    z-index: 0
}

@media (max-width: 800px) {
    .profile-stats-card__overview__graph {
        padding-bottom: 75%
    }
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip {
    opacity: 0;
    position: absolute;
    max-width: 300px;
    width: 100%;
    z-index: 1;
    font-size: 19px;
    white-space: nowrap;
    pointer-events: none;
    -webkit-transition: 250ms left, -webkit-transform ease;
    transition: 250ms left, -webkit-transform ease;
    transition: 250ms left, transform ease;
    transition: 250ms left, transform ease, -webkit-transform ease;
    padding: 0 2rem
}

@media (max-width: 800px) {
    .profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip {
        max-width: 250px
    }
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip .profile-stats-card__overview__graph__tooltip__content {
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    border-radius: 6px;
    padding: 1rem
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip .js-stats-overview-chart-tooltip-date {
    margin-bottom: 1rem;
    color: #5e5e5e
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip ul li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip ul li > * {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip ul li:not(:last-child) {
    margin-bottom: .5rem
}

.profile-stats-card__overview__graph .profile-stats-card__overview__graph__tooltip ul li .js-stats-overview-chart-tooltip-color {
    display: inline-block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: grey;
    margin-right: 1rem
}

.profile-stats-card__overview__graph svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.profile-stats-card__overview__graph .tick text {
    font-size: 16px;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    color: #969696
}

.profile-stats-card__overview__graph .vertical-grid {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.profile-stats-card__overview__graph .horizontal-grid .domain {
    stroke: none
}

.profile-stats-card__overview__graph .horizontal-grid .tick line {
    stroke: #e6e6e6
}

.profile-stats-card__overview__graph .vertical-grid .domain, .profile-stats-card__overview__graph .vertical-grid .tick line {
    display: none
}

ul.stats-top-photos {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(225px, 1fr));
    grid-gap: .75rem
}

@media (max-width: 550px) and (min-width: 375px) {
    ul.stats-top-photos {
        grid-template-columns:1fr 1fr;
        grid-gap: .5rem
    }
}

li.profile-stats-card__top-photos {
    position: relative;
    padding-top: 100%;
    overflow: hidden
}

li.profile-stats-card__top-photos img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-stats-card__top-photos__video-icon {
    position: absolute;
    top: .75rem;
    right: .75rem;
    width: 30px;
    height: 30px
}

.profile-stats-card__top-photos__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.profile-stats-card__top-photos__text {
    position: absolute;
    bottom: 1.5rem;
    color: #fff;
    width: 50%
}

@media (max-width: 550px) {
    .profile-stats-card__top-photos__text {
        bottom: 1rem;
        width: calc(50% - 1rem);
        overflow: hidden
    }
}

.profile-stats-card__top-photos__text--left {
    left: 1.5rem
}

@media (max-width: 550px) and (min-width: 375px) {
    .profile-stats-card__top-photos__text--left {
        left: 1rem
    }
}

.profile-stats-card__top-photos__text--right {
    right: 1.5rem;
    text-align: right
}

@media (max-width: 550px) and (min-width: 375px) {
    .profile-stats-card__top-photos__text--right {
        right: 1rem
    }
}

.profile-stats-card__top-photos__text__pre {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: .25rem
}

@media (max-width: 550px) and (min-width: 375px) {
    .profile-stats-card__top-photos__text__pre {
        font-size: 10px
    }
}

.profile-stats-card__top-photos__text__main {
    display: block;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 550px) and (min-width: 375px) {
    .profile-stats-card__top-photos__text__main {
        font-size: 20px
    }
}

.profile-stats-card__ad {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    text-align: center
}

.profile-stats-card__ad__text {
    margin-bottom: 2rem
}

.profile-stats-card__ad__text__title {
    display: block;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 1.5rem
}

.profile-stats-card__ad__text__subtitle {
    display: block;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.profile-stats-card__ad__cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.profile-stats-card__ad__cta .rd__button {
    font-size: 21px;
    font-weight: 600;
    border-radius: 30px;
    padding: 1.25rem 2.5rem
}

ul.profile-stats-card__popular-topics {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-top: 3.25rem
}

ul.profile-stats-card__popular-topics li {
    display: inline-block
}

ul.profile-stats-card__popular-topics li a {
    text-decoration: none;
    display: inline-block;
    background: #efefef;
    font-size: 19px;
    white-space: nowrap;
    padding: .75rem 1.5rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border-radius: 30px
}

.profile-stats-card__feedback {
    padding-left: 0;
    list-style: none;
    margin: 0;
    margin-top: 1.25rem
}

.profile-stats-card__feedback__message {
    margin-bottom: 2.75rem;
    -webkit-transition: .15s background ease;
    transition: .15s background ease
}

.profile-stats-card__feedback__message:last-child {
    margin-bottom: .5rem
}

.profile-stats-card__feedback__message--shortened {
    cursor: pointer
}

.profile-stats-card__feedback__message--shortened .profile-stats-card__feedback__message__bubble:hover {
    background: #d3d3d3
}

.profile-stats-card__feedback__message--shortened .profile-stats-card__feedback__message__bubble:focus .profile-stats-card__feedback__message__bubble {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.profile-stats-card__feedback__message__bubble {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: 20px;
    border-bottom-right-radius: 10px;
    padding: 1.5rem;
    background: #efefef;
    margin-bottom: 1rem
}

.profile-stats-card__feedback__message__bubble__text {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

.profile-stats-card__feedback__message__bubble__img {
    display: block;
    margin-left: 2.5rem;
    width: 100%
}

.profile-stats-card__feedback__message__bubble__img, .profile-stats-card__feedback__message__bubble__img img {
    height: 70px;
    width: 70px;
    min-height: 70px;
    min-width: 70px;
    max-height: 70px;
    max-width: 70px
}

.profile-stats-card__feedback__message__notes {
    display: block;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #969696;
    font-weight: 400;
    margin-left: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-stats-card__feedback__message__notes a {
    text-decoration: none
}

.profile-stats-card__live-views {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 2.5rem
}

.profile-stats-card__live-views__number {
    font-size: 74px;
    margin-bottom: 3rem
}

.signed-in .rd__leaderboard-card__cta-buttons__view-more {
    margin-right: 0 !important
}

.signed-in .rd__leaderboard-card__cta-buttons__join {
    display: none
}

.sticky-related-search {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 29;
    padding: 1.15rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 849px) {
    #photo-modal > .rd__modal__overlay > .rd__modal__content {
        margin: 0;
        border-radius: 0;
        padding: 0;
        top: 50px;
        width: 100%
    }

    #photo-modal > .rd__modal__overlay > .rd__modal__content .rd__modal__content__forward-button, #photo-modal > .rd__modal__overlay > .rd__modal__content .rd__modal__content__back-button {
        -webkit-transform: none;
        transform: none;
        z-index: 999;
        top: 75px
    }
}

@media (max-width: 849px) {
    #after-download-popup > .rd__modal__overlay > .rd__modal__content {
        left: 1.15rem;
        right: 1.15rem;
        padding: 1.15rem;
        max-width: calc(100% - (1.15rem * 2));
        width: 100%
    }

    #after-download-popup > .rd__modal__overlay > .rd__modal__content .rd__modal__content__forward-button, #after-download-popup > .rd__modal__overlay > .rd__modal__content .rd__modal__content__back-button {
        -webkit-transform: none;
        transform: none;
        z-index: 999;
        top: 75px
    }
}

#photo-page-body {
    margin: 2.85rem 5.75rem
}

@media (max-width: 849px) {
    #photo-page-body {
        margin: 0
    }
}

.photo-page {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 1.75rem;
    min-height: 1000px
}

@media (max-width: 849px) {
    .photo-page {
        margin: 0
    }

    .photo-page .sponsored-photos--small {
        max-height: 100%
    }
}

@media (max-width: 849px) {
    .photo-page .photo-page__hidden-on-mobile {
        display: none !important
    }
}

@media (min-width: 850px) {
    .photo-page .photo-page__visible-on-mobile {
        display: none !important
    }
}

.photo-page-navbar {
    display: none
}

@media (max-width: 849px) {
    .photo-page-navbar {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: #fff;
        z-index: 111;
        padding: 0 1.15rem
    }
}

.photo-page__mini-profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    margin-right: 20px
}

.photo-page__mini-profile__avatar {
    margin-right: 10px;
    max-width: 52px;
    max-height: 52px;
    min-width: 52px;
    min-height: 52px
}

.photo-page__mini-profile__text {
    max-width: 150px
}

.photo-page__mini-profile__text > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.photo-page__mini-profile__text__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.photo-page__mini-profile__text__subtitle {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.photo-page__action-buttons {
    margin-left: .6rem
}

@media (max-width: 849px) {
    .photo-page__action-buttons-level-item {
        width: 100%
    }

    .photo-page__action-buttons {
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0;
        margin-bottom: .6rem
    }

    .photo-page__action-buttons .js-photo-page-action-buttons-like, .photo-page__action-buttons .js-photo-page-action-buttons-collect {
        width: calc(50% - 0.575rem)
    }

    .photo-page__action-buttons .js-photo-page-action-buttons-like {
        margin-left: 0 !important;
        margin-right: .575rem !important
    }

    .photo-page__action-buttons .js-photo-page-action-buttons-collect {
        margin-right: 0 !important;
        margin-left: .575rem !important
    }

    .photo-page__action-buttons .js-photo-page-action-buttons-download {
        margin: 0;
        margin-top: 1.15rem;
        width: 100%
    }

    .photo-page__action-buttons .rd__button--download {
        width: 100%
    }
}

.photo-page__section {
    position: relative;
    padding: 0 5px
}

.photo-page__section--action-bar {
    margin-bottom: 35px;
    padding: 0
}

.photo-page__section--photo {
    margin-bottom: 1.75rem
}

.photo-page__section--photo-details {
    margin-bottom: 20px
}

.photo-page__section--info {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px
}

.photo-page__section--related-photos {
    margin-bottom: 50px
}

.photo-page__section--sponsored-photos {
    margin-bottom: 50px
}

.photo-page__section--user-actions {
    margin-top: 25px
}

.photo-page__section--user-actions .rd__button-group {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.photo-page__section__title {
    margin-bottom: 1.15rem
}

.photo-page__section__title__large-text {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__section__title__small-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.photo-page__section__title__small-text a {
    text-decoration: none
}

.photo-page__section__title__tabs > *:not(:last-child) {
    margin-right: 1rem
}

@media (max-width: 849px) {
    .photo-page__section {
        padding: 0 1.15rem
    }

    .photo-page__section--action-bar {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin-bottom: 1.15rem
    }

    .photo-page__section--photo {
        -webkit-box-ordinal-group: 2;
        order: 1;
        padding: 0;
        margin-bottom: 1.15rem
    }

    .photo-page__section--photo-details {
        -webkit-box-ordinal-group: 4;
        order: 3;
        margin-bottom: 1.15rem
    }

    .js-modal-below-the-fold-content {
        -webkit-box-ordinal-group: 5;
        order: 4
    }
}

.photo-page__photo__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.photo-page__photo__image iframe {
    min-width: 100%;
    height: 65vh
}

.photo-page__photo__image img {
    height: 100%;
    min-height: auto;
    width: 100%;
    min-height: 250px
}

@media (max-width: 849px) {
    .photo-page__photo__image img {
        max-height: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important
    }
}

.photo-page__photo-details-overview {
    max-width: 650px;
    margin: auto;
    text-align: center
}

.photo-page__photo-details-overview__description {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    color: #5e5e5e
}

.photo-page__photo-details-overview__description-item:not(:last-child) {
    margin-right: 1.15rem
}

.photo-page__photo-details-overview__description-item p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__related-tags {
    position: relative
}

ul.photo-page__related-tags__container {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    padding-bottom: 30px;
    margin-bottom: -15px;
    white-space: nowrap;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

ul.photo-page__related-tags__container li {
    display: inline-block;
    text-transform: capitalize
}

ul.photo-page__related-tags__container li:not(:last-child) {
    margin-right: .6rem
}

.photo-page__related-tags__overlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5%;
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 1
}

.photo-page__info-container {
    padding-top: 30px;
    margin-top: 30px
}

.photo-page__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.photo-page__info__column {
    width: calc(50% - (1.75rem / 2))
}

.photo-page__info__column > * {
    margin-bottom: 1.75rem
}

.photo-page__info__photographer__more-photos {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.photo-page__info__photographer__more-photos__photo {
    display: inline-block;
    width: 70px;
    height: 50px;
    background: grey;
    border-radius: 2px;
    overflow: hidden
}

.photo-page__info__photographer__more-photos__photo:not(:last-child) {
    margin-right: .6rem
}

.photo-page__info__additional-information__table {
    border-collapse: separate;
    border-spacing: 0 .9rem
}

.photo-page__info__additional-information__table tr td {
    padding: 0
}

.photo-page__info__additional-information__table tr td:first-child {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: table-cell;
    width: 75px;
    color: #5e5e5e;
    padding-right: 1rem
}

.photo-page__info__additional-information__table tr td:last-child {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: table-cell
}

.photo-page__info__additional-information__table__colors > * {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-right: .3rem
}

@media (max-width: 849px) {
    .js-photo-info-toggle-button {
        width: 100%;
        margin-right: .6rem !important
    }

    .js-photo-share-button {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin-right: 0 !important
    }

    .photo-page__info-container {
        margin-left: -1.15rem;
        margin-right: -1.15rem;
        padding-left: 1.15rem;
        padding-right: 1.15rem;
        padding-bottom: 1.15rem;
        background: #f9f9f9
    }

    .photo-page__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .photo-page__info__column {
        width: 100%
    }

    .photo-page__info__column > * {
        margin-bottom: 1.15rem
    }
}

.photo-page__info__statistics__title {
    display: -webkit-box;
    display: flex
}

.photo-page__info__statistics__view-avatar-container > * {
    width: 50%
}

.photo-page__info__statistics__view-avatar-container__avatars {
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar {
    max-width: calc(100% / 5);
    min-width: calc(100% / 5);
    min-height: auto;
    max-height: 100%;
    border: 2px solid #fff
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(5) {
    -webkit-transform: translate3d(calc(25% * 5), 0, 0);
    transform: translate3d(calc(25% * 5), 0, 0)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(4) {
    -webkit-transform: translate3d(calc(25% * 4), 0, 0);
    transform: translate3d(calc(25% * 4), 0, 0)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(3) {
    -webkit-transform: translate3d(calc(25% * 3), 0, 0);
    transform: translate3d(calc(25% * 3), 0, 0)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(2) {
    -webkit-transform: translate3d(calc(25% * 2), 0, 0);
    transform: translate3d(calc(25% * 2), 0, 0)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(1) {
    z-index: 1;
    -webkit-transition: 120ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 120ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 120ms transform cubic-bezier(.28, .84, .42, 1);
    transition: 120ms transform cubic-bezier(.28, .84, .42, 1), 120ms -webkit-transform cubic-bezier(.28, .84, .42, 1)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(2) {
    z-index: 2;
    -webkit-transition: 240ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 240ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 240ms transform cubic-bezier(.28, .84, .42, 1);
    transition: 240ms transform cubic-bezier(.28, .84, .42, 1), 240ms -webkit-transform cubic-bezier(.28, .84, .42, 1)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(3) {
    z-index: 3;
    -webkit-transition: 360ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 360ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 360ms transform cubic-bezier(.28, .84, .42, 1);
    transition: 360ms transform cubic-bezier(.28, .84, .42, 1), 360ms -webkit-transform cubic-bezier(.28, .84, .42, 1)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(4) {
    z-index: 4;
    -webkit-transition: 480ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 480ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 480ms transform cubic-bezier(.28, .84, .42, 1);
    transition: 480ms transform cubic-bezier(.28, .84, .42, 1), 480ms -webkit-transform cubic-bezier(.28, .84, .42, 1)
}

.photo-page__info__statistics__view-avatar-container__avatars .rd__avatar:nth-child(5) {
    z-index: 5;
    -webkit-transition: 600ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 600ms -webkit-transform cubic-bezier(.28, .84, .42, 1);
    transition: 600ms transform cubic-bezier(.28, .84, .42, 1);
    transition: 600ms transform cubic-bezier(.28, .84, .42, 1), 600ms -webkit-transform cubic-bezier(.28, .84, .42, 1)
}

.photo-page__info__statistics__view-avatar-container__avatars:focus-within .rd__avatar, .photo-page__info__statistics__view-avatar-container__avatars:hover .rd__avatar {
    -webkit-transform: none;
    transform: none
}

.photo-page__info__statistics__view-avatar-container__statistics {
    color: #05a081
}

.photo-page__info__statistics__view-avatar-container__statistics__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__info__statistics__view-avatar-container__icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.photo-page__info__statistics__view-avatar-container__icons__icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.photo-page__info__statistics__view-avatar-container__icons__icon .rd__svg-icon {
    margin-right: .3rem
}

.photo-page__info__statistics__view-avatar-container__icons__icon:not(:last-child) {
    margin-right: 1.15rem
}

.photo-page__info__statistics__view-avatar-container__icons__icon__text {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__adp-ad {
    text-align: center
}

.photo-page__adp-cta {
    padding-top: 2.5rem;
    max-height: none
}

.photo-page__adp-cta__overlay {
    padding-top: 7.5rem
}

.photo-page__adp-cta__container {
    padding: 1.5rem 1rem
}

@media (max-width: 849px) {
    .photo-page__adp-cta__container {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.photo-page__adp-cta__container__close-button {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.photo-page__adp-cta__container__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center
}

.photo-page__adp-cta__container__subtitle {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 9px;
    text-align: center;
    margin-bottom: 1.75rem;
    color: #5e5e5e
}

.photo-page__adp-cta__container__thank-buttons {
    padding-bottom: 2.15rem;
    margin-bottom: 2.15rem;
    border-bottom: 1px solid #d3d3d3
}

.photo-page__adp-cta__container__share-title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 13px
}

.photo-page__adp-cta__container__share-links {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    display: -webkit-box;
    display: flex;
    margin-bottom: 2rem
}

.photo-page__adp-cta__container__share-links__link--twitter, .photo-page__adp-cta__container__share-links__link--facebook, .photo-page__adp-cta__container__share-links__link--instagram, .photo-page__adp-cta__container__share-links__link--whatsapp, .photo-page__adp-cta__container__share-links__link--pinterest, .photo-page__adp-cta__container__share-links__link--tumblr, .photo-page__adp-cta__container__share-links__link--linkedin, .photo-page__adp-cta__container__share-links__link--email, .photo-page__adp-cta__container__share-links__link--twitter {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    margin-right: 1.5rem
}

.photo-page__adp-cta__container__share-links__link__icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.photo-page__adp-cta__container__share-links__link__icon svg {
    height: 25px;
    fill: #fff
}

.photo-page__adp-cta__container__share-links__link__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__adp-cta__container__share-links__link--twitter .photo-page__adp-cta__container__share-links__link__icon {
    background: #1ca1f2
}

.photo-page__adp-cta__container__share-links__link--twitter .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #0c85cf
}

.photo-page__adp-cta__container__share-links__link--facebook .photo-page__adp-cta__container__share-links__link__icon {
    background: #4267b2
}

.photo-page__adp-cta__container__share-links__link--facebook .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #34518d
}

.photo-page__adp-cta__container__share-links__link--pinterest .photo-page__adp-cta__container__share-links__link__icon {
    background: #e60022
}

.photo-page__adp-cta__container__share-links__link--pinterest .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #b3001a
}

.photo-page__adp-cta__container__share-links__link--tumblr .photo-page__adp-cta__container__share-links__link__icon {
    background: #304156
}

.photo-page__adp-cta__container__share-links__link--tumblr .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #1e2835
}

.photo-page__adp-cta__container__share-links__link--linkedin .photo-page__adp-cta__container__share-links__link__icon {
    background: #0077b5
}

.photo-page__adp-cta__container__share-links__link--linkedin .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #005582
}

.photo-page__adp-cta__container__share-links__link--whatsapp .photo-page__adp-cta__container__share-links__link__icon {
    background: #25d366
}

.photo-page__adp-cta__container__share-links__link--whatsapp .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #1da851
}

.photo-page__adp-cta__container__share-links__link--instagram .photo-page__adp-cta__container__share-links__link__icon {
    background: #e1306c
}

.photo-page__adp-cta__container__share-links__link--instagram .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #c21c54
}

.photo-page__adp-cta__container__share-links__link--email .photo-page__adp-cta__container__share-links__link__icon {
    background: #fff
}

.photo-page__adp-cta__container__share-links__link--email .photo-page__adp-cta__container__share-links__link__icon:hover {
    background: #e6e6e6
}

.photo-page__adp-cta__container__share-links__link--email .photo-page__adp-cta__container__share-links__link__icon {
    border: 1px solid #d3d3d3
}

.photo-page__adp-cta__container__share-links__link--email .photo-page__adp-cta__container__share-links__link__icon svg {
    fill: #333
}

.photo-page__adp-cta__container__link-back-title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 8px;
    color: #5e5e5e
}

.photo-page__adp-cta__container__attribution {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page__adp-cta__container__attribution a {
    text-decoration: none
}

.photo-page__adp-manual-download {
    font-size: 13px;
    color: #888;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.photo-page-card-featured-in {
    margin-bottom: 1rem
}

.photo-page-card-featured-in__content {
    display: -webkit-box;
    display: flex
}

.photo-page-card-featured-in__content__image {
    min-height: 50px;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
    height: 100%;
    width: 100%;
    margin-right: 1rem;
    overflow: hidden
}

.photo-page-card-featured-in__content__image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.photo-page-card-featured-in__content__text {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.photo-page-card-featured-in__content__text__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.photo-page-card-featured-in__text__subtitle {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page-card-featured-in__button {
    background: 0 0;
    border: none;
    padding: 0;
    text-decoration: underline;
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.photo-page-card-featured-in__button:focus {
    outline: none
}

.photo-page__sign-up-cta {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    color: #fff;
    text-decoration: none;
    width: 600px;
    max-width: 100%;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
    background-color: #6300d9;
    border-radius: 0 0 6px 6px
}

@media (max-width: 849px) {
    #after-download-social .photo-page__sign-up-cta {
        top: 50px
    }
}

#after-download-social .rd__modal__content:first-child, #after-download-social-ssr .rd__modal__content:first-child, #after-download-modal .rd__modal__content:first-child {
    margin-top: 8rem
}

.community-page__header {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.community-page__body {
    background: #f9f9f9
}

.community-page__body__container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

@media (max-width: 849px) {
    .community-page__body__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.community-page__column {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.community-page__column:first-child {
    margin-right: 8.5rem
}

.community-page__column:last-child {
    max-width: 350px
}

@media (max-width: 849px) {
    .community-page__column:first-child {
        margin-right: 0
    }

    .community-page__column:last-child {
        max-width: 100%
    }
}

.community-page__message {
    border-radius: 4px;
    padding: 1rem;
    background: #05a081;
    color: #fff
}

.community-page__message * {
    color: #fff
}

.community-page__column__image {
    margin-bottom: 3.5rem;
    width: 100%;
    border-radius: 6px
}

.community-page__mini-profile:not(:last-child) {
    margin-bottom: 1rem
}

.community-page__featured_images {
    position: relative;
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 100%;
    max-height: 350px;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out
}

.community-page__featured_images__featured {
    overflow: hidden;
    width: calc(((100% / 3) * 2) - 1px);
    margin-right: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.community-page__featured_images__featured img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.community-page__featured_images__featured--solo {
    width: 100%;
    border-radius: 6px
}

.community-page__featured_images__others {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: calc((100% / 3) - 1px);
    margin-left: 1px
}

.community-page__featured_images__others__image {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.community-page__featured_images__others__image img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.community-page__featured_images__others__image:first-child {
    margin-bottom: 1px;
    border-top-right-radius: 6px
}

.community-page__featured_images__others__image:last-child {
    margin-top: 1px;
    border-bottom-right-radius: 6px
}

.community-page__challenge-grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns:repeat(auto-fill, minmax(325px, 1fr))
}

.meetups-page__header__btn-row {
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    align-items: center
}

.meetups-page__header__btn-row > a {
    margin-right: 10px
}

.meetup-page__column {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.meetup-page__column p {
    margin-bottom: 15px
}

.meetup-page__column h5 {
    font-size: 16px;
    font-weight: 700
}

.meetup-page__host-btn {
    margin-bottom: 15px
}

.meetup-page__social-links__container {
    padding-left: .5rem;
    padding-right: .5rem
}

.is-phone .meetup-page__social-link-item--whatsapp {
    display: block
}

.meetup-page__social-link-item--whatsapp {
    display: none
}

.meetup-page__social-link-item--email {
    display: block
}

.is-phone .meetup-page__social-link-item--email {
    display: none
}

.partner-page__content {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.partner-page__content > section {
    padding-bottom: 3rem
}

.partner-page__background {
    background: #f9f9f9;
    padding: 6rem 0
}

.partner-page__anchor {
    position: absolute;
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px)
}

.partner-page__profile-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.partner-page__profile-info > *:not(:first-child) {
    margin-left: 1rem
}

.partner-page__profile-link {
    text-decoration: none;
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden
}

@media (max-width: 849px) {
    .partner-page__profile-link {
        max-width: 100%
    }
}

.partner-page__profile-image {
    vertical-align: middle
}

.partner-page__profile-box {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

.partner-page__profile-box:not(:first-child) {
    margin-left: 1rem
}

.partner-page__profile-title {
    font-weight: 700;
    display: block
}

.partner-page__profile-descr {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.partner-page__challenges {
    display: -webkit-box;
    display: flex;
    margin-top: 2rem;
    margin-bottom: -1rem
}

.partner-page__challenges > * {
    max-width: 400px
}

.partner-page__challenges > *:not(:first-child) {
    margin-left: 1rem
}

.partner-page__image {
    border-radius: 3px;
    margin-top: .5rem
}

.partner-page__partners-image {
    padding: 2rem 4rem 0
}

.cta-modal__background {
    position: absolute;
    top: 0;
    right: 1.15rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.lp__layout {
    display: -webkit-box;
    display: flex
}

@media (max-width: 949px) {
    .lp__layout--responsive-large {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .lp__layout--responsive-large > *:not(:last-child) {
        margin-bottom: 1rem
    }
}

.lp__layout__column--flex {
    display: -webkit-box;
    display: flex
}

.lp__layout__column {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.lp__layout__column--half {
    -webkit-box-flex: 1;
    flex: 1 1 50%
}

.lp__layout__column--1 {
    -webkit-box-flex: 1;
    flex: 1 1 8.3333333333%
}

.lp__layout__column--3 {
    -webkit-box-flex: 1;
    flex: 1 1 25%
}

.lp__layout__column--4 {
    -webkit-box-flex: 1;
    flex: 1 1 33.3333333333%
}

.lp__layout__column--5 {
    -webkit-box-flex: 1;
    flex: 1 1 41.6666666667%
}

.lp__layout__column--7 {
    -webkit-box-flex: 1;
    flex: 1 1 58.3333333333%
}

.lp__layout__feature {
    margin-bottom: 7.5rem
}

@media (max-width: 849px) {
    .lp__layout__feature {
        margin-bottom: 3rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .lp__layout__feature > *:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

.lp__layout__avatar-card {
    position: relative
}

.lp__layout__avatar-card .rd__avatar {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    max-width: 40px;
    max-height: 40px;
    min-width: 40px;
    min-height: 40px
}

.lp__layout__avatar-card .rd__avatar:after {
    border-width: 2px
}

.lp__layout__masonry-grid {
    display: -webkit-box;
    display: flex
}

.lp__layout__masonry-grid > *:not(:last-child) {
    margin-right: .5rem
}

.lp__layout__masonry-grid__item {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.lp__layout__masonry-grid__item--vertical-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.lp__layout__masonry-grid__item--vertical-flex > *:not(:last-child) {
    margin-bottom: .5rem
}

.lp__layout__masonry-grid__item__photo {
    background: grey;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lp__layout__vertically-center-self {
    align-self: center;
    margin: auto
}

.lp__layout__stacked-cards {
    position: relative;
    -webkit-transform: scale(1.5) translateX(-5%);
    transform: scale(1.5) translateX(-5%)
}

@media (max-width: 849px) {
    .lp__layout__stacked-cards {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-bottom: -4rem
    }
}

.lp__layout__stacked-cards__card {
    width: 100%;
    overflow: hidden;
    border-radius: 8px
}

.lp__layout__stacked-cards__card:first-child {
    margin-bottom: 10%;
    -webkit-transform: translate3d(4%, -5%, 0) rotate(1deg);
    transform: translate3d(4%, -5%, 0) rotate(1deg)
}

.lp__layout__stacked-cards__card:nth-child(2) {
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-transform: translate3d(-8%, 6%, 0) rotate(-6deg);
    transform: translate3d(-8%, 6%, 0) rotate(-6deg)
}

.lp__layout__stacked-cards__card__image {
    border-radius: 8px;
    min-width: 100%;
    min-height: 100%
}

.lp__layout__card-carousel {
    white-space: nowrap
}

.lp__layout__card-carousel__card {
    display: inline-block;
    max-width: 70%
}

.lp__layout__card-carousel__card:not(:last-child) {
    margin-right: 1rem
}

.lp__layout__icon-grid {
    display: grid;
    max-width: 1000px;
    margin: auto;
    grid-gap: 4rem 1rem;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 600px) {
    .lp__layout__icon-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 350px) {
    .lp__layout__icon-grid {
        display: block
    }

    .lp__layout__icon-grid > *:not(:last-child) {
        margin-bottom: 4rem
    }
}

.lp__layout__icon-grid__icon {
    justify-self: center;
    align-self: flex-start;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.lp__layout__icon-grid__icon:last-child {
    grid-column: 2
}

.lp__layout__icon-grid__icon .rd__svg-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 1rem
}

.lp__layout__icon-grid__icon .lp__layout__icon-grid__icon__text {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    text-align: center
}

.lp__section {
    position: relative;
    padding: 7.25rem 9rem
}

@media (max-width: 849px) {
    .lp__section {
        padding: 3rem 1rem
    }
}

@media (min-width: 1500px) {
    .lp__section {
        padding-left: 15rem;
        padding-right: 15rem
    }
}

.lp__section .lp__section__anchor-element {
    position: absolute;
    top: -66px
}

.lp__section--no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0
}

.lp__section--no-right-padding {
    padding-right: 0
}

.lp__section--grey {
    background: #f9f9f9
}

.lp__section--blue-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(230, 235, 248, 0.9)));
    background: linear-gradient(180deg, transparent 0%, rgba(230, 235, 248, 0.9) 100%)
}

.lp__section__title {
    display: block;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 5rem !important
}

@media (max-width: 849px) {
    .lp__section__title {
        margin-bottom: 2.35rem !important
    }
}

.plp__horizontal-scroll-list {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 1rem 2rem 1rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: -1rem
}

.plp__horizontal-scroll-list > *:not(:last-child) {
    margin-right: 1rem
}

.plp__quote {
    color: #071b4d
}

.plp__quote blockquote {
    margin: 0
}

.plp__quote--centered {
    max-width: 950px;
    margin: auto;
    margin-bottom: 2rem
}

.plp__quote--centered .plp__quote__text, .plp__quote--centered .plp__quote__title {
    text-align: center
}

.plp__quote--centered:last-child {
    margin-bottom: 0
}

@media (max-width: 849px) {
    .plp__quote--centered {
        margin-bottom: 1.5rem
    }

    .plp__quote--centered .plp__quote__text, .plp__quote--centered .plp__quote__title {
        text-align: left
    }

    .plp__quote--centered .plp__quote__profile {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

.plp__quote__title .plp__quote__title__text {
    display: block;
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    display: inline-block;
    position: relative
}

.plp__quote__title .plp__quote__title__text .plp__quote__title__text__underline {
    position: absolute;
    top: 70%;
    left: -5px;
    right: -5px;
    height: 15px
}

.plp__quote__title .plp__quote__title__text .plp__quote__title__text__underline svg {
    width: 100%
}

.plp__quote__text {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 28px
}

.plp__quote__profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-style: normal
}

.plp__steps {
    display: -webkit-box;
    display: flex
}

@media (max-width: 849px) {
    .plp__steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.plp__steps__step {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    padding: 1.75rem 1.4rem 2.75rem;
    border-radius: 2px
}

.plp__steps__step:not(:last-child) {
    margin-right: 2rem
}

@media (max-width: 849px) {
    .plp__steps__step:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem
    }
}

.plp__steps__step--less-bottom-padding {
    padding-bottom: 1.5rem
}

.plp__steps__step--outline {
    border: 2px dashed #d3d3d3
}

.plp__steps__step--purple {
    background: #6300d9;
    color: #fff
}

.plp__steps__step__icon {
    margin-bottom: 1rem
}

.plp__steps__step__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.plp__steps__step__content__title {
    display: block;
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px
}

.plp__steps__step__content__p {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 18px
}

.plp__steps__step__content__p:last-child {
    margin-bottom: 0
}

.plp__text-divider {
    margin-bottom: 5rem
}

@media (max-width: 849px) {
    .plp__text-divider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 2.5rem
    }
}

.plp__text-divider__header {
    display: block;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px
}

@media (min-width: 850px) {
    .plp__text-divider__header {
        margin-bottom: 0
    }
}

.plp__text-divider__paragraph {
    display: block;
    font-size: 26px;
    line-height: 31px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.plp__text-divider__paragraph strong {
    font-weight: 600
}

.plp__photo-grid {
    position: relative;
    margin-bottom: 6rem
}

@media (max-width: 849px) {
    .plp__photo-grid {
        margin-bottom: 2.5rem;
        max-height: 750px;
        overflow: hidden
    }

    .plp__photo-grid:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(15%, rgba(255, 255, 255, 0.9)), color-stop(40%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.9) 15%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%);
        height: 50px
    }
}

.plp__total-photo-views__number {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: calc(9 * 1vw);
    line-height: 12rem;
    overflow: hidden;
    height: 12rem;
    letter-spacing: -5px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 2rem
}

@media (max-width: 849px) {
    .plp__total-photo-views__number {
        letter-spacing: -1px
    }
}

.plp__total-photo-views__number:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(35%, transparent), color-stop(65%, transparent), color-stop(85%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.25)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 30%, transparent 35%, transparent 65%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.25) 100%);
    z-index: 1
}

.plp__total-photo-views__label {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 18px;
    color: #5e5e5e;
    text-align: center;
    margin-bottom: 6rem !important
}

.plp__total-photo-views__title {
    display: block;
    font-size: 54px;
    line-height: 59px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -.7px;
    margin-bottom: 25px;
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 849px) {
    .plp__total-photo-views__title {
        display: block;
        font-size: 36px;
        line-height: 46px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.plp__total-photo-views__cta-button {
    text-align: center
}

.plp__mini-profile--bordered {
    border: 1px solid #e8e8e8;
    padding: .5rem .8rem;
    border-radius: 6px
}

.plp__stat-callouts {
    display: -webkit-box;
    display: flex;
    margin-top: 2.15rem
}

.plp__stat-callout:not(:last-child) {
    margin-right: 2rem
}

.plp__stat-callout__title {
    display: block;
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.plp__stat-callout__title__icon {
    margin-right: .5rem
}

.plp__stat-callout__subtitle {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.plp__form__field {
    margin-bottom: 2rem
}

.plp__form__label {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 13px
}

.plp__form__radio {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex
}

.plp__form__radio > *:not(:last-child) {
    margin-right: 1rem
}

.plp__sticky-bar-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.rd__challenge__hero {
    max-width: 1800px;
    margin: auto;
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width: 849px) {
    .rd__challenge__hero {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 849px) {
    .rd__challenge__hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .rd__challenge__hero > * {
        width: 100%
    }

    .rd__challenge__hero > *:not(:last-child) {
        margin-bottom: 4rem
    }
}

.rd__challenge__hero__title-section__details__text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 13px;
    display: inline
}

.rd__challenge__hero__title-section__details__strong {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 13px;
    display: inline
}

.rd__challenge__hero__title-section__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 15px
}

.rd__challenge__hero__title-section__prize {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.rd__challenge__hero__title-section__prize > *:not(:last-child) {
    margin-right: 1rem
}

.rd__challenge__hero__title-section__prize__avatar {
    max-width: 70px;
    max-height: 70px;
    min-width: 70px;
    min-height: 70px;
    position: relative;
    border: 1px solid #e8e8e8
}

.rd__challenge__hero__title-section__prize__avatar__brand-avatar {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    position: absolute;
    right: 0;
    bottom: 0
}

.rd__challenge__hero__title-section__prize__text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

.rd__challenge__hero__title-section__prize__text span {
    display: inline
}

.rd__challenge__hero__title-section__prize__text a {
    display: inline;
    color: #05a081;
    text-decoration: none;
    font-weight: 600
}

.rd__challenge__hero__title-section__prize__text .rd__dropdown {
    display: inline-block
}

.rd__challenge__hero__title-section__prize__text .rd__dropdown .rd__dropdown__container {
    min-width: 225px
}

.rd__challenge__hero__title-section__prize__text__help {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.rd__challenge__overview {
    max-width: 1800px;
    margin: auto;
    padding-left: 6rem;
    padding-right: 6rem;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    margin-bottom: 0;
    background: #f9f9f9;
    border-bottom: 1px solid #d3d3d3
}

@media (max-width: 849px) {
    .rd__challenge__overview {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.rd__challenge__overview__featured-image {
    display: block;
    margin-bottom: 2.5rem
}

.rd__challenge__overview__featured-image img {
    border-radius: 6px;
    min-width: 100%
}

.rd__challenge__organizer {
    display: -webkit-box;
    display: flex
}

.rd__challenge__organizer > *:not(:last-child) {
    margin-right: 1rem
}

.rd__challenge__organizer__multiple {
    margin-bottom: 25px
}

.rd__challenge__organizer__avatar {
    max-width: 60px;
    max-height: 60px;
    min-width: 60px;
    min-height: 60px;
    border: 1px solid #e8e8e8
}

.rd__challenge__organizer__text__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px
}

.rd__challenge__organizer__text__description {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 5px
}

.rd__challenge__organizer__text__link {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #05a081
}

.rd__challenge__user-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1rem
}

.rd__challenge__user-grid__item {
    position: relative;
    flex-basis: calc(20% - 0.8rem);
    padding-bottom: calc(0% + (20% - 0.8rem));
    margin-bottom: 1rem
}

.rd__challenge__user-grid__item:not(:nth-child(5n)) {
    margin-right: 1rem
}

.rd__challenge__user-grid__item__avatar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    overflow: hidden
}

.rd__challenge__user-grid__item__avatar img {
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rd__challenge__body {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background: #f9f9f9
}

.rd__challenge__body__content {
    max-width: 1800px;
    margin: auto;
    padding-left: 6rem;
    padding-right: 6rem
}

@media (max-width: 849px) {
    .rd__challenge__body__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.rd__challenge__body__content__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 16px
}

.rd__challenge__body__content__title strong {
    font-weight: 600
}

.rd__challenge__sticky-bar__overview {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.rd__challenge__sticky-bar__overview__pretitle {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5e5e5e
}

.rd__challenge__sticky-bar__overview__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.challenges__section {
    padding-left: 1rem;
    padding-right: 1rem
}

.challenges__section--title {
    margin-top: 5.5rem;
    margin-bottom: 4.5rem;
    text-align: center
}

@media (max-width: 849px) {
    .challenges__section--title {
        margin-top: 3rem;
        margin-bottom: 4rem
    }
}

.challenges__section--title h1 {
    display: block;
    font-size: 54px;
    line-height: 59px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -.7px;
    margin-bottom: 12px
}

@media (max-width: 849px) {
    .challenges__section--title h1 {
        display: block;
        font-size: 40px;
        line-height: 49px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 12px
    }
}

.challenges__section--title h2 {
    display: block;
    font-size: 26px;
    line-height: 31px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.challenges__section__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1.7rem
}

.challenges__section__title, .challenges__section__container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.challenges__section--featured-grid {
    margin: auto
}

.challenges__section--featured-grid .challenges__section__container {
    padding-bottom: 2.65rem
}

@media (min-width: 850px) {
    .challenges__section--featured-grid .challenges__section__container {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap
    }

    .challenges__section--featured-grid .challenges__section__container > * {
        width: calc(50% - 1rem)
    }

    .challenges__section--featured-grid .challenges__section__container > *:nth-child(odd) {
        margin-right: 1rem
    }

    .challenges__section--featured-grid .challenges__section__container > *:nth-child(even) {
        margin-left: 1rem
    }
}

.challenges__section--featured-grid .challenges__section__container > * {
    margin-bottom: 2rem
}

.challenges__section--all-grid {
    padding-top: 4.65rem;
    padding-bottom: 4.65rem;
    background: #f9f9f9;
    margin: auto
}

.challenges__section--all-grid .challenges__section__container {
    display: grid;
    grid-gap: 1.25rem 2rem;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))
}

.auth-modal {
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.auth-modal .flash {
    margin-bottom: 1.5rem
}

.auth-modal__links a {
    text-decoration: none
}

.auth-modal__links a:hover {
    text-decoration: underline
}

.auth-modal__links a:not(:last-child) {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 8px
}

.auth-modal__links a:last-child {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.auth-modal__links br {
    display: none
}

.auth-modal__form {
    margin-top: 1.5rem
}

.auth-modal__form__facebook-button, .auth-modal__form__apple-button {
    margin-bottom: 1rem
}

.auth-modal__form__facebook-button .rd__svg-icon, .auth-modal__form__apple-button .rd__svg-icon {
    position: absolute;
    left: .75rem
}

.auth-modal__form__or {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: .75rem
}

.auth-modal__form__inputs {
    margin-bottom: 1.25rem
}

.auth-modal__form__newsletter {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 1rem
}

.auth-modal__form__submit {
    margin-bottom: .5rem
}

.auth-modal__form__agree {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.auth-modal__form__agree a {
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none
}

.auth-modal__form__subline {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    color: #5e5e5e;
    margin-top: 2rem;
    text-decoration: none
}

.auth-modal__many-photos {
    padding-top: 1rem;
    max-width: 1200px;
    margin: auto
}

.auth-modal__modal {
    max-width: 485px;
    padding: 2.5rem;
    max-height: calc(100% - 8rem);
    overflow: auto
}

@media (max-width: 849px) {
    .auth-modal__modal {
        width: 100%;
        min-height: 100%;
        max-height: none;
        max-width: none;
        overflow: visible
    }
}

.auth-modal__overlay {
    background: rgba(0, 0, 0, .5)
}

@media (max-width: 849px) {
    .auth-modal__overlay {
        background: 0 0;
        position: absolute;
        top: 4rem;
        left: 0;
        right: 0;
        min-height: 100%;
        overflow: visible;
        -webkit-box-align: start;
        align-items: flex-start;
        padding: 0
    }

    .auth-modal__overlay .auth-modal__modal {
        margin-top: 0
    }
}

.auth-modal__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center
}

.auth-modal__subtitle {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.auth-modal__footer, .auth-modal__header {
    position: fixed;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem;
    z-index: 111
}

@media (max-width: 849px) {
    .auth-modal__footer, .auth-modal__header {
        z-index: 109
    }
}

.auth-modal__header {
    top: 0;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 849px) {
    .auth-modal__header {
        height: 4rem;
        -webkit-box-pack: center;
        justify-content: center;
        background: rgba(0, 0, 0, .3)
    }
}

.auth-modal__header__logo svg {
    width: 50px;
    height: 50px
}

@media (max-width: 849px) {
    .auth-modal__header__logo {
        display: none
    }
}

.auth-modal__header__signin {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

.auth-modal__header__signin > *:not(:last-child) {
    margin-right: 1rem
}

@media (max-width: 849px) {
    .auth-modal__header__signin .rd__button {
        display: none
    }
}

.auth-modal__header__signin__text {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

@media (max-width: 849px) {
    .auth-modal__header__signin__text {
        color: #fff
    }
}

.auth-modal__header__signin__text--sign-in {
    display: none
}

@media (max-width: 849px) {
    .auth-modal__header__signin__text--sign-in {
        display: block;
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
        color: #fff
    }
}

.auth-modal__footer {
    bottom: 0;
    overflow-y: auto;
    text-align: center
}

@media (max-width: 849px) {
    .auth-modal__footer {
        display: none
    }
}

.auth-modal__footer__items {
    margin: auto;
    padding: 0 1rem;
    white-space: nowrap
}

.auth-modal__footer__items__item {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    display: inline;
    text-decoration: none
}

.auth-modal__footer__items__item:not(:last-child) {
    margin-right: 1rem
}

.auth-modal__footer__items__item:focus, .auth-modal__footer__items__item:hover {
    color: #fff
}

.upload-cta-modal__title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 13px
}

.search__header {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: .5rem
}

@media (max-width: 849px) {
    .search__header {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__header {
        max-width: 1850px
    }
}

.search__header__title {
    display: block;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 1rem
}

.search__header__subtitle {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #a6aaad;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
    margin-bottom: 2rem;
    text-align: center;
    max-width: 900px
}

.search__header__colors {
    margin-top: 1rem
}

.search__header__no-results {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-top: 1rem
}

.search__grid {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #5e5e5e;
    margin-top: 1rem
}

@media (max-width: 849px) {
    .search__grid {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__grid {
        max-width: 1850px
    }
}

.search__grid--users {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 1rem;
    margin-bottom: 1rem
}

.search__grid--users .card {
    margin: 0
}

.search__suggestions {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    scrollbar-width: none
}

@media (max-width: 849px) {
    .search__suggestions {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__suggestions {
        max-width: 1850px
    }
}

.search__suggestions::-webkit-scrollbar {
    background: 0 0;
    width: 0;
    height: 0
}

.search__suggestions > * {
    margin-right: 1rem
}

.search__suggestions--fixed {
    top: 66px;
    background: #fff;
    z-index: 1
}

.search__try-different-search__prompt {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 849px) {
    .search__try-different-search__prompt {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__try-different-search__prompt {
        max-width: 1850px
    }
}

.search__ad {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (max-width: 849px) {
    .search__ad {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__ad {
        max-width: 1850px
    }
}

.search__ad [data-loaded=true] {
    margin-top: 4rem
}

.search__header__no-result-suggestions-query {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

@media (max-width: 849px) {
    .search__header__no-result-suggestions-query {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__header__no-result-suggestions-query {
        max-width: 1850px
    }
}

.search__header__no-result-suggestions {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: .5rem
}

@media (max-width: 849px) {
    .search__header__no-result-suggestions {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__header__no-result-suggestions {
        max-width: 1850px
    }
}

.search__header__no-result-suggestions a {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    text-decoration: none
}

.search__header__no-result-suggestions a strong {
    color: #0064f9;
    font-weight: 300
}

.search__tabs {
    margin: auto;
    max-width: 1400px;
    padding-left: 2rem;
    padding-right: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 849px) {
    .search__tabs {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1900px) {
    .search__tabs {
        max-width: 1850px
    }
}

@media (max-width: 1000px) {
    .search__tabs {
        -webkit-box-pack: center;
        justify-content: center
    }
}

ul.search__tabs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    position: relative;
    z-index: 2
}

ul.search__tabs__list > li {
    position: relative
}

ul.search__tabs__list > li > button, ul.search__tabs__list > li > a {
    display: block;
    font-size: 14px;
    line-height: .9;
    font-weight: 600;
    margin-top: 0;
    letter-spacing: .25px;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    background: #fff;
    padding: .6rem 1.1rem .6rem .9rem;
    border: 1px solid #e8e8e8;
    color: #5e5e5e;
    fill: #5e5e5e
}

ul.search__tabs__list > li > button:focus, ul.search__tabs__list > li > a:focus {
    outline: none
}

ul.search__tabs__list > li > button:hover, ul.search__tabs__list > li > a:hover {
    background: #e8e8e8
}

ul.search__tabs__list > li > button > i, ul.search__tabs__list > li > a > i {
    margin-right: .55rem;
    width: 17px;
    height: 18px
}

ul.search__tabs__list > li .js-trigger-active-color {
    display: none;
    height: 20px;
    width: 20px;
    border-radius: 50%
}

ul.search__tabs__list > li .js-search-filter-trigger-clear {
    display: none
}

ul.search__tabs__list > li[data-active] > button .js-search-filter-trigger-clear, ul.search__tabs__list > li[data-active] > a .js-search-filter-trigger-clear {
    display: block
}

ul.search__tabs__list > li[data-active] > button .js-search-filter-trigger-clear svg, ul.search__tabs__list > li[data-active] > a .js-search-filter-trigger-clear svg {
    width: 17px;
    height: 17px;
    margin-left: .45rem;
    margin-top: .1rem;
    fill: #0064f9
}

ul.search__tabs__list > li[data-active] > button, ul.search__tabs__list > li[data-active] > a, ul.search__tabs__list > li > button[data-focused], ul.search__tabs__list > li > a[data-focused] {
    z-index: 1;
    box-shadow: 0 0 0 1px #0064f9;
    color: #0064f9;
    fill: #0064f9;
    background: #fff;
    border-color: #0064f9
}

ul.search__tabs__list--rectangle > li a {
    text-decoration: none;
    border-radius: 4px
}

ul.search__tabs__list--rectangle > li:not(:last-child) a:not([data-focused]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

ul.search__tabs__list--rectangle > li:not(:first-child) a:not([data-focused]) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

ul.search__tabs__list--rectangle > li small {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e;
    margin-left: 4px
}

@media (max-width: 1000px) {
    ul.search__tabs__list--rectangle > li small {
        display: none
    }
}

ul.search__tabs__list--oval {
    margin-right: -.65rem
}

@media (max-width: 1000px) {
    ul.search__tabs__list--oval {
        display: none
    }
}

ul.search__tabs__list--oval > li[data-active] > button {
    background: rgba(0, 100, 249, .08)
}

ul.search__tabs__list--oval > li > button {
    border-radius: 20px;
    margin-right: .65rem
}

ul.search__tabs__list--oval > li em {
    font-style: normal
}

ul.search__tabs__list--oval > li hr {
    width: 1px;
    height: 100%;
    margin: 0 1.15rem 0 .5rem;
    border: none;
    background: #e8e8e8
}

.search__color-filters {
    width: 100%
}

.search__color-filters--light .search__color-filters__input {
    border: 1px solid #e8e8e8;
    padding: 10px 15px;
    border-radius: 4px;
    background: #fff
}

.search__color-filters__input {
    display: grid;
    grid-template-columns:40px 1fr;
    -webkit-box-flex: 1;
    flex: 1
}

.search__color-filters__input__value {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.search__color-filters__input__value span:first-child {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: conic-gradient(red, #ff0, lime, aqua, blue, #f0f, red);
    border-radius: 50%;
    margin-right: .5rem;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .1)
}

.search__color-filters__input__value span:last-child {
    content: "#";
    font-size: 14px;
    line-height: 1
}

input.search__color-filters__input__input {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    background: 0 0;
    padding: .2rem 0;
    margin-left: .05rem;
    color: #fefeff;
    width: 100%
}

input.search__color-filters__input__input::-webkit-input-placeholder {
    color: #5e5e5e
}

input.search__color-filters__input__input::-moz-placeholder {
    color: #5e5e5e
}

input.search__color-filters__input__input:-ms-input-placeholder {
    color: #5e5e5e
}

input.search__color-filters__input__input::-ms-input-placeholder {
    color: #5e5e5e
}

input.search__color-filters__input__input::placeholder {
    color: #5e5e5e
}

input.search__color-filters__input__input:focus {
    outline: none
}

.search__color-filters--light input.search__color-filters__input__input {
    color: #1a1a1a
}

.search__color-filters--light input.search__color-filters__input__input::-webkit-input-placeholder {
    color: #9e9e9e
}

.search__color-filters--light input.search__color-filters__input__input::-moz-placeholder {
    color: #9e9e9e
}

.search__color-filters--light input.search__color-filters__input__input:-ms-input-placeholder {
    color: #9e9e9e
}

.search__color-filters--light input.search__color-filters__input__input::-ms-input-placeholder {
    color: #9e9e9e
}

.search__color-filters--light input.search__color-filters__input__input::placeholder {
    color: #9e9e9e
}

.search__color-filters__input[data-invalid] {
    color: #ff2121;
    border-color: #ff2121;
    box-shadow: 0 0 0 1px #ff2121
}

.search__color-filters__input[data-invalid] .search__color-filters__input__input {
    color: #ff2121
}

.search__color-filters__input[data-invalid] .search__color-filters__input__input input {
    color: inherit
}

ul.search__color-filters__selection {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 5px;
    width: 100%
}

ul.search__color-filters__selection a, ul.search__color-filters__selection label {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    padding-bottom: 55%;
    position: relative
}

ul.search__color-filters__selection a input, ul.search__color-filters__selection label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

ul.search__color-filters__selection a span, ul.search__color-filters__selection label span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

ul.search__color-filters__selection a span.black, ul.search__color-filters__selection label span.black {
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .25)
}

ul.search__color-filters__selection a span.white, ul.search__color-filters__selection label span.white {
    box-shadow: inset 0 0 1px 1px #e8e8e8
}

ul.search__color-filters__selection a span > span, ul.search__color-filters__selection label span > span {
    display: none
}

ul.search__color-filters__selection a input[checked] ~ span > span, ul.search__color-filters__selection label input[checked] ~ span > span {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: invert(1);
    filter: invert(1)
}

ul.search__color-filters__selection a input[checked] ~ span.white:after, ul.search__color-filters__selection label input[checked] ~ span.white:after {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.search__floating-filter-button {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    letter-spacing: .3px;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    border-radius: 80px;
    z-index: 2;
    border: none;
    overflow: hidden
}

@media (min-width: 1000px) {
    .search__floating-filter-button {
        display: none
    }
}

.search__floating-filter-button .rd__svg-icon {
    width: 18px;
    height: 18px;
    margin-right: .5rem
}

.search__floating-filter-button .rd__svg-icon svg {
    fill: #fff
}

.search__floating-filter-button > * {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    padding: .75rem 1.25rem;
    background: #1a1a1a;
    border: none;
    text-decoration: none
}

.search__floating-filter-button > *:focus, .search__floating-filter-button > *:hover {
    outline: none;
    background: #0064f9
}

.search__floating-filter-button > *:last-child {
    left: -.6rem;
    padding-right: 0;
    padding-left: .5rem;
    margin-right: -.3rem;
    min-width: 100%
}

.search__floating-filter-button > *:last-child[data-disabled] {
    display: none
}

.search__floating-filter-button > *:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    background: #5e5e5e
}

.search__floating-filter-button__active-state {
    display: none;
    margin-left: .2rem;
    font-weight: 300;
    color: #9e9e9e
}

.search__filters {
    background: #18181a;
    color: #fff
}

.search__filters__top-bar, .search__filters__section {
    padding-left: 1.45rem;
    padding-right: 1.45rem
}

.search__filters__top-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.search__filters__top-bar__close {
    border: none;
    background: 0 0
}

.search__filters__top-bar__close:focus {
    outline: none
}

.search__filters__top-bar__close .rd__svg-icon {
    height: 25px;
    width: 25px;
    fill: #fff
}

.search__filters__top-bar__title {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff
}

.search__filters__top-bar__action {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #0064f9;
    background: 0 0;
    border: none;
    text-decoration: none
}

.search__filters__top-bar__drag-bar {
    position: absolute
}

.search__filters__footer-button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: .57rem .7rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 26, 0.5)), color-stop(5%, #18181a), to(#18181a));
    background: linear-gradient(180deg, rgba(24, 24, 26, 0.5) 0%, #18181a 5%, #18181a 100%)
}

.search__filters__section__title {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e;
    text-transform: uppercase;
    margin-bottom: .7rem
}

ul.search__filters__list-selection {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #2f2f31;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1.45rem
}

ul.search__filters__list-selection > li:not(:last-child) {
    border-bottom: 1px solid #2f2f31
}

ul.search__filters__list-selection > li > * {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #9e9e9e;
    width: 100%;
    border: none;
    background: 0 0;
    text-align: left;
    padding: .85rem 1rem
}

ul.search__filters__list-selection > li > *:focus {
    outline: none
}

ul.search__filters__list-selection > li em {
    font-style: normal;
    font-weight: 500;
    opacity: .5
}

ul.search__filters__list-selection > li .center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

ul.search__filters__list-selection > li .center .rd__svg-icon {
    height: 25px;
    width: 25px;
    margin-right: 1rem
}

ul.search__filters__list-selection > li .center .rd__svg-icon--square {
    height: 21px;
    width: 21px;
    margin-right: calc(1rem + 2px);
    margin-left: 2px
}

ul.search__filters__list-selection > li.active > *, ul.search__filters__list-selection > li > *[data-active] {
    display: -webkit-box;
    display: flex;
    color: #fefeff;
    background: #2f2f31
}


.search__filters__icon-list-selection__icon .rd__svg-icon {
    width: 30px;
    height: 20px;
    margin-right: 1rem
}

.search__filters__icon-list-selection__icon .rd__svg-icon svg {
    fill: #0064f9
}

.search__filters__icon-list-selection__text {
    max-width: 175px
}

.search__filters__icon-list-selection__text__title {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #fefeff;
    margin-bottom: 5px
}

.search__filters__icon-list-selection__text__desc {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e
}

ul.search__tabs__dropdown-filter > li > button[data-active], ul.search__tabs__dropdown-filter > li > a[data-active], ul.search__tabs__dropdown-filter > li[data-active] > * {
    color: #0064f9
}

ul.search__tabs__dropdown-filter > li > button[data-active] svg *, ul.search__tabs__dropdown-filter > li > a[data-active] svg *, ul.search__tabs__dropdown-filter > li[data-active] > * svg * {
    fill: #0064f9
}

ul.search__tabs__dropdown-filter {
    position: absolute;
    top: calc(100% + 5px);
    border-radius: 6px;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(37, 38, 94, .1);
    min-width: 200px;
    list-style: none;
    display: none
}

ul.search__tabs__dropdown-filter[data-open] {
    display: block
}

ul.search__tabs__dropdown-filter > li em {
    font-style: normal;
    font-weight: 500;
    opacity: .75
}

ul.search__tabs__dropdown-filter > li > * {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    padding: .75rem 1rem;
    color: #5e5e5e;
    position: relative;
    background: 0 0;
    border: none;
    width: 100%;
    text-decoration: none;
    min-height: 3rem
}

ul.search__tabs__dropdown-filter > li > * .rd__svg-icon {
    height: 25px;
    width: 25px;
    margin-right: 1rem
}

ul.search__tabs__dropdown-filter > li > * .rd__svg-icon--square {
    height: 21px;
    width: 21px;
    margin-right: calc(1rem + 2px);
    margin-left: 2px
}

ul.search__tabs__dropdown-filter > li > * > span {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

ul.search__tabs__dropdown-filter > li > button:hover, ul.search__tabs__dropdown-filter > li > a:hover {
    background: #e8e8e8
}

ul.search__tabs__dropdown-filter > li[data-active] > * {
    background: #e8e8e8
}

ul.search__tabs__dropdown-filter--right {
    right: 0;
    margin-right: .65rem
}

ul.search__tabs__dropdown-filter--wide {
    min-width: 275px
}

.discover__centered-grid {
    display: grid;
    grid-template-columns:1fr 1200px 1fr;
    grid-gap: 1rem
}

.discover__centered-grid:before, .discover__centered-grid:after {
    content: ""
}

@media (max-width: 1250px) {
    .discover__centered-grid {
        grid-template-columns:1fr 800px 1fr;
        overflow: auto
    }

    .discover__centered-grid:after {
        content: none
    }
}

@media (max-width: 800px) {
    .discover__centered-grid--text-on-mobile {
        display: block;
        padding: 0 1rem;
        overflow: visible
    }
}

@media (max-width: 800px) {
    .discover__centered-grid--desktop-size-on-mobile {
        grid-template-columns:1fr 1200px 1fr
    }
}

.discover__centered-grid--overflow-right {
    overflow: auto
}

.discover__centered-grid--overflow-right:after {
    content: none
}

@media (max-width: 1250px) {
    .discover__centered-grid--overflow-right-mobile {
        overflow: auto
    }

    .discover__centered-grid--overflow-right-mobile:after {
        content: none
    }
}

@media (max-width: 1250px) {
    .discover__centered-grid--full-width-mobile {
        grid-template-columns:1fr;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .discover__centered-grid--full-width-mobile:before, .discover__centered-grid--full-width-mobile:after {
        content: none
    }
}

.discover__section {
    margin-top: 4rem
}

.discover__section[data-type=color] {
    margin-top: 3.4rem
}

@media (max-width: 1250px) {
    .discover__section {
        margin-top: 2.25rem
    }

    .discover__section[data-type=color] {
        margin-top: 2.5rem
    }
}

.discover__section__title {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1px;
    margin-bottom: 0
}

.discover__search-suggestions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    white-space: nowrap;
    padding-top: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.discover__search-suggestions ul li {
    display: inline-block;
    margin-right: .5rem
}

ul.discover__collections {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    margin-left: -.5rem;
    margin-right: -.5rem
}

ul.discover__collections li {
    -webkit-box-flex: 1;
    flex: 1;
    display: inline-block
}

@media (max-width: 1250px) {
    ul.discover__collections {
        grid-gap: .05rem;
        margin-top: 1rem
    }
}

a.discover__collections__collection {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    display: block;
    width: 100%;
    padding-bottom: 1rem;
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    min-height: 150px
}

a.discover__collections__collection:hover {
    background: #e8e8e8
}

.discover__collections__collection__main-image {
    position: relative;
    padding-bottom: 65%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: .15rem
}

.discover__collections__collection__main-image img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.discover__collections__collection__sub-images {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: .15rem;
    border-radius: 10px;
    overflow: hidden
}

.discover__collections__collection__sub-images .discover__collections__collection__sub-images__image {
    position: relative;
    padding-bottom: 75%
}

.discover__collections__collection__sub-images .discover__collections__collection__sub-images__image img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%
}

.discover__collections__collection__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .75rem
}

.discover__collections__collection__content__title {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 1rem
}

.discover__collections__collection__content__count {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    color: #5e5e5e;
    margin-top: .25rem
}

.discover__collections__collection__content__count .rd__svg-icon {
    width: 18px;
    height: 18px;
    margin-right: .3rem;
    fill: #5e5e5e
}

.discover__colors {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-gap: .95rem;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: 1rem
}

@media (max-width: 1250px) {
    .discover__colors {
        grid-gap: .15rem
    }
}

.discover__colors__color {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    display: block;
    -webkit-box-flex: 1;
    flex: 1;
    padding-bottom: .75rem;
    border-radius: 14px;
    text-decoration: none
}

.discover__colors__color:hover {
    background: #e8e8e8
}

.discover__colors__color__images {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-gap: .15rem;
    overflow: hidden;
    margin-bottom: 1rem
}

.discover__colors__color__images > *:nth-child(1) {
    border-top-left-radius: 10px
}

.discover__colors__color__images > *:nth-child(2) {
    border-top-right-radius: 10px
}

.discover__colors__color__images > *:nth-child(3) {
    border-bottom-left-radius: 10px
}

.discover__colors__color__images > *:nth-child(4) {
    border-bottom-right-radius: 10px
}

.discover__colors__color__images__image {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 90%
}

.discover__colors__color__images__image img {
    position: absolute;
    display: block;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0
}

.discover__colors__color__text {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize
}

.discover__challenges {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 2rem;
    margin-top: 1.5rem;
    margin-bottom: .75rem
}

@media (max-width: 1250px) {
    .discover__challenges {
        grid-gap: 1.25rem
    }
}

.discover__challenges__challenge {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 2.25rem;
    padding: 1.75rem 2rem;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    text-decoration: none
}

.discover__challenges__challenge:hover {
    background: #e8e8e8
}

@media (max-width: 1250px) {
    .discover__challenges__challenge {
        grid-template-columns:1fr
    }
}

.discover__challenges__challenge__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.discover__challenges__challenge__image img {
    border-radius: 50%
}

.discover__challenges__challenge__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.discover__challenges__challenge__content__about__pretitle {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2rem
}

@media (max-width: 1250px) {
    .discover__challenges__challenge__content__about__pretitle {
        margin-bottom: .85rem
    }
}

.discover__challenges__challenge__content__about__title {
    display: block;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1250px) {
    .discover__challenges__challenge__content__about__title {
        margin-bottom: 1rem
    }
}

.discover__challenges__challenge__content__brand {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

img.discover__challenges__challenge__content__brand__logo {
    width: 45px;
    height: 45px;
    margin-right: .5rem;
    border-radius: 50%
}

.discover__challenges__challenge__content__brand__text span, .discover__challenges__challenge__content__brand__text strong {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.discover__challenges__challenge__content__brand__text span {
    color: #5e5e5e
}

.discover__hero-stories {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 1.15rem;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: 1rem
}

.discover__hero-stories > * {
    -webkit-box-flex: 1;
    flex: 1
}

@media (max-width: 1250px) {
    .discover__hero-stories {
        grid-gap: .15rem
    }
}

.discover__hero-stories__story {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    display: block;
    text-decoration: none;
    padding-bottom: 1.25rem;
    border-radius: 14px
}

.discover__hero-stories__story:hover {
    background: #e8e8e8
}

.discover__hero-stories__story__images {
    position: relative;
    margin-bottom: 1rem;
    min-height: 100px
}

img.discover__hero-stories__story__images__background {
    width: 100%;
    border-radius: 10px
}

img.discover__hero-stories__story__images__avatar {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px solid #fff
}

.discover__hero-stories__story__text {
    text-align: center
}

.discover__hero-stories__story__text__title {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 19px
}

.discover__hero-stories__story__text__description {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.discover__curated-collections {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 1.7rem 1rem;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: 1rem
}

ul.discover__tags {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 1.25rem;
    margin-bottom: .75rem;
    padding: 0;
    white-space: nowrap;
    color: #9e9e9e;
    text-transform: capitalize
}

@media (max-width: 1250px) {
    ul.discover__tags {
        margin-bottom: 0
    }
}

ul.discover__tags li {
    display: inline
}

ul.discover__tags li a {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    display: inline-block;
    padding: .8rem 1.25rem;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 6px;
    margin-right: .25rem;
    cursor: pointer;
    text-decoration: none
}

ul.discover__tags li a:hover {
    background: #e8e8e8
}

.title-bar {
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.title-bar__title {
    font-size: 17px;
    line-height: 26px;
    margin-top: 0;
    letter-spacing: .4px;
    margin-bottom: 0;
    padding: 1.25rem
}

.title-bar__title a {
    font-weight: 600;
    text-decoration: none
}

.hub-pages {
    padding-top: .5rem;
    padding-bottom: 2rem
}

.hub-pages__section__title {
    margin-bottom: 1.25rem
}

.hub-pages__section {
    margin-top: .5rem
}

.hub-pages__section.hub-pages__section__margin-top {
    margin-top: 1.75rem
}

@media (max-width: 1250px) {
    .hub-pages__section.hub-pages__section__margin-top {
        margin-top: 1.25rem
    }
}

.hub-pages__section__title {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1px;
    margin-bottom: 0
}

.photo-page__section--related-photos .photos[data-cutoff-elements-after-the-shortest-column]:after {
    height: 250px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(30%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%)
}

.hub-pages__photo-grid__btn-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 2rem 1rem
}

.hub-pages__photo-grid__btn-container a {
    font-weight: 500
}

.hub-pages__tag-links {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    color: #9e9e9e;
    text-transform: capitalize;
    margin-left: -5px
}

.hub-pages__tag-links a {
    padding: .5rem;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    padding: .8rem 1.25rem;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 6px;
    margin: 5px;
    cursor: pointer;
    text-decoration: none
}

.hub-pages__tag-links a:hover {
    background: #e8e8e8
}

.hub-pages__collection-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.hub-pages__collection-container > a {
    margin-right: .5rem;
    margin-left: .5rem
}

.feedback-header nav {
    z-index: 111
}

.feedback-modal__overlay {
    padding-top: 8rem
}

.rd__modal__overlay--centered .rd__modal__content.feedback-modal__content {
    padding: 5rem 0 0;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.feedback-modal__medium {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.feedback-modal__medium img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px
}

.feedback-modal__body {
    padding-left: 2rem;
    padding-right: 2rem
}

.feedback-modal__body__titles {
    margin-bottom: 3rem
}

.feedback-modal__body__titles__title {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.feedback-modal__body__titles__subtitle {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.feedback-modal__body__titles__disclaimer {
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    text-align: center
}

.feedback-modal__form__input-group {
    margin-bottom: 2rem
}

.feedback-modal__form__input-group label {
    display: block;
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-bottom: 1rem
}

.feedback-modal__form__input-group textarea {
    resize: none
}

.feedback-modal__form__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 2rem
}

.feedback-modal__form__actions__send {
    margin-left: 1rem
}

.feedback-modal__photographer {
    background-color: #e8e8e8;
    padding: 1rem 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.feedback-modal__photographer__avatar {
    padding-right: 1rem
}

.feedback-modal__photographer__avatar img {
    max-width: 3rem;
    max-height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

a.feedback-modal__photographer__info {
    text-decoration: none
}

.feedback-modal__photographer__info__name {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.api-landing-page__section--cases {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--grey {
    background: #f9f9f9
}

.api-landing-page__section--grey .api-landing-page__section__content {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--hero {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    display: grid;
    grid-template-columns:1fr 1.25fr;
    grid-gap: 4.5rem;
    padding-top: 9rem;
    margin-bottom: 9rem
}

@media (max-width: 849px) {
    .api-landing-page__section--hero {
        grid-template-columns:1fr
    }
}

.api-landing-page__section--brands {
    white-space: nowrap;
    text-align: center;
    margin-bottom: 9rem;
    overflow-x: auto
}

.api-landing-page__section--brands img {
    padding: 1rem 2rem;
    box-sizing: content-box;
    height: 50px
}

.api-landing-page__section--integration {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 10.5rem
}

.api-landing-page__section--new-content {
    padding-top: 7rem;
    padding-bottom: 8.5rem;
    background: #f9f9f9;
    margin-bottom: 10.5rem
}

.api-landing-page__section--new-content .api-landing-page__section__title {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--new-content .api-landing-page__section__title .api-landing-page__title {
    max-width: 75%;
    margin-bottom: 8rem
}

.api-landing-page__section--new-content .api-landing-page__section__photo-row {
    white-space: nowrap;
    text-align: center;
    overflow: auto;
    margin-bottom: 6.5rem
}

.api-landing-page__section--new-content .api-landing-page__section__photo-row img {
    display: inline-block;
    height: 500px;
    width: auto
}

.api-landing-page__section--new-content .api-landing-page__section__photo-row img:not(:last-child) {
    margin-right: 2.5rem
}

.api-landing-page__section--new-content .api-landing-page__section__overview .landing-page__bubble--grid {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--new-content .api-landing-page__section__container {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--faq {
    padding: 8.5rem 0;
    margin-bottom: 10.5rem;
    background: #f9f9f9
}

.api-landing-page__section--faq .api-landing-page__section__container {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.api-landing-page__section--popular {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 10rem
}

.api-landing-page__section--popular .api-landing-page__title {
    text-align: center;
    margin-bottom: 7.75rem
}

.api-landing-page__section--popular .api-landing-page__bubble {
    margin-bottom: 5.75rem
}

.api-landing-page__section--popular .api-landing-page__popular__cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.api-landing-page__section--dev-showcase {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 8.5rem
}

.api-landing-page__section--start-building {
    max-width: 1200px;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 8.5rem
}

.api-landing-page__title {
    display: block;
    font-size: 50px;
    line-height: 1.1;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -.5px;
    margin-bottom: 0;
    margin-bottom: 2.75rem
}

.api-landing-page__title em {
    font-style: normal
}

.api-landing-page__sub-section-title {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2rem
}

.api-landing-page__desc {
    display: block;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-bottom: 2.5rem
}

.api-landing-page__desc:last-child {
    margin-bottom: 0
}

.api-landing-page__button-group {
    margin-bottom: 2.5rem
}

.api-landing-page__button-group > *:not(:last-child) {
    margin-right: 1rem
}

.api-landing-page__cta {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #a6aaad
}

.api-landing-page__cta em {
    font-style: normal;
    font-weight: 500
}

.api-landing-page__sub-section-icon {
    width: 35px;
    height: 35px;
    margin-bottom: 2rem
}

.api-landing-page__sub-section-icon--large {
    width: 80px;
    height: 80px;
    margin-bottom: 2rem
}

.api-landing-page__bubble {
    background: 0 0;
    background: #f9f9f9;
    padding: 5.5rem 6rem;
    border-radius: 30px
}

.api-landing-page__bubble .api-landing-page__bubble__item {
    background: #f9f9f9
}

.api-landing-page__bubble--white {
    background: #fff
}

.api-landing-page__bubble--white .api-landing-page__bubble__item {
    background: #fff
}

.api-landing-page__bubble--split {
    display: grid;
    grid-gap: 6.5rem;
    grid-template-columns:1.5fr 1fr
}

.api-landing-page__bubble--even-split {
    display: grid;
    grid-gap: 6.5rem;
    grid-template-columns:1fr 1fr
}

.api-landing-page__bubble--split > *, .api-landing-page__bubble--even-split > * {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start
}

.api-landing-page__bubble--links {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: .5rem;
    z-index: 0;
    background: 0 0;
    padding: 0
}

.api-landing-page__bubble--links .api-landing-page__bubble__item {
    padding: 3rem 2.5rem;
    -webkit-transition: .25s box-shadow ease-in-out;
    transition: .25s box-shadow ease-in-out
}

.api-landing-page__bubble--links .api-landing-page__bubble__item:hover {
    box-shadow: 20px 20px 30px rgba(0, 0, 0, .04);
    z-index: 1
}

.api-landing-page__bubble--grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 4rem;
    background: 0 0;
    padding: 0
}

.api-landing-page__bubble--grid .api-landing-page__bubble__item {
    padding: 3rem 5.25rem
}

.api-landing-page__bubble__item {
    text-decoration: none;
    border-radius: 30px
}

.api-landing-page__bubble__icon {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.api-landing-page__bubble__icon svg {
    position: absolute;
    top: -50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.api-landing-page__bubble__video {
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    overflow: hidden;
    border-radius: 30px
}

.api-landing-page__bubble__video video {
    position: absolute;
    width: 100%
}

@media (max-width: 849px) {
    .api-landing-page__bubble {
        grid-template-columns:1fr
    }

    .api-landing-page__bubble:not(.api-landing-page__bubble--grid):not(.api-landing-page__bubble--links) {
        padding: 3rem 1.5rem
    }

    .api-landing-page__bubble--links .api-landing-page__bubble__item, .api-landing-page__bubble--grid .api-landing-page__bubble__item {
        padding: 3rem 1.5rem
    }

    .api-landing-page__bubble__icon {
        grid-row-start: 1
    }

    .api-landing-page__bubble__video {
        grid-row-start: 2
    }
}

.api-examples {
    position: relative;
    height: 100%;
    min-height: 400px;
    z-index: 0
}

@media (min-width: 849px) {
    .api-examples:after {
        content: "";
        border-radius: 50%;
        position: absolute;
        width: 100%;
        padding-bottom: 100%;
        top: -10%;
        left: -5%;
        border: 1px solid #efefef;
        z-index: -1
    }
}

.api-examples__example {
    position: absolute
}

.api-examples__example:first-child {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.api-examples__example:last-child {
    width: 75%;
    height: 75%;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(2rem, 1rem);
    transform: translate(2rem, 1rem)
}

.api-examples__example--dark .api-examples__example__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#3e3e3e));
    background: linear-gradient(#4a4a4a 0%, #3e3e3e 100%)
}

.api-examples__example--dark .api-examples__example__body {
    background: #2d2d2d;
    color: #fff
}

.api-examples__example__bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#ecebec), to(#d4d3d4));
    background: linear-gradient(#ecebec 0%, #d4d3d4 100%);
    padding: 0 1rem;
    height: 2rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.api-examples__example__bar > span {
    width: 10px;
    height: 10px;
    margin-right: .5rem;
    border-radius: 50%
}

.api-examples__example__bar > span:nth-child(1) {
    background: #ff6157
}

.api-examples__example__bar > span:nth-child(2) {
    background: #ffc12f
}

.api-examples__example__bar > span:nth-child(3) {
    background: #2acb42
}

.api-examples__example__body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    padding-top: 3.5rem;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 25px 30px rgba(0, 0, 0, .07);
    overflow: hidden
}

.api-examples__example__body pre {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.api-examples__example__body__code {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px
}

.js-api-example-url {
    display: block;
    overflow: hidden;
    border-right: .5rem solid #05a081;
    white-space: nowrap;
    letter-spacing: 1px
}

.js-api-example-code {
    display: block
}

.js-api-example-image-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.js-api-example-image-grid > div > div {
    opacity: 0
}

.js-api-example-image-grid img {
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    padding: 0;
    height: auto
}

.js-api-example-image-grid--video > div > div {
    position: relative
}

.js-api-example-image-grid--video > div > div:after {
    content: "▶";
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

.api-icon-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));
    grid-gap: 4rem
}

.api-icon-grid__item__title {
    display: block;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 1.75rem
}

.api-icon-grid__item__desc {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.api-faq__title {
    display: block;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 3.5rem
}

.api-faq__question {
    margin-bottom: 2rem
}

.api-faq__question:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 2rem
}

.api-faq__question:last-child {
    margin-bottom: 3.5rem
}

.api-faq__question__title {
    display: block;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2rem
}

.api-faq__question__answer {
    display: block;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.api-icon-circle {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    padding-bottom: 100%;
    width: 100%;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

@media (max-width: 849px) {
    .api-icon-circle {
        grid-row-start: 1
    }
}

.api-icon-circle__icons {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: icon-animation 7.5s ease-in-out infinite alternate;
    animation: icon-animation 7.5s ease-in-out infinite alternate
}

.api-icon-circle__icons svg {
    height: 150px;
    width: 150px;
    border-radius: 25px
}

.api-icon-circle__icons svg.airtable, .api-icon-circle__icons svg.sketch {
    background: #fff
}

.api-icon-circle__icons svg.canva {
    background: #00c4cc
}

.api-icon-circle__icons svg.wordpress {
    background: #00aae0
}

.api-icon-circle__icons svg.monkey {
    background: #00bf6f
}

.api-icon-circle__icons svg.hootsuite {
    background: #2c343e
}

.api-icon-circle__icons svg.typeform {
    background: #262627
}

@-webkit-keyframes icon-animation {
    0% {
        -webkit-transform: rotate(-10deg) translateX(0);
        transform: rotate(-10deg) translateX(0)
    }
    100% {
        -webkit-transform: rotate(-10deg) translateX(-25%);
        transform: rotate(-10deg) translateX(-25%)
    }
}

@keyframes icon-animation {
    0% {
        -webkit-transform: rotate(-10deg) translateX(0);
        transform: rotate(-10deg) translateX(0)
    }
    100% {
        -webkit-transform: rotate(-10deg) translateX(-25%);
        transform: rotate(-10deg) translateX(-25%)
    }
}

.api-case {
    max-width: 1500px;
    margin: auto;
    padding: 0 2rem
}

.api-case__skinny-block {
    max-width: 1200px;
    margin: auto
}

.api-case__text-block__title {
    display: block;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: -.5px;
    margin-bottom: 1.5rem
}

.api-case__text-block__pre, .api-case__text-block__text {
    display: block;
    font-size: 21px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.api-case__text-block__button {
    margin-top: 2.5rem
}

.api-case__text-block__pre {
    color: #5e5e5e;
    margin-bottom: 1rem;
    font-weight: 400
}

@media (max-width: 1000px) {
    .api-case__text-block__title {
        display: block;
        font-size: 35px;
        line-height: 1.2;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0;
        margin-bottom: 1.5rem
    }

    .api-case__text-block__pre, .api-case__text-block__text {
        display: block;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0
    }

    .api-case__text-block__pre {
        margin-bottom: 1rem
    }
}

.api-case__header {
    margin-top: 9.5rem;
    margin-bottom: 5rem
}

.api-case__header__back {
    margin-bottom: 6rem
}

.api-case__header__back .rd__button {
    border-radius: 15px
}

.api-case__header__titles {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 6rem
}

@media (max-width: 1200px) {
    .api-case__header__titles {
        grid-gap: 4rem
    }
}

@media (max-width: 1000px) {
    .api-case__header {
        margin-top: 2.5rem;
        margin-bottom: 4rem
    }

    .api-case__header__back {
        margin-bottom: 2.75rem
    }

    .api-case__header__back .rd__svg-icon {
        width: 25px;
        height: 25px
    }

    .api-case__header__titles {
        grid-template-columns:1fr;
        grid-gap: 4rem
    }
}

.api-case__featured-video {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8.5rem
}

.api-case__featured-video__aspect-box {
    position: relative;
    padding-bottom: 53%;
    width: 100%
}

.api-case__featured-video__aspect-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 1000px) {
    .api-case__featured-video {
        margin-bottom: 4rem
    }
}

.api-case__icon-grid {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 3.5rem;
    margin-bottom: 8.5rem
}

.api-case__icon-grid__item {
    padding: 6rem 4rem 4rem;
    background: #fafafa;
    color: #5e5e5e;
    border-radius: 50px
}

.api-case__icon-grid__item__icon {
    margin-bottom: 2.75rem;
    width: 75px
}

.api-case__icon-grid__item__text {
    display: block;
    font-size: 22px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1000px) {
    .api-case__icon-grid {
        grid-gap: .75rem;
        grid-template-columns:1fr
    }

    .api-case__icon-grid__item {
        padding-bottom: 5.5rem;
        padding-top: 3.25rem;
        padding-left: 3.25rem;
        padding-right: 3.25rem
    }

    .api-case__icon-grid__item__icon {
        margin-bottom: 2.25rem
    }

    .api-case__icon-grid__item__text {
        font-size: 18px;
        line-height: 1.7;
        font-weight: 400
    }
}

.api-case__video-text-block {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 8rem;
    margin-bottom: 8.5rem
}

.api-case__video-text-block .api-case__video-text-block__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.api-case__video-text-block video {
    width: 100%;
    border-radius: 30px
}

@media (max-width: 1000px) {
    .api-case__video-text-block {
        grid-template-columns:1fr;
        grid-gap: 3.25rem;
        margin-bottom: 4rem
    }

    .api-case__video-text-block video {
        grid-row: 2
    }

    .api-case__video-text-block__text {
        grid-row: 1
    }
}

.api-case__quote {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    background: #fafafa;
    padding: 7.5rem 1rem;
    border-radius: 50px;
    margin-bottom: 6.5rem
}

.api-case__quote__background {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 50%
}

.api-case__quote__text {
    display: block;
    font-size: 34px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Georgia, times new roman, Times, serif;
    text-align: center;
    margin-bottom: 3.5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(26, 26, 26, .9)
}

.api-case__quote__author {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    left: -10rem
}

.api-case__quote__author img {
    margin-right: 1.5rem;
    height: 80px;
    width: 80px
}

.api-case__quote__author__position {
    color: #5e5e5e
}

@media (max-width: 1000px) {
    .api-case__quote {
        padding: 4rem 2.75rem;
        margin-bottom: 4rem
    }

    .api-case__quote__text {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 3rem
    }

    .api-case__quote__author {
        font-size: 15px;
        left: 0
    }

    .api-case__quote__author img {
        height: 50px;
        width: 50px;
        margin-right: 1rem
    }
}

.api-case__photo-section {
    margin-bottom: 6.5rem
}

.api-case__photo-section__title {
    display: block;
    font-size: 55px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 550px;
    margin-bottom: 4rem
}

.api-case__photo-section__photos {
    white-space: nowrap;
    overflow-x: auto;
    margin-bottom: 3.5rem
}

.api-case__photo-section__photos img {
    margin-right: 3.5rem
}

.api-case__photo-section__cta, .api-case__photo-section__text {
    display: block;
    font-size: 26px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.api-case__photo-section__text {
    max-width: 700px;
    margin-bottom: 3.5rem
}

.api-case__photo-section__cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    margin-left: -.5rem
}

.api-case__photo-section__cta .rd__svg-icon {
    height: 30px;
    width: 30px;
    fill: #9d9d9d;
    margin-right: .5rem
}

@media (max-width: 1000px) {
    .api-case__photo-section {
        margin-bottom: 4rem
    }

    .api-case__photo-section__title {
        font-size: 35px;
        margin-bottom: 3rem
    }

    .api-case__photo-section__photos {
        margin-bottom: 2.5rem
    }

    .api-case__photo-section__photos img {
        height: 300px;
        margin-right: 1.25rem
    }

    .api-case__photo-section__cta, .api-case__photo-section__text {
        font-size: 18px
    }

    .api-case__photo-section__text {
        margin-bottom: 2.75rem
    }
}

.api-case__partnership {
    display: grid;
    grid-template-columns:1fr 1fr;
    background: #fafafa;
    padding: 7.5rem 7.5rem 7.5rem 1rem;
    border-radius: 50px;
    margin-bottom: 7rem
}

.api-case__partnership .api-case__text-block__text {
    color: #5e5e5e
}

.api-case__partnership__img {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 1000px) {
    .api-case__partnership {
        margin-bottom: 4rem
    }

    .api-case__partnership__img {
        display: none
    }

    .api-case__partnership {
        padding: 3.5rem 2.25rem;
        grid-template-columns:1fr
    }
}

.api-case__related-cases {
    margin-bottom: 10rem
}

.api-case__related-cases .api-case__text-block__text {
    margin-bottom: 0;
    color: #5e5e5e
}

.api-case__related-cases__title {
    margin-bottom: 4.5rem
}

.api-case__related-cases__grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 5rem
}

.api-case__related-cases__grid__item {
    text-decoration: none
}

.api-case__related-cases__grid__item img {
    width: 100%;
    margin-bottom: 3.5rem
}

.api-case__related-cases__grid__item:nth-child(even) {
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem)
}

@media (max-width: 1000px) {
    .api-case__related-cases__title {
        margin-bottom: 3.75rem
    }

    .api-case__related-cases__grid {
        grid-template-columns:1fr
    }

    .api-case__related-cases__grid__item img {
        margin-bottom: 2.5rem
    }

    .api-case__related-cases__grid__item:nth-child(even) {
        -webkit-transform: none;
        transform: none
    }
}

.edit-studio {
    max-width: 1500px;
    margin: auto;
    padding: 0 2rem
}

.edit-studio__text-block__title {
    display: block;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: -.5px;
    margin-bottom: 1.5rem
}

.edit-studio__text-block__title--hero {
    font-size: 55px
}

.edit-studio__text-block__text {
    display: block;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.edit-studio__text-block__button {
    margin-top: 2.5rem
}

.edit-studio__header {
    display: grid;
    margin-top: 3.5rem;
    margin-bottom: 5.5rem;
    grid-template-columns:1fr 1.5fr;
    grid-gap: 7rem;
    background: #fafafa;
    border-radius: 50px;
    padding: 2.5rem 3rem 2.5rem 5rem
}

@media (max-width: 1100px) {
    .edit-studio__header {
        grid-template-columns:1fr;
        grid-gap: 4rem;
        padding: 3rem 2rem;
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.edit-studio__header__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.edit-studio__header__drag {
    position: relative;
    padding-bottom: 73%;
    border-radius: 50px;
    overflow: hidden
}

.edit-studio__header__drag--modal {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 1rem);
    z-index: -1;
    border-radius: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0;
    -webkit-transition: 2.5s all ease-in;
    transition: 2.5s all ease-in
}

.edit-studio__header__drag--modal[data-active] {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.edit-studio__header__drag__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.edit-studio__header__drag__item img {
    width: 100%;
    height: 100%
}

.edit-studio__header__drag__item__text-left, .edit-studio__header__drag__item__text-right {
    position: absolute;
    bottom: 2.5rem;
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

.edit-studio__header__drag__item__text-left {
    left: 2rem
}

.edit-studio__header__drag__item__text-right {
    right: 2rem
}

.js-comparison-draggable-handle {
    position: absolute;
    top: 0;
    left: -1%;
    bottom: 0;
    width: 2px;
    cursor: pointer
}

.js-comparison-draggable-handle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff
}

.edit-studio__comparison {
    margin-bottom: 10rem
}

.edit-studio__comparison__text {
    margin-bottom: 3.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end
}

@media (max-width: 1000px) {
    .edit-studio__comparison__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

.edit-studio__comparison__text__content {
    max-width: 515px
}

@media (max-width: 1000px) {
    .edit-studio__comparison__text__content {
        margin-bottom: 2.5rem
    }
}

.edit-studio__comparison__text__buttons .rd__svg-icon {
    width: 25px;
    height: 25px
}

.edit-studio__comparison__items {
    white-space: nowrap;
    overflow-x: auto
}

.edit-studio__comparison-block {
    display: inline-block;
    margin-right: 7rem
}

.edit-studio__comparison-block__images {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1.25rem
}

.edit-studio__comparison-block__images__image {
    position: relative
}

.edit-studio__comparison-block__images__image:not(:last-child) {
    margin-right: 1.25rem
}

.edit-studio__comparison-block__images__image img {
    border-radius: 30px;
    max-height: 500px;
    max-width: 700px;
    height: auto;
    width: auto
}

.edit-studio__comparison-block__images__image__text {
    position: absolute;
    bottom: 2.5rem;
    left: 2rem;
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

.edit-studio__comparison-block__photographer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    white-space: nowrap;
    text-decoration: none
}

.edit-studio__comparison-block__photographer img {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: .75rem;
    margin-right: .75rem
}

.edit-studio__comparison-block__photographer strong {
    position: relative;
    font-weight: 600
}

.edit-studio__comparison-block__photographer strong:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    height: 1px;
    background: #dbdbdb
}

.edit-studio__quotes {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(550px, 1fr));
    grid-gap: 1.75rem;
    margin-bottom: 11.5rem
}

@media (max-width: 1000px) {
    .edit-studio__quotes {
        grid-template-columns:1fr
    }
}

.edit-studio__quotes__quote {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 4rem 4.75rem;
    border-radius: 40px;
    background: #fafafa
}

@media (max-width: 1000px) {
    .edit-studio__quotes__quote {
        padding: 3rem 2rem
    }
}

.edit-studio__quotes__quote__text {
    display: block;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 2rem
}

.edit-studio__quotes__quote__author {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.edit-studio__quotes__quote__author img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    margin-right: 1.5rem
}

.edit-studio__quotes__quote__author strong {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    font-weight: 600
}

.edit-studio__quotes__quote__author strong:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    height: 1px;
    background: #dbdbdb
}

@media (max-width: 1000px) {
    .edit-studio__quotes__quote__author strong:after {
        content: none
    }
}

.edit-studio__faq {
    margin-bottom: 10rem
}

.edit-studio__faq__question {
    margin-bottom: 2rem
}

.edit-studio__faq__question:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 2rem
}

.edit-studio__faq__question:last-child {
    margin-bottom: 3.5rem
}

.edit-studio__faq__question[data-active] .edit-studio__faq__question__title {
    color: #1a1a1a
}

.edit-studio__faq__question[data-active] .edit-studio__faq__question__title .rd__svg-icon {
    fill: #1a1a1a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.edit-studio__faq__question[data-active] .edit-studio__faq__question__answer {
    display: block
}

.edit-studio__faq__question__title {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    background: 0 0;
    border: none;
    color: #a6aaad;
    width: 100%;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    padding: 0
}

.edit-studio__faq__question__title:focus {
    outline: none
}

.edit-studio__faq__question__title .rd__svg-icon {
    fill: #a6aaad;
    width: 25px;
    min-width: 25px;
    height: 25px;
    -webkit-transition: .25s -webkit-transform ease;
    transition: .25s -webkit-transform ease;
    transition: .25s transform ease;
    transition: .25s transform ease, .25s -webkit-transform ease;
    margin-left: 2rem
}

.edit-studio__faq__question__answer {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    display: none
}

#image-upload {
    position: relative;
    margin-bottom: 10rem
}

#image-upload .fsp-modal {
    min-height: 600px;
    border: none
}

#image-upload .fsp-picker, #image-upload .fsp-picker-holder, #image-upload .fsp-modal {
    background: 0 0
}

#image-upload .fsp-picker {
    border: 2px dotted #d3d3d3;
    border-radius: 50px;
    overflow: hidden
}

#image-upload .fsp-picker--inline {
    min-width: auto
}

#image-upload .fsp-picker-holder {
    z-index: 0
}

#image-upload .fsp-header {
    display: none
}

#image-upload .fsp-footer {
    padding: 3rem
}

#image-upload .fsp-content {
    height: 100% !important;
    padding: 2rem
}

#image-upload .fsp-summary {
    padding-bottom: 0
}

#image-upload .fsp-summary__header {
    padding: 1rem 3rem
}

#image-upload .fsp-drop-area-container {
    padding: 0
}

#image-upload .fst-sidebar {
    padding: 2rem 0
}

#image-upload .cropper-drag-box, #image-upload .fsp-drop-area {
    border: none;
    background: 0 0
}

#image-upload .fsp-text__title {
    display: block;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a;
    margin-bottom: 1.5rem
}

#image-upload .fsp-text__subheader {
    display: block;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a
}


#image-upload .fsp-button--primary {
    background: #05a081
}

#image-upload .fsp-summary__body {
    padding: 2rem
}

#image-upload > ul {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.4
}

#image-upload > ul li strong {
    display: block;
    margin-bottom: 1rem;
    font-weight: 700
}

#image-upload[data-active] > ul {
    display: none
}

.onboarding-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e8e8e8
}

.onboarding-header__logo {
    display: block;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

.onboarding-header__logo__img {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-header__logo__img svg {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

.onboarding-header__logo__text {
    margin-left: 1rem
}

.onboarding-header__login {
    position: absolute;
    right: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.onboarding-header__login .rd__button--grey {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.onboarding-header__login__prompt {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e;
    margin-right: 1rem
}

@media (max-width: 900px) {
    .onboarding-header__login__prompt {
        display: none
    }
}

@media (max-width: 900px) {
    .onboarding-over-midsize {
        display: none !important
    }
}

@media (min-width: 900px) {
    .onboarding-under-midsize {
        display: none !important
    }
}

.onboarding-start {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 6rem;
    margin-bottom: 6rem
}

.onboarding-start__goal {
    display: block;
    font-size: 44px;
    line-height: 56px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1.5px;
    margin-bottom: 0;
    text-align: center;
    margin: 0 .5rem 3rem
}

@media (max-width: 900px) {
    .onboarding-start__goal {
        max-width: 28rem
    }
}

.onboarding-start__roles {
    display: -webkit-box;
    display: flex
}

.onboarding-start__roles .rd__button {
    font-weight: 400
}

.onboarding-start__roles__role {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-left: .7rem;
    margin-right: .7rem;
    width: 27rem;
    border: 1px dashed #d3d3d3;
    border-radius: 14px
}

.onboarding-start__roles__role__featured-image {
    padding: .5rem
}

.onboarding-start__roles__role__featured-image img {
    width: 100%;
    border-radius: 10px
}

.onboarding-start__roles__role__description {
    padding-top: 2.3rem;
    padding-left: 4rem;
    padding-right: 4rem;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    color: #1a1a1a;
    opacity: .8;
    text-align: center
}

.onboarding-start__roles__role__cta {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.onboarding-start__disclaimer {
    width: 42rem;
    padding-top: 3rem;
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e;
    text-align: center
}

.onboarding-start__roles.onboarding-under-midsize {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.onboarding-start__roles__picker {
    max-width: 25rem
}

.onboarding-start__roles__picker input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.onboarding-start__roles__picker__label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 6rem;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: .5rem;
    cursor: pointer;
    background-color: #f1f1f1
}

.onboarding-start__roles__picker__label__title {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a;
    margin-bottom: .5rem
}

.onboarding-start__roles__picker__label__description {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e
}

.onboarding-start__roles__picker__checkmark {
    min-height: 35px;
    min-width: 35px;
    margin-right: 1rem;
    border-radius: 50%;
    background: #fff
}

.onboarding-start__roles__picker__label input:checked ~ .onboarding-start__roles__picker__checkmark {
    border: 3px solid #05a081
}

.onboarding-start__roles__picker__checkmark:after {
    content: "";
    display: none;
    position: relative;
    left: 7px;
    top: 7px
}

.onboarding-start__roles__picker__label input:checked ~ .onboarding-start__roles__picker__checkmark:after {
    display: block
}

.onboarding-start__roles__picker__label .onboarding-start__roles__picker__checkmark:after {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #05a081
}

.onboarding-start__roles__picker__cta {
    margin-top: 2rem
}

.onboarding-start__disclaimer.onboarding-under-midsize {
    max-width: 25rem
}

.onboarding-signup {
    display: -webkit-box;
    display: flex;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 900px) {
    .onboarding-signup {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.onboarding-signup__form-panel {
    padding-top: 4.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width: 900px) {
    .onboarding-signup__form-panel {
        width: calc(50% - 65px);
        height: calc(100vh - 69px);
        overflow: auto
    }
}

.onboarding-signup__photo-panel {
    display: -webkit-box;
    display: flex
}

@media (min-width: 900px) {
    .onboarding-signup__photo-panel {
        width: calc(50% + 65px);
        height: calc(100vh - 69px);
        max-height: 700px;
        overflow: hidden
    }
}

@media (max-width: 900px) {
    .onboarding-signup__photo-panel {
        max-width: 29rem;
        height: 550px;
        overflow: hidden;
        margin-top: 4rem;
        position: relative
    }
}

@media (min-width: 900px) {
    .onboarding-signup__photo-panel__column {
        width: 33%;
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

@media (max-width: 900px) {
    .onboarding-signup__photo-panel__column {
        width: 50%
    }
}

.onboarding-signup__photo-panel__column img {
    border-radius: 30px
}

.onboarding-signup__photo-panel__column__tile {
    padding: .5rem;
    width: 100%
}

.onboarding-signup__photo-panel__column__tile-info {
    max-width: 100%;
    border-radius: 20px;
    padding: 2rem 1rem;
    margin: .5rem
}

.onboarding-signup__photo-panel__quote-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5)
}

.onboarding-signup__photo-panel__quote {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 6rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.onboarding-signup-form {
    max-width: 29rem
}

.onboarding-signup-form__title {
    display: block;
    font-size: 44px;
    line-height: 56px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1.5px;
    margin-bottom: 0;
    margin-bottom: 13px;
    text-align: center
}

.onboarding-signup-form__subtitle {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 28px;
    color: #1a1a1a;
    opacity: .8;
    text-align: center
}

.onboarding-signup-form__sso {
    margin-bottom: 2rem
}

.onboarding-signup-form__sso .rd__svg-icon {
    position: absolute;
    left: .75rem
}

.onboarding-signup-form__or {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e;
    text-align: center
}

.onboarding-signup-form__inputs {
    margin-top: 2rem
}

.onboarding-signup-form__inputs .rd__text-input {
    margin-bottom: 2rem
}

.onboarding-signup-form__inputs .rd__text-input input {
    background: #f1f1f1;
    border-radius: 6px;
    border: 2px solid #fff;
    height: 3rem;
    padding: 1rem;
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #1a1a1a
}

.onboarding-signup-form__inputs .rd__text-input input::-webkit-input-placeholder {
    color: #9e9e9e
}

.onboarding-signup-form__inputs .rd__text-input input::-moz-placeholder {
    color: #9e9e9e
}

.onboarding-signup-form__inputs .rd__text-input input:-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-signup-form__inputs .rd__text-input input::-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-signup-form__inputs .rd__text-input input::placeholder {
    color: #9e9e9e
}

.onboarding-signup-form__inputs .rd__text-input input:focus {
    background: #fff;
    border: 2px solid #03a181
}

.onboarding-signup-form__inputs .rd__button {
    font-weight: 400;
    margin-bottom: 2rem
}

.onboarding-signup-form__terms {
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #9e9e9e
}

.onboarding-signup-form__terms a {
    text-decoration: none;
    color: #5e5e5e
}

.onboarding-signup-quote {
    background-color: #68069b
}

.onboarding-signup-quote__text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    text-align: center;
    color: #e8e8e8
}

.onboarding-signup-quote__headshot {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-signup-quote__headshot img {
    height: 40px;
    width: 40px
}

.onboarding-signup-quote__user-name {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    color: #e8e8e8
}

.onboarding-signup-free {
    background-color: #aa2230;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.onboarding-signup-free__icon {
    margin-bottom: 2rem
}

.onboarding-signup-free__icon svg {
    height: 50px;
    width: 50px
}

.onboarding-signup-free__text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 0;
    letter-spacing: -.2px;
    margin-bottom: 0;
    text-align: center;
    color: #e8e8e8
}

.onboarding-tutorial-modal.rd__modal__content {
    border-radius: 20px
}

@media (min-width: 900px) {
    .onboarding-tutorial-modal.rd__modal__content {
        max-width: 875px
    }
}

.onboarding-tutorial-modal-confirmation.rd__modal__content {
    max-width: 44rem;
    border-radius: 20px
}

.onboarding-tutorial-modal-banner.rd__modal__content {
    max-width: 100rem;
    border-radius: 20px;
    background-color: #05a081
}

.onboarding-tutorial-modal__overlay.rd__modal__overlay {
    background-color: rgba(12, 15, 19, .3)
}

.onboarding-tutorial-modal-confirmation__overlay.rd__modal__overlay {
    background-color: transparent
}

.onboarding-tutorial-modal-banner__overlay.rd__modal__overlay {
    background-color: transparent
}

.onboarding-tutorial-modal.rd__modal__content--small.rd__modal__content--with-top-bar {
    padding: .5rem;
    margin-bottom: 2rem
}

.onboarding-tutorial-modal-confirmation.rd__modal__content--small.rd__modal__content--with-top-bar {
    padding: .5rem;
    margin-bottom: 2rem;
    box-shadow: 0 1rem 2rem #00000033
}

@media (min-width: 900px) {
    .onboarding-tutorial-modal-confirmation.rd__modal__content--small.rd__modal__content--with-top-bar {
        margin-top: 23rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial-modal-confirmation.rd__modal__content--small.rd__modal__content--with-top-bar {
        margin-top: 12rem
    }
}

.onboarding-tutorial-modal-banner.rd__modal__content--small.rd__modal__content--with-top-bar {
    padding: 0;
    margin-bottom: 2rem;
    box-shadow: 0 1rem 2rem #00000033
}

@media (min-width: 900px) {
    .onboarding-tutorial-modal-banner.rd__modal__content--small.rd__modal__content--with-top-bar {
        margin-top: 23rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial-modal-banner.rd__modal__content--small.rd__modal__content--with-top-bar {
        margin-top: 12rem
    }
}

.onboarding-tutorial {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 900px) {
    .onboarding-tutorial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.onboarding-tutorial__next-section {
    display: -webkit-box;
    display: flex;
    max-width: 15rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem
}

.onboarding-tutorial__text {
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin: 2rem 5rem 2rem 2rem
}

@media (max-width: 900px) {
    .onboarding-tutorial__text {
        margin: 1.5rem 1.5rem 0
    }
}

.onboarding-tutorial__text.onboarding-tutorial__text-compact {
    margin: 2rem 3.5rem
}

@media (max-width: 900px) {
    .onboarding-tutorial__text.onboarding-tutorial__text-compact {
        text-align: center
    }
}

.onboarding-tutorial__text__title {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.onboarding-tutorial__text__subtitle {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.onboarding-tutorial__text__tagline {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-bottom: 1rem
}

.onboarding-tutorial__text__main-message {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0
}

.onboarding-tutorial__text-compact .onboarding-tutorial__text__main-message {
    padding-bottom: 4.5rem
}

.onboarding-tutorial__text__description {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 5rem
}

.onboarding-tutorial__text__form-group {
    margin-bottom: 5rem
}

.onboarding-tutorial__text__form .avatar-form__progress {
    position: absolute
}

.onboarding-tutorial__text__form textarea {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 6px;
    border: 2px solid #e8e8e8;
    background-color: #e8e8e8;
    padding: 1rem;
    resize: none;
    height: 10rem
}

.onboarding-tutorial__text__form textarea:focus {
    background-color: #fff;
    border: 2px solid #05a081;
    outline: none
}

.onboarding-tutorial__text__form textarea::-webkit-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form textarea::-moz-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form textarea:-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form textarea::-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form textarea::placeholder {
    color: #9e9e9e
}

@media (min-width: 900px) {
    .onboarding-tutorial__text__form textarea {
        width: 28rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__text__form textarea {
        width: 100%
    }
}

.onboarding-tutorial__avatar-form__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 20px
}

@media (max-width: 900px) {
    .onboarding-tutorial__avatar-form__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 900px) {
    .onboarding-tutorial__avatar-form__body .avatar-form__img-container {
        margin-right: 2rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__avatar-form__body .avatar-form__img-container {
        margin-bottom: 2rem
    }
}

.onboarding-tutorial__avatar-form__body .avatar-form__img-container img {
    width: 100px;
    height: 100px
}

.onboarding-tutorial__avatar-form__body__button {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    height: 45px;
    max-width: 16rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #9e9e9e;
    color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-tutorial__avatar-form__body__button.avatar-form__btn {
    margin-top: 0;
    margin-left: 0;
    padding-left: 2rem;
    padding-right: 2rem
}

.onboarding-tutorial__text__form__input-row {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 1.5rem
}

@media (max-width: 900px) {
    .onboarding-tutorial__text__form__input-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.onboarding-tutorial__text__form__input-row .onboarding-tutorial__text__form {
    -webkit-box-flex: 1;
    flex-grow: 1
}

@media (min-width: 900px) {
    .onboarding-tutorial__text__form__input-row .onboarding-tutorial__text__form:not(:first-child) {
        margin-left: 1.5rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__text__form__input-row .onboarding-tutorial__text__form:not(:first-child) {
        margin-top: 1.5rem
    }
}

.onboarding-tutorial__text__form__input label {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #5e5e5e;
    margin-bottom: .5rem
}

.onboarding-tutorial__text__form__input input {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
    width: 100%;
    padding: 1rem;
    background-color: #e8e8e8;
    border-radius: 6px;
    border: 2px solid #e8e8e8
}

.onboarding-tutorial__text__form__input input::-webkit-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input input::-moz-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input input:-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input input::-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input input::placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input input:focus {
    background-color: #fff;
    border: 2px solid #05a081;
    outline: none
}

.onboarding-tutorial__text__form__input-group {
    display: -webkit-box;
    display: flex;
    margin-bottom: 1rem
}

.onboarding-tutorial__text__form__input-group input {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
    padding: 1rem;
    background-color: #e8e8e8;
    border-radius: 6px 0 0 6px;
    border: none
}

.onboarding-tutorial__text__form__input-group input::-webkit-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input-group input::-moz-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input-group input:-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input-group input::-ms-input-placeholder {
    color: #9e9e9e
}

.onboarding-tutorial__text__form__input-group input::placeholder {
    color: #9e9e9e
}

@media (min-width: 900px) {
    .onboarding-tutorial__text__form__input-group input {
        width: 20rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__text__form__input-group input {
        width: 100%
    }
}

.onboarding-tutorial__text__form__input-group input.onboarding-input-updated {
    background-color: #03a18110
}

.onboarding-tutorial__text__form__input-group button {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    height: 46px;
    width: 7rem;
    background-color: #9e9e9e;
    border-radius: 0 6px 6px 0;
    border: none
}

.onboarding-tutorial__text__form__input-group button.onboarding-input-updated {
    background-color: #05a081
}

.onboarding-tutorial__text__form__input-group__button-done {
    display: none
}

.onboarding-input-updated .onboarding-tutorial__text__form__input-group__button-done {
    display: block
}

.onboarding-input-updated .onboarding-tutorial__text__form__input-group__button-not-done {
    display: none
}

.onboarding-tutorial__text__bullet-points {
    margin-top: 2rem;
    padding-bottom: 5rem
}

.onboarding-tutorial__text__bullet-point {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

.onboarding-tutorial__text__bullet-point__numbers {
    min-height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background-color: #0063f926;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-tutorial__text__bullet-point__number {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0
}

.onboarding-tutorial__text__bullet-point__text {
    margin-left: 1.5rem;
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    letter-spacing: -.25px;
    margin-bottom: 0
}

.onboarding-tutorial__text__cta-buttons {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    height: 45px;
    width: 100%
}

.onboarding-tutorial__text__back-button {
    width: 64px;
    border: 1px solid #0064f9;
    border-radius: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: .5rem
}

.onboarding-tutorial__text__cta-button {
    background-color: #0064f9;
    border-radius: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1
}

a.onboarding-tutorial__text__cta-button {
    text-decoration: none
}

.onboarding-tutorial__text__cta-button.onboarding-tutorial__text__cta-button-final {
    background-color: #05a081
}

.onboarding-tutorial__text__cta-button__action {
    height: 45px;
    padding: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-tutorial__text__cta-button__action__title {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #e8e8e8;
    margin-right: .5rem
}

.onboarding-tutorial__photos {
    overflow: hidden;
    line-height: 0;
    position: relative
}

@media (min-width: 900px) {
    .onboarding-tutorial__photos {
        max-width: 342px;
        min-width: 342px;
        height: 516px
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__photos {
        margin-top: 3rem;
        width: 100%
    }
}

img.onboarding-tutorial__photos__single-photo {
    border-radius: 16px
}

@media (min-width: 900px) {
    .onboarding-tutorial__photos.onboarding-tutorial__photos-small {
        height: 374px
    }
}

@media (min-width: 900px) {
    .onboarding-tutorial__photos.onboarding-tutorial__photos-compact {
        max-width: 230px;
        min-width: 230px;
        height: 230px
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__photos.onboarding-tutorial__photos-compact {
        max-width: 130px;
        min-width: 130px;
        height: 130px;
        margin-top: 1.5rem;
        width: 100%
    }
}

.onboarding-tutorial__photos__user {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 900px) {
    .onboarding-tutorial__photos__user {
        left: 1rem;
        bottom: 1rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial__photos__user {
        left: 1.5rem;
        bottom: 1.5rem
    }
}

.onboarding-tutorial__photo-with-logo {
    position: relative
}

.onboarding-tutorial__photo-with-logo svg {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 15px;
    left: 15px
}

@media (max-width: 900px) {
    .onboarding-tutorial__photo-with-logo svg {
        width: 100px;
        height: 100px;
        top: 15px;
        left: 15px
    }
}

.onboarding-tutorial__photos__user__headshot {
    width: 25px
}

.onboarding-tutorial__photos__user__headshot-border img {
    border: 2px solid #fff;
    border-radius: 50%
}

.onboarding-tutorial__photos__user__name {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #e8e8e8;
    margin-left: .5rem
}

.onboarding-tutorial-skipped {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-tutorial-skipped__content {
    display: -webkit-box;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #fff
}

@media (max-width: 900px) {
    .onboarding-tutorial-skipped__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.onboarding-tutorial-skipped__content__text {
    max-width: 27rem
}

@media (min-width: 900px) {
    .onboarding-tutorial-skipped__content__text {
        margin-right: 7rem
    }
}

@media (max-width: 900px) {
    .onboarding-tutorial-skipped__content__text {
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.onboarding-tutorial-skipped__content__text__tagline {
    padding-bottom: 1rem;
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.onboarding-tutorial-skipped__content__text__message {
    display: block;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0
}

.onboarding-tutorial-skipped__content__cta {
    max-width: 30rem
}

@media (max-width: 900px) {
    .onboarding-tutorial-skipped__content__cta {
        margin-top: 3rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.onboarding-tutorial-skipped__content__cta__bullet-point {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1rem
}

.onboarding-tutorial-skipped__content__cta__bullet-point__number {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 18px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    background-color: #1a1a1a26;
    border-radius: 50%
}

.onboarding-tutorial-skipped__content__cta__bullet-point__text {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 200;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 1px
}

.onboarding-profile-example {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 516px;
    background-color: #02524c;
    border-radius: 24px;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.onboarding-profile-example__headshot {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 3px solid #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.onboarding-profile-example__name {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    color: #e8e8e8;
    padding-top: 1.5rem
}

.onboarding-profile-example__bio {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    color: #e8e8e8;
    text-align: center;
    padding-top: 1.5rem
}

.onboarding-profile-example__social {
    margin-top: 3rem;
    display: -webkit-box;
    display: flex;
    width: 10rem;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly
}