@font-face {
    font-family: "Haas Grot Text R Web";
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Haas Grot Text R Web";
	font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Haas Grot Text R Web"; font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Haas Grot Text R Web";
	font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Haas Grot Text R Web";
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Haas Grot Text R Web";
    font-weight: 700;
    font-style: italic
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    background: transparent
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html {
        -webkit-font-smoothing:subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media only screen and (max-width: 959px) {
    html {
        -webkit-text-size-adjust:none;
        -webkit-tap-highlight-color: transparent
    }
}

body {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    font-size: 62.5%;
    -webkit-font-variant-ligatures: normal;
    font-variant-ligatures: normal;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    background: #fff;
    overflow-x: hidden
}

@media only screen and (max-width: 959px) {
    body {
        padding-top:40px
    }
}

@media only screen and (max-width: 959px) {
    body.scroll {
        padding-top:0
    }
}

a:link,a:visited {
    color: #3a8bbb;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #1e6189
}

a:active {
    outline: none
}

.pro-text {
    color: #ea4c89 !important
}

.job-text,.hiring-text {
    color: #c142a0 !important
}

.team-text {
    color: #00b6e3 !important
}

.playbook-text {
    color: #53c68c !important
}

button[type="submit"],input[type="submit"] {
    cursor: pointer
}

::-moz-selection {
    color: #fff;
    color: rgba(255,255,255,0.85);
    background: #ea4c89
}

::-moz-selection {
    color: #fff;
    color: rgba(255,255,255,0.85);
    background: #ea4c89
}

::selection {
    color: #fff;
    color: rgba(255,255,255,0.85);
    background: #ea4c89
}

sup {
    vertical-align: super;
    font-size: smaller;
    font-weight: 500;
    color: #444
}

#wrap {
    background: #f4f4f4
}

#wrap-inner {
    padding: 30px 30px 40px 30px;
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body#designers #wrap-inner,body#teams #wrap-inner {
    width: auto
}

@media only screen and (max-width: 959px) {
    #wrap-inner {
        padding:7px
    }
}

body#prospects #wrap-inner {
    padding: 0 30px
}

#content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 14px
}

#main {
    float: left;
    width: 74.54545%
}

body#user-profile #main,body#profile #main,body#profile-secondary #main {
    position: relative
}

#main.main-full {
    float: none;
    width: auto;
    max-width: none
}

@media only screen and (max-width: 959px) {
    #main {
        margin-bottom:40px
    }
}

div.col-half {
    float: left;
    width: 48%;
    margin-right: 4%
}

div.col-half+div.col-half {
    margin-right: 0
}

form.with-messages div.col-half.form-field {
    margin-right: 4%
}

form.with-messages div.col-half.form-field+div.col-half {
    margin-right: 0
}

@media only screen and (max-width: 959px) {
    div.col-half {
        margin-bottom:25px
    }
}

div.secondary {
    float: right;
    width: 22.72727%
}

.constrained-content,.constrained-content-alt,.constrained-content-super {
    max-width: 1100px;
    margin: 0 auto
}

.constrained-content.shot-detail,.shot-detail.constrained-content-alt,.shot-detail.constrained-content-super {
    max-width: 920px
}

.constrained-content.lists-container,.lists-container.constrained-content-alt,.lists-container.constrained-content-super {
    max-width: 700px
}

.constrained-content-narrow {
    max-width: 550px;
    margin: 0 auto
}

.constrained-content-alt #main,.constrained-content-super #main {
    float: right
}

.constrained-content-alt div.secondary,.constrained-content-super div.secondary {
    float: left
}

@media only screen and (max-width: 959px) {
    #content,#main,#main.main-full,div.secondary,.constrained-content-alt #main,.constrained-content-super #main,.constrained-content-alt div.secondary,.constrained-content-super div.secondary,#main div.col-half {
        float:none;
        width: auto
    }
}

.constrained-content-super {
    max-width: 1240px
}

.super-main {
    float: left;
    width: 55%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.super-main.super-main-full {
    float: none;
    width: 75%;
    padding: 0;
    margin: 0 auto;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .super-main.super-main-full {
        width:auto
    }
}

@media only screen and (max-width: 800px) {
    .super-main {
        float:none;
        width: auto;
        padding: 0
    }
}

.super-secondary {
    float: right;
    width: 41%;
    padding: 0 20px 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    .super-secondary {
        float:none;
        width: auto;
        padding: 20px 0 40px 0
    }
}

.super-main h2.alt,.super-secondary h2.alt {
    font-size: 32px;
    letter-spacing: -.02em
}

@media only screen and (max-width: 800px) {
    .super-main h2.alt,.super-secondary h2.alt {
        font-size:24px;
        letter-spacing: -.01em
    }
}

.super-main p,.super-secondary p {
    margin: 0 0 25px 0;
    font-size: 18px;
    line-height: 1.5;
    color: #757575
}

.super-main p.intro,.super-secondary p.intro {
    margin: 0 0 35px 0;
    font-size: 22px;
    line-height: 1.4;
    color: #444
}

.super-main p strong,.super-secondary p strong {
    font-weight: 500
}

.super-main p a,.super-secondary p a {
    font-weight: 500
}

.super-main p .form-sub,.super-main p .btn-talent-application,.super-secondary p .form-sub,.super-secondary p .btn-talent-application {
    display: block;
    padding: 15px;
    font-size: 15px;
    text-align: center
}

.super-main img,.super-secondary img {
    max-width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    border-radius: 3px
}

.super-main .section,.super-secondary .section {
    margin: 0 0 30px 0;
    padding: 40px 0 0 0;
    border-top: 1px solid #ddd
}

.super-main .section h3,.super-secondary .section h3 {
    margin: 20px 0 5px 0;
    font-size: 16px;
    font-weight: bold
}

.super-main .section h3 img.icon,.super-secondary .section h3 img.icon {
    float: left;
    width: 20px;
    margin: -1px 10px 0 0;
    opacity: .72
}

.super-main .section:first-of-type,.super-secondary .section:first-of-type {
    padding-top: 0;
    border-top: none
}

.super-main .guidelines,.super-secondary .guidelines {
    padding: 10%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px
}

@media only screen and (max-width: 800px) {
    .super-main .guidelines,.super-secondary .guidelines {
        padding:5%
    }
}

.super-main .guidelines p,.super-secondary .guidelines p {
    font-size: 15px;
    line-height: 1.5
}

.super-main .cta,.super-secondary .cta {
    margin: 30px 0 40px 0
}

.super-main .cta .form-sub,.super-main .cta .btn-talent-application,.super-secondary .cta .form-sub,.super-secondary .cta .btn-talent-application {
    display: block;
    float: none;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

h1 {
    font-size: 22px;
    line-height: 1.5
}

h1 span.sep {
    margin: 0 2px;
    font-weight: normal;
    text-shadow: none;
    color: #bbb
}

h1.center {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #757575
}

h1.center strong {
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 959px) {
    h1.center {
        margin-bottom:20px;
        padding: 8px 0 20px;
        line-height: 1.25;
        font-size: 18px
    }
}

@media only screen and (max-width: 800px) {
    h1.center.title-long {
        font-size:14px
    }

    h1.center.title-long strong {
        display: block;
        font-size: 18px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 800px) {
    h1.center.with-prev-next {
        padding-bottom:30px
    }
}

h1.center a.previous_page,h1.center a.next_page {
    position: absolute;
    top: 5px;
    font-size: 15px;
    font-weight: 500
}

@media screen and (max-width: 700px) {
    h1.center a.previous_page,h1.center a.next_page {
        top:auto;
        bottom: 8px;
        font-size: 11px
    }
}

h1.center a.previous_page {
    left: 0
}

h1.center a.previous_page:before {
    content: "\2190\0020";
    font-weight: bold
}

h1.center a.next_page {
    right: 0
}

h1.center a.next_page:after {
    content: "\0020\2192";
    font-weight: bold
}

h2.section {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #444;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

h2.section svg {
    height: 13px;
    width: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
    margin-left: 4px;
    opacity: 0.6
}

h2.section span.meta {
    font-weight: normal;
    color: #757575
}

h2.section span.sep {
    margin: 0 4px;
    color: #bbb
}

h2.section.bold {
    margin: 0 0 30px 0;
    padding-bottom: 12px;
    font-size: 30px;
    color: #ea4c89
}

@media only screen and (max-width: 800px) {
    h2.section.bold {
        font-size:26px
    }
}

h2.section.bold a {
    padding-right: 16px;
    color: #ea4c89;
    background: url(/assets/icon-portal-arrow-5be7a1f709c436b94ba0cdff27e73602796f833b8344073357500bf283f7e619.png) no-repeat 100% 14px;
    background-size: 8px 13px
}

h2.section.bold a:hover {
    color: #df3e7b
}

h2.alt {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 500;
    color: #444
}

h2.alt.centered {
    text-align: center
}

h2.alt img.avatar {
    position: relative;
    top: 3px;
    width: 24px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    h2.alt {
        font-size:18px
    }
}

h3.jump {
    font-size: 20px;
    font-weight: 500
}

h3.jump a {
    padding-right: 16px;
    color: #444;
    background: url(/assets/icon-portal-arrow-5be7a1f709c436b94ba0cdff27e73602796f833b8344073357500bf283f7e619.png) no-repeat 100% 7px;
    background-size: 8px 13px
}

h3.jump a:hover {
    color: #757575
}

h3.special {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #444
}

body#players h3.special,body#cities h3.special,body#countries h3.special,body#skills h3.special {
    padding: 28px 0 0 0;
    border-top: 2px solid #ddd
}

body#players h3.special:first-of-type,body#cities h3.special:first-of-type,body#countries h3.special:first-of-type,body#skills h3.special:first-of-type {
    padding: 0;
    border-top: none
}

h3.special span.special-flag {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    background: #ea4c89;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

h3.special span.special-flag:after {
    border-width: 17px 10px 17px 0;
    border-color: #ea4c89 transparent;
    top: 0;
    right: -10px;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid
}

h3.special span.sponsored {
    float: right;
    margin: 0 6px 0 0;
    color: #757575
}

h3.special span.sponsored a {
    font-weight: bold;
    text-decoration: underline
}

h3.special a.date-more {
    padding-right: 12px;
    font-weight: 500;
    background: url(/assets/icon-bluearrow-477841927b132ff98a157e61aa3764f72a553ea9944be2f30799e2c3cd5f2016.png) no-repeat 100% 3px
}

h3.special a.date-more:hover {
    background-position: 100% -19px
}

h3.special-tall {
    margin-bottom: 20px
}

hr,.hide {
    display: none
}

.invisible {
    opacity: 0
}

.hidden {
    visibility: hidden
}

a img {
    border: none
}

.noscroll {
    overflow-x: hidden;
    overflow-y: hidden
}

.group,.constrained-content,.constrained-content-alt,.constrained-content-super,.constrained-content-narrow,div.slat-header,div.full-tabs,#wrap ul.tabs,form.goods-search,.player-list-with-filters {
    position: relative
}

.group:after,.constrained-content:after,.constrained-content-alt:after,.constrained-content-super:after,.constrained-content-narrow:after,div.slat-header:after,div.full-tabs:after,#wrap ul.tabs:after,form.goods-search:after,.player-list-with-filters:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

div.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 3
}

@media only screen and (max-width: 800px) {
    div.back-to-top {
        display:none
    }
}

div.back-to-top a {
    opacity: 0.37
}

div.back-to-top a img {
    height: 50px;
    width: 50px
}

div.back-to-top a:hover {
    opacity: 0.72
}

ul.stat-tabs {
    margin: 18px 0 0 0
}

ul.stat-tabs li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #444;
    border-right: 1px solid #ddd
}

ul.stat-tabs li:last-child {
    margin: 0;
    padding: 0;
    border-right: none
}

ul.stat-tabs li a {
    display: block;
    float: left;
    color: #444
}

ul.stat-tabs li a span.meta {
    color: #999
}

ul.stat-tabs li a:hover {
    color: #3a8bbb
}

ul.stat-tabs li a:hover span.meta {
    color: #757575
}

ul.stat-tabs li span.meta {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: normal;
    color: #999
}

@media only screen and (max-width: 959px) {
    ul.stat-tabs li span.meta {
        display:inline;
        margin-top: 0;
        font-size: 12px
    }
}

ul.stat-tabs li span.positive {
    color: #7bbb5e
}

ul.stat-tabs li span.negative {
    color: #f55
}

ul.stat-tabs li.active a {
    color: #444
}

ul.stat-tabs li.active a span.meta {
    color: #757575
}

div.content-header {
    margin: 10px 0 30px 0;
    padding: 0
}

@media only screen and (max-width: 959px) {
    div.content-header {
        margin-bottom:10px
    }
}

div.content-header h1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em
}

div.content-header h1 em {
    font-weight: normal;
    font-style: normal;
    color: #999
}

@media only screen and (max-width: 959px) {
    div.content-header h1 strong {
        display:block
    }
}

div.content-header p {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.3;
    color: #999
}

div.content-header p span.badge {
    position: relative;
    top: -2px
}

@media only screen and (max-width: 959px) {
    div.content-header p {
        font-size:13px;
        line-height: 1.4
    }
}

div.content-header.centered {
    width: auto
}

div.content-header.centered h1,div.content-header.centered p {
    text-align: center
}

div.content-header.integration-header {
    position: relative;
    padding-left: 80px
}

div.content-header.integration-header img {
    position: absolute;
    top: 0;
    left: 0
}

div.content-header p.scheduled-note {
    font-size: 13px;
    margin-top: 10px
}

div.content-header p.scheduled-note img {
    height: 15px;
    opacity: 0.4;
    vertical-align: text-bottom
}

div.content-header p.scheduled-note a {
    font-weight: 500
}

div.slat-header {
    position: relative;
    margin: 0 0 30px 0;
    padding-left: 60px;
    min-height: 48px
}

div.slat-header img.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    div.slat-header img.photo {
        width:40px;
        height: 40px
    }
}

div.slat-header h1 {
    margin: 0 0 4px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

div.slat-header h1 strong {
    font-weight: 500
}

div.slat-header h1 span.fn a {
    color: #444
}

div.slat-header h1 span.badge {
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

@media only screen and (max-width: 959px) {
    div.slat-header h1 {
        font-size:16px;
        line-height: 1.2;
        margin-bottom: 4px
    }
}

div.slat-header h2 {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    color: #999;
    display: inline-block
}

@media only screen and (max-width: 959px) {
    div.slat-header h2 {
        line-height:1.4
    }
}

div.slat-header h2 strong {
    color: #757575
}

div.slat-header h2.shot-byline {
    display: block
}

div.slat-header h2.shot-byline a.team-hiring {
    margin: 0 2px 0 -2px
}

div.slat-header h2.shot-byline a.team-hiring img {
    height: 12px
}

div.slat-header h2.shot-byline a {
    font-weight: 500
}

div.slat-header h2.shot-byline span.shot-byline-project a {
    font-weight: normal;
    color: #999
}

div.slat-header h2.shot-byline .shot-byline-follow div {
    display: inline
}

div.slat-header h2.shot-byline span.sep {
    margin: 0 5px;
    color: #ccc
}

div.slat-header ul.admin {
    display: inline;
    margin: 0;
    padding: 0;
    border: none
}

div.slat-header ul.admin li {
    display: inline;
    margin: 0 0 0 12px
}

div.slat-header a:hover img {
    opacity: .8
}

@media only screen and (max-width: 959px) {
    div.slat-header.user {
        min-height:40px;
        padding-left: 52px
    }
}

div.slat-header.user.team-shot {
    padding-left: 65px
}

@media only screen and (max-width: 959px) {
    div.slat-header.user.team-shot {
        padding-left:52px
    }
}

div.slat-header.shot {
    min-height: 87px;
    padding-left: 125px
}

@media only screen and (max-width: 959px) {
    div.slat-header.shot {
        min-height:72px;
        padding-left: 105px
    }

    div.slat-header.shot div.slat-shot {
        width: 80px;
        height: 60px
    }

    div.slat-header.shot div.slat-shot a,div.slat-header.shot div.slat-shot a img {
        width: 80px;
        height: 60px
    }
}

div.slat-header span.team-avatar {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 20px;
    height: 20px;
    padding: 2px;
    background: #f4f4f4;
    z-index: 1;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    div.slat-header span.team-avatar {
        width:14px;
        height: 14px;
        top: 24px;
        left: 24px
    }
}

div.slat-header span.team-avatar img {
    display: block;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 2px;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    div.slat-header span.team-avatar img {
        width:14px;
        height: 14px
    }
}

div.slat-header div.slat-shot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 75px;
    padding: 5px;
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 2px
}

div.slat-header div.slat-shot a {
    float: left;
    width: 100px;
    height: 75px;
    background: url(/assets/checker-10x10-1c3daeef61e4fcdcd8eef208e7fd459c99af1f7fc485a73d88af9a9da0c9d542.gif);
    overflow: hidden
}

div.slat-header div.slat-shot a img {
    width: auto;
    max-width: 100px;
    max-height: 75px;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0
}

div.slat-header span.bucket-url {
    margin-left: 5px
}

div.slat-header span.bucket-url a {
    padding: 8px 0 8px 21px;
    font-weight: normal;
    color: #757575;
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(/assets/icon-weburl-58b73c72801773f84a01783a1b6b9b5fa5df4d66f3754ab0ab98a00bd74f34cd.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.slat-header span.bucket-url a {
        background-image:url(/assets/icon-weburl-2x-4b37afea3dd707cb14464067ae36448a3bd28b098a02beb742286f160338b809.png);
        background-size: 16px 16px
    }
}

div.slat-header span.bucket-url a:hover {
    color: #444
}

div.notice {
    padding: 15px;
    font-size: 1.7em;
    font-weight: normal;
    text-align: left;
    color: #fff;
    background: #3a8bbb
}

div.notice h2 {
    max-width: 1100px;
    margin: 0 auto;
    font-weight: normal;
    text-align: center
}

div.notice a:link,div.notice a:visited {
    color: #fff;
    text-decoration: underline
}

div.notice.error {
    background-color: #f55
}

div.notice.success {
    background-color: #7bbb5e
}

body#account-pro div.notice.success {
    background-color: #ea4c89
}

body#jobs div.notice.success {
    background-color: #a0ce6e
}

body#teams-signup div.notice.success {
    background-color: #a0ce6e
}

@media only screen and (max-width: 959px) {
    div.notice {
        font-size:12px
    }

    div.notice h2 {
        width: auto;
        margin: 0
    }
}

h1 span.badge,span.badge {
    padding: 1px 3px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background: #ccc;
    border-radius: 3px
}

span.badge-title {
    margin-left: 1px;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    background: #ccc;
    border-radius: 3px
}

span.badge-title.pro {
    background-color: #ea4c89
}

span.badge-title.team {
    background-color: #00b6e3
}

span.badge-promoted {
    background-color: rgba(157,163,165,0.4);
    border: 1px solid rgba(157,163,165,0.1);
    color: rgba(255,255,255,0.95);
    font-size: 9px;
    font-weight: 500;
    text-shadow: 0 1px 0 rgba(157,163,165,0.5)
}

span.badge-promoted.is-promoted {
    background-color: #df3e7b;
    border: 1px solid #db286c
}

a:hover span.badge-team,span.badge-team:hover,ol.features span.badge-team {
    background-color: #00b6e3
}

span.badge-new {
    background-color: #ea4c89
}

span.badge-pro-gradient {
    background: linear-gradient(45deg, #E47B49 0%, #ea4c89 100%)
}

span.badge-sale {
    background-color: #c142a0
}

a:hover span.badge-pro,a:hover span.badge-admin {
    background-color: #ea4c89
}

a:active span.badge-pro,a:active span.badge-admin {
    background-color: #c22b65
}

a:hover span.badge-hiring {
    background-color: #c142a0
}

a:active span.badge-hiring {
    background-color: #9d3381
}

a:hover span.badge-promoted {
    background-color: #df3e7b;
    border: 1px solid #db286c
}

span.meatball {
    font-size: 11px;
    color: white;
    font-weight: 500;
    background-color: #ea4c89;
    border-radius: 5px;
    padding: 1px 7px 2px 6px;
    display: inline;
    margin-left: 5px;
    position: relative;
    top: -1px
}

div.copy ol.slat-list,ol.slat-list {
    margin-top: 20px;
    margin-bottom: 50px;
    list-style: none
}

div.copy ol.slat-list li,ol.slat-list li {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px 0;
    text-align: left
}

div.copy ol.slat-list li:last-of-type,ol.slat-list li:last-of-type {
    margin-bottom: 0
}

div.copy ol.slat-list li h4.meta,ol.slat-list li h4.meta {
    margin: 5px 0 4px 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #999
}

div.copy ol.slat-list li div.slat-teaser,ol.slat-list li div.slat-teaser {
    width: 160px;
    margin: 0 20px 0 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px
}

div.copy ol.slat-list li div.slat-teaser img,ol.slat-list li div.slat-teaser img {
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25);
    box-shadow: 0 0 1px rgba(0,0,0,0.25);
    border-radius: 2px;
    width: 100%
}

div.copy ol.slat-list li div.slat-teaser a:hover,ol.slat-list li div.slat-teaser a:hover {
    opacity: .8
}

div.copy ol.slat-list li div.slat-content,ol.slat-list li div.slat-content {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

div.copy ol.slat-list li h3,ol.slat-list li h3 {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

div.copy ol.slat-list li h5,ol.slat-list li h5 {
    margin: 0 0 10px 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal
}

div.copy ol.slat-list li p,ol.slat-list li p {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #757575
}

div.copy ol.slat-list li a.admin,ol.slat-list li a.admin {
    font-size: 13px;
    color: #999;
    text-decoration: underline
}

div.copy ol.slat-list li a.admin:hover,ol.slat-list li a.admin:hover {
    color: #444
}

div.copy p,div.copy ul,div.copy ol {
    margin: 0 0 15px 0;
    line-height: 1.5;
    color: #444;
    font-size: 15px
}

div.copy p strong,div.copy ul strong,div.copy ol strong {
    font-weight: 500
}

div.copy>p:last-child,div.copy>ul:last-child,div.copy>ol:last-child {
    margin-bottom: 0
}

div.copy p.note {
    font-size: 13px;
    color: #999
}

div.copy .full-image {
    padding: 30px 0 0 0
}

div.copy .full-image img {
    max-width: 100%
}

div.copy ol li,div.copy ul li {
    margin: 0 0 5px 30px
}

div.copy ol li ul,div.copy ol li ol,div.copy ul li ul,div.copy ul li ol {
    margin-top: 5px
}

div.copy ol {
    list-style: decimal
}

div.copy ol[type="a"] li {
    list-style: lower-alpha
}

div.copy ul {
    list-style: disc
}

div.copy h2 {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: #444
}

div.copy h2.section {
    font-size: 16px;
    line-height: 1
}

body#account-meetups div.copy h2 {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px
}

div.copy h3 {
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: #444
}

div.copy h3.sub {
    margin: -8px 0 20px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    color: #757575
}

div.copy h3.sub a {
    font-weight: 500
}

div.copy h3.sub strong {
    color: #444;
    font-weight: 500
}

div.copy blockquote {
    margin: 20px
}

div.copy blockquote p {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    color: #999
}

div.framed {
    width: auto;
    margin: 0 0 30px 0;
    padding: 50px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2)
}

@media only screen and (max-width: 959px) {
    div.framed {
        padding:15px 15px 10px 15px
    }
}

div.framed form.gen-form fieldset input[type=text]:focus,div.framed form.gen-form fieldset input[type=password]:focus,div.framed form.gen-form fieldset input[type=email]:focus,div.framed form.gen-form fieldset input[type=url]:focus,div.framed form.gen-form fieldset input[type=tel]:focus {
    background-color: #f0f0f0
}

div.framed p,div.framed ul,div.framed ol {
    color: #757575
}

div.framed p strong,div.framed ul strong,div.framed ol strong {
    color: #444;
    font-weight: 500
}

div.under-hero {
    margin-top: -76px
}

div.under-hero div.faq,div.copy div.faq {
    margin: 30px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

div.under-hero div.faq:last-of-type,div.copy div.faq:last-of-type {
    border-bottom: none
}

.video-wrapper {
    position: relative;
    padding-bottom: 55.46875%;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jfk-bubble.gtx-bubble {
    z-index: 99999 !important
}

.other-accounts {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .other-accounts {
        position:static;
        top: auto;
        right: auto;
        margin: 5px 0 15px 0
    }
}

.other-accounts strong {
    margin: 0 4px 0 0;
    color: #999;
    font-weight: normal
}

.other-accounts .account a {
    display: inline-block
}

.other-accounts .account img {
    border-radius: 50%;
    position: relative;
    top: 7px;
    width: 24px;
    height: 24px
}

div#main.invite-message {
    float: none;
    margin-left: auto;
    margin-right: auto
}

div#main.invite-message p {
    font-size: 20px
}

div#main.invite-message .form-sub,div#main.invite-message .btn-talent-application {
    font-size: 20px;
    padding: 20px;
    width: 100%;
    margin-top: 20px
}

ol.scrollable .scroll-forward,ol.scrollable .scroll-backward {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.4);
    width: 40px;
    height: 170px
}

ol.scrollable .scroll-forward:hover,ol.scrollable .scroll-backward:hover {
    background-color: rgba(0,0,0,0.8)
}

ol.scrollable .scroll-forward a,ol.scrollable .scroll-backward a {
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 530px) {
    ol.scrollable.dribbbles {
        margin-top:30px
    }
}

body.grid-small ol.scrollable.dribbbles li.group,body.grid-small ol.scrollable.dribbbles li.constrained-content,body.grid-small ol.scrollable.dribbbles li.constrained-content-alt,body.grid-small ol.scrollable.dribbbles li.constrained-content-super,body.grid-small ol.scrollable.dribbbles li.constrained-content-narrow,body.grid-small ol.scrollable.dribbbles li.player-list-with-filters,body.grid-large ol.scrollable.dribbbles li.group,body.grid-large ol.scrollable.dribbbles li.constrained-content,body.grid-large ol.scrollable.dribbbles li.constrained-content-alt,body.grid-large ol.scrollable.dribbbles li.constrained-content-super,body.grid-large ol.scrollable.dribbbles li.constrained-content-narrow,body.grid-large ol.scrollable.dribbbles li.player-list-with-filters {
    width: 220px
}

@media screen and (max-width: 530px) {
    body.grid-small ol.scrollable.dribbbles li.group,body.grid-small ol.scrollable.dribbbles li.constrained-content,body.grid-small ol.scrollable.dribbbles li.constrained-content-alt,body.grid-small ol.scrollable.dribbbles li.constrained-content-super,body.grid-small ol.scrollable.dribbbles li.constrained-content-narrow,body.grid-small ol.scrollable.dribbbles li.player-list-with-filters,body.grid-large ol.scrollable.dribbbles li.group,body.grid-large ol.scrollable.dribbbles li.constrained-content,body.grid-large ol.scrollable.dribbbles li.constrained-content-alt,body.grid-large ol.scrollable.dribbbles li.constrained-content-super,body.grid-large ol.scrollable.dribbbles li.constrained-content-narrow,body.grid-large ol.scrollable.dribbbles li.player-list-with-filters {
        width:47.5%;
        margin-right: 5% !important;
        margin-bottom: 0 !important
    }
}

ol.scrollable.dribbbles li.group div.dribbble .dribbble-over,ol.scrollable.dribbbles li.constrained-content div.dribbble .dribbble-over,ol.scrollable.dribbbles li.constrained-content-alt div.dribbble .dribbble-over,ol.scrollable.dribbbles li.constrained-content-super div.dribbble .dribbble-over,ol.scrollable.dribbbles li.constrained-content-narrow div.dribbble .dribbble-over,ol.scrollable.dribbbles li.player-list-with-filters div.dribbble .dribbble-over {
    bottom: 10px
}

ol.scrollable .scroll-forward {
    right: 0
}

ol.scrollable .scroll-forward a {
    padding: 70px 10px 70px 15px
}

ol.scrollable .scroll-backward {
    right: auto;
    left: 0
}

@media only screen and (max-width: 959px) {
    ol.scrollable .scroll-backward {
        left:-24px
    }
}

ol.scrollable .scroll-backward a {
    padding: 70px 15px 70px 10px
}

ol.scrollable:hover .scroll-forward {
    display: block
}

@media screen and (max-width: 530px) {
    ol.scrollable:hover .scroll-forward {
        display:none
    }
}

ol.scrollable.highlights .scroll-backward,ol.scrollable.highlights .scroll-forward {
    height: 192px
}

ol.scrollable.highlights .scroll-backward a,ol.scrollable.highlights .scroll-forward a {
    padding-top: 81px
}

ol.scrollable.is-scrolled:hover .scroll-backward {
    display: block
}

@media screen and (max-width: 530px) {
    ol.scrollable.is-scrolled:hover .scroll-backward {
        display:none
    }
}

ol.scrollable.no-scroll-on-mobile.scrollable li.group:last-child,ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content:last-child,ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-alt:last-child,ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-super:last-child,ol.scrollable.no-scroll-on-mobile.scrollable li.constrained-content-narrow:last-child,ol.scrollable.no-scroll-on-mobile.scrollable li.player-list-with-filters:last-child {
    margin-right: 0
}

#header {
    width: 100%;
    height: 56px;
    background: #333;
    z-index: 9996
}

#header #logo {
    float: left;
    padding: 0 20px 0 0
}

#header #logo img {
    height: 0
}

#header #logo a,#header #logo span {
    background-image: url(../images/logo-bw.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 56px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 150px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #header #logo a,#header #logo span {
        background-size: 133px 22px;
    }
}

#header #logo a:hover {
    opacity: .6
}

@media only screen and (max-width: 959px) {
    #header #logo {
        float:none;
        padding-right: 0;
        text-align: left
    }

    #header #logo a,#header #logo span {
        display: block;
        height: 40px;
        margin: 0 auto 0 auto
    }
}

#header form#search {
    position: relative
}

#header form#search svg {
    position: absolute;
    top: 10px;
    left: 10px;
    fill: #bbb;
    height: 14px;
    width: 14px
}

#header input.search-text {
    width: 160px;
    padding: 7px 10px 7px 30px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    color: #bbb;
    border: none;
    background: #fff;
    border-radius: 4px;
    -webkit-appearance: none;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px
}

@media only screen and (min-width: 960px) {
    body.not-player #header input.search-text {
        width:220px
    }
}

@media screen and (max-width: 1050px) {
    #header input.search-text {
        width:120px
    }
}

#header input.search-text:focus {
    color: #444;
    outline: none
}

@media only screen and (max-width: 460px) {
    #header input.search-text {
        font-size:16px
    }
}

body#search-results #header input.search-text {
    color: #444
}

#header input.search-text::-webkit-input-placeholder {
    color: #bbb
}

body#search-results #header input.search-text::-webkit-input-placeholder {
    color: #444
}

#header-inner {
    margin: 0 auto;
    padding: 0 10px 0 30px
}

@media only screen and (max-width: 959px) {
    #header-inner {
        width:auto;
        padding: 0
    }
}

#toggle-nav,#mobile-nav {
    display: none
}

#nav {
    margin: 0 185px 0 20px;
    color: #757575
}

@media screen and (max-width: 1050px) {
    #nav {
        margin-right:145px
    }
}

body.not-player #nav {
    margin-right: 245px
}

#nav svg.caret {
    height: 6px;
    width: 10px;
    vertical-align: middle;
    margin: -3px 0 0 0
}

#nav svg.caret path {
    stroke: currentColor;
    fill: transparent
}

#nav>li {
    float: left;
    font-size: 14px;
    line-height: 1
}

#nav>li>a {
    display: block;
    height: 56px;
    padding: 0 10px;
    line-height: 56px;
    text-decoration: none;
    color: #999;
    font-weight: 500
}

@media only screen and (max-width: 959px) {
    #nav>li>a {
        padding-left:6px;
        padding-right: 6px
    }
}

@media only screen and (min-width: 960px) {
    #nav>li>a.left-outlined span {
        border-left:1px solid #666;
        padding-left: 20px
    }
}

#nav>li>a.outlined span {
    border: 1px solid #999;
    padding: 7px 12px 8px;
    border-radius: 4px
}

#nav>li>a.outlined svg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 3px 0 0;
    fill: currentColor
}

#nav>li>a.outlined:hover span {
    border-color: #ddd
}

#nav li#t-home {
    display: none
}

#nav li#t-search {
    position: absolute;
    top: 11px;
    right: 30px;
    margin: 0
}

#nav li#t-go-pro,#nav li#t-profile,#nav li#t-messages,#nav li#t-signin,#nav li#t-signup,#nav li#t-activity,#nav li#t-upld {
    float: right
}

#nav li#t-go-pro a {
    color: #ea4c89;
    font-weight: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #nav li#t-go-pro a {
        background:linear-gradient(45deg, #E47B49 0%, #ea4c89 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media only screen and (max-width: 1400px) {
    #nav li#t-go-pro span {
        display:none
    }
}

@media only screen and (max-width: 1000px) {
    body.not-player #nav li#t-go-pro {
        display:none
    }
}

#nav li#t-profile span.profile-name {
    display: none
}

#nav li#t-profile img {
    position: relative;
    top: 4px;
    border-radius: 50%
}

#nav li#t-profile a span {
    background-repeat: no-repeat;
    background-position: 0 1px
}

#nav li#t-profile li.your-profile-generic {
    display: none
}

#nav li#t-profile li.switch-user span {
    display: block;
    line-height: 16px
}

#nav li#t-profile li.switch-user span img {
    float: left;
    top: 0;
    margin: 0 6px 0 0
}

@media only screen and (max-width: 1200px) {
    #nav li#t-hiring {
        display:none
    }
}

@media only screen and (max-width: 1200px) {
    #nav li#t-talent {
        display:none
    }
}

#nav li#t-messages {
    position: relative
}

#nav li#t-messages>a span {
    display: block;
    text-indent: -9999px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-messages-32971a589d63d8c99ed63bb237fe37dd2393ecdf3c6e83b79c4f20d2662a96fc.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li#t-messages>a span {
        background-image:url(/assets/icon-messages-2x-0f08e5668fa0f35e46d42e706e82e34505bcf28b12c231c5619a900868e5e710.png);
        background-size: 17px 16px
    }
}

body#messages #nav li#t-messages>a svg {
    fill: #fff
}

#nav li#t-activity>a span {
    display: block;
    text-indent: -9999px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-activity-5ee8a5780098bf7dbc1ad5e662bb04f1fcfcf7c824c5879be08147d772275f98.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li#t-activity>a span {
        background-image:url(/assets/icon-activity-2x-cf2831613bad7ae5f356b8fb3f510b82a3f5c8b77ea26b19b5b5704630ce2914.png);
        background-size: 23px 16px
    }
}

body#incoming-activity.self #nav li#t-activity>a svg {
    fill: #fff
}

#nav li:hover>a,#nav li>a:hover {
    color: #ddd
}

#nav li>a:active {
    color: #fff
}

.availability-toggle {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 5px;
    top: 1px
}

.availability-toggle.publicly .availablity-toggle-bar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(58,139,187,0.55)), to(rgba(58,139,187,0.55))),-webkit-gradient(linear, left top, right top, from(white), to(white));
    background-image: linear-gradient(to right, rgba(58,139,187,0.55), rgba(58,139,187,0.55)),linear-gradient(to right, white, white)
}

.availability-toggle.publicly .availability-toggle-target {
    background-color: #3a8bbb;
    left: calc(100% - 16px)
}

.availability-toggle.publicly .availability-toggle-target:hover {
    background-color: #337aa4
}

.availability-toggle.privately .availablity-toggle-bar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(128,90,160,0.55)), to(rgba(128,90,160,0.55))),-webkit-gradient(linear, left top, right top, from(white), to(white));
    background-image: linear-gradient(to right, rgba(128,90,160,0.55), rgba(128,90,160,0.55)),linear-gradient(to right, white, white)
}

.availability-toggle.privately .availability-toggle-target {
    background-color: #805AA0;
    left: calc(100% - 16px)
}

.availability-toggle.privately .availability-toggle-target:hover {
    background-color: #704f8c
}

.availability-toggle.privately .availability-toggle-target svg.icon {
    display: inline;
    height: 6px !important;
    width: 6px !important;
    margin: -4px 0 0 0 !important;
    fill: #fff !important
}

.availablity-toggle-bar {
    display: inline-block;
    width: 26px;
    height: 12px;
    background: rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
    border-radius: 20px
}

.availability-toggle-target {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    background-color: #999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center
}

.availability-toggle-target:hover {
    background-color: #bbb;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

.availability-toggle-target svg {
    display: none
}

body#home #nav li#t-shots>a,body#shots #nav li#t-shots>a,body#designers #nav li#t-players>a,body#teams #nav li#t-teams>a,body#meetups #nav li#t-meetups>a,body#jobs #nav li#t-jobs>a,body#hiring-new #nav li#t-hiring>a,body#signup #nav li#t-signup>a,body#learn #nav li#t-learn>a {
    color: #fff
}

body#meetups #nav li#t-community>a,body#meetups-new #nav li#t-community>a,body#overtime-index #nav li#t-community>a,body#blog-index #nav li#t-community>a,body#blog-cat #nav li#t-community>a,body#story #nav li#t-community>a {
    color: #fff
}

body#meetups #nav li#t-community>a svg path,body#meetups-new #nav li#t-community>a svg path,body#overtime-index #nav li#t-community>a svg path,body#blog-index #nav li#t-community>a svg path,body#blog-cat #nav li#t-community>a svg path,body#story #nav li#t-community>a svg path {
    stroke: #fff
}

#nav li ul.tabs {
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background: #333;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: inset 0px 4px 10px rgba(0,0,0,0.15);
    box-shadow: inset 0px 4px 10px rgba(0,0,0,0.15);
    display: none;
    float: left;
    margin-left: -10px;
    padding: 15px 0;
    position: absolute;
    width: 220px;
    z-index: 1000
}

#nav li ul.tabs ul li {
    padding: 0 0 0 5px
}

#nav li ul.tabs li {
    clear: left;
    margin: 0;
    width: 100%
}

#nav li ul.tabs li svg.icon {
    height: 12px;
    width: 12px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor
}

#nav li ul.tabs li.rule {
    border-bottom: 1px solid #444;
    margin: 15px 20px;
    width: auto
}

#nav li ul.tabs li span.menu-non-link {
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.3;
    color: #999
}

#nav li ul.tabs li span.switch-intro {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #666
}

#nav li ul.tabs li.menu-pro {
    position: relative
}

#nav li ul.tabs li.menu-pro:hover .menu-pro-features {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

#nav li ul.tabs li.menu-pro:hover:before,#nav li ul.tabs li.menu-pro:hover:after {
    display: block;
    width: 30px;
    height: 30px;
    background: transparent;
    content: '';
    right: 0;
    position: absolute
}

#nav li ul.tabs li.menu-pro:hover:before {
    bottom: 100%
}

#nav li ul.tabs li.menu-pro:hover:after {
    top: 100%
}

#nav li ul.tabs li.menu-pro .menu-pro-features {
    opacity: 0;
    position: absolute;
    left: 100%;
    width: 180px;
    top: -74px;
    background: #262525;
    padding: 20px 0;
    border-radius: 0 6px 6px 0
}

#nav li ul.tabs li.menu-pro .menu-pro-features li {
    padding-left: 0
}

#nav li ul.tabs li.menu-pro .menu-pro-features li.pro-features-title a {
    color: #ea4c89;
    font-weight: 500
}

#nav li ul.tabs li.menu-pro>a svg.star {
    fill: #ea4c89
}

body.team #nav li ul.tabs li.menu-pro>a svg.star {
    fill: #00b6e3
}

#nav li ul.tabs li.menu-pro>a svg.caret-right {
    float: right;
    margin: 3px 0 0
}

#nav li ul.tabs li.menu-pro>a:hover svg.star {
    fill: #df3e7b
}

body.team #nav li ul.tabs li.menu-pro>a:hover svg.star {
    fill: #00a8d2
}

#nav li ul.tabs li>a {
    display: block;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
    color: #999;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#nav li ul.tabs li>a:active {
    color: #fff;
    background: rgba(0,0,0,0.3)
}

#nav li ul.tabs li>a:hover,#nav li ul.tabs li.menu-pro:hover>a {
    color: #ddd;
    background-color: rgba(255,255,255,0.1);
    border-radius: 0
}

#nav li:hover ul.tabs,#nav li:hover div.menu-community {
    display: block
}

.menu-community {
    display: none;
    background: #333;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    position: absolute;
    z-index: 1000
}

.menu-community:before {
    display: block;
    width: 10px;
    height: 56px;
    bottom: 100%;
    left: 110px;
    background: transparent;
    content: '';
    position: absolute
}

#nav .menu-community .arrow-btn {
    font-size: 13px;
    color: #fff;
    font-weight: 500
}

#nav .menu-community .arrow-btn:hover {
    color: #ed679b
}

#nav .menu-community .arrow-btn:hover:after {
    border-top-color: #ed679b;
    border-right-color: #ed679b
}

#nav .menu-community .arrow-btn:after {
    content: "";
    display: inline-block;
    border-top: 2px solid #ea4c89;
    border-right: 2px solid #ea4c89;
    -webkit-transform: scaleX(0.6) rotate(45deg);
    -ms-transform: scaleX(0.6) rotate(45deg);
    transform: scaleX(0.6) rotate(45deg);
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-left: 2px
}

.menu-community ul {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: inset 0px 4px 10px rgba(0,0,0,0.15);
    box-shadow: inset 0px 4px 10px rgba(0,0,0,0.15);
    border-radius: 0 0 6px 6px
}

.menu-community .mc-column {
    width: 160px;
    border-right: 1px solid #444;
    padding: 20px
}

.menu-community .mc-column:last-of-type {
    border-right: none
}

.menu-community .mc-column a {
    display: block
}

.menu-community .mc-category {
    font-size: 11px;
    color: #bbb;
    text-transform: uppercase;
    margin-bottom: 6px
}

.menu-community .mc-name {
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700
}

.menu-community .story-art {
    border-radius: 4px;
    margin-bottom: 10px;
    height: 72px;
    width: 96px;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.35);
    box-shadow: 0 4px 4px rgba(0,0,0,0.35);
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px
}

.menu-community .story-title {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500
}

.menu-community .story-title span {
    font-weight: normal
}

.menu-community .mc-warmup a.shot {
    min-height: 160px
}

.menu-community .mc-warmup .story-title {
    color: #bbb
}

.menu-community .mc-warmup>a:hover .story-art {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.35);
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.35)
}

.menu-community .mc-meetups .meetups-intro {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 10px;
    color: #bbb
}

#nav .menu-community .mc-meetups .link-find-a-meetup {
    display: block;
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px
}

#nav .menu-community .mc-meetups .link-find-a-meetup:hover {
    color: #ed679b
}

#nav .menu-community .mc-meetups .link-find-a-meetup svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
    fill: #ea4c89
}

.menu-community .mc-meetups .start-a-meetup {
    padding-top: 20px;
    border-top: 1px solid #444
}

.menu-community .mc-meetups .start-a-meetup span.date {
    color: #bbb
}

.menu-community .mc-meetups .start-a-meetup p {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    color: #bbb;
    margin-bottom: 19px
}

@media screen and (max-width: 1170px) {
    .menu-community {
        left:-210px
    }
}

.mc-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 160px
}

.mc-carousel .story-title {
    margin-bottom: 15px;
    margin-right: -50px
}

.mc-carousel>a {
    margin-left: -60px;
    position: relative;
    color: transparent;
    overflow: hidden;
    width: 96px
}

.mc-carousel>a:first-child {
    margin-left: 0;
    z-index: 3;
    overflow: visible
}

.mc-carousel>a:first-child .story-title {
    color: #bbb
}

.mc-carousel>a:nth-child(2) {
    z-index: 2
}

.mc-carousel>a:nth-child(2) .story-art {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85)
}

.mc-carousel>a:nth-child(2) .story-title {
    margin-left: -36px;
    margin-right: -28px
}

.mc-carousel>a:nth-child(3) {
    z-index: 1
}

.mc-carousel>a:nth-child(3) .story-art {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.mc-carousel>a:nth-child(3) .story-title {
    margin-left: -64px;
    margin-right: 0
}

.mc-carousel>a:hover {
    z-index: 3;
    overflow: visible
}

.mc-carousel>a:hover .story-title {
    color: #bbb
}

.mc-carousel>a:hover .story-art {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.35);
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.35)
}

.mc-carousel:hover>a:first-child .story-title {
    color: transparent
}

.mc-carousel>a:first-child:hover .story-title {
    color: #bbb
}

#nav li ul.activity-mini {
    width: 220px;
    padding: 0 15px 10px 15px
}

#nav li ul.activity-mini li {
    width: 100%;
    padding: 8px 0 8px 24px;
    font-size: 13px;
    line-height: 1.4;
    color: #999;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#nav li ul.activity-mini li:last-child {
    border-bottom: none
}

#nav li ul.activity-mini li strong {
    font-weight: normal
}

#nav li ul.activity-mini li em.time {
    display: block;
    font-size: 12px;
    font-style: normal;
    color: #757575
}

#nav li ul.activity-mini li.title {
    padding: 10px 0 15px 0;
    float: none;
    text-align: center;
    font-weight: 500
}

#nav li ul.activity-mini li.scheduled {
    min-height: 70px;
    padding-left: 87px;
    position: relative
}

#nav li ul.activity-mini li.scheduled span.shot {
    position: absolute;
    top: 8px;
    left: 0
}

#nav li ul.activity-mini li.scheduled span.shot img {
    width: 72px;
    height: 54px
}

#nav li ul.activity-mini li.more {
    padding: 5px 0 0 0;
    float: none;
    text-align: center
}

#nav li ul.activity-mini li.drafted {
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-image: url(/assets/icon-drafted-star-29257a484e3af2b3af2abfb9867c4c109fdac6702091ab565a70b2a980f372df.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.drafted {
        background-image:url(/assets/icon-drafted-star-2x-d95290c5b77169a269843d611ba37e58d0402537b7266fb1f1c309f122dccc1e.png);
        background-size: 16px 16px
    }
}

#nav li ul.activity-mini li.score {
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(/assets/icon-scored-plus-46095976fe937faca86bcb0b830045ce46da89b547d29fc7b6ebee450ba4c376.png);
    background: url(/assets/icon-scored-plus-46095976fe937faca86bcb0b830045ce46da89b547d29fc7b6ebee450ba4c376.png) no-repeat 0 8px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.score {
        background-image:url(/assets/icon-scored-plus-2x-fd31b41dd8cda8743268f59b7136c08e9d9d6f5042e581a45a2ae0aec05762e4.png);
        background-size: 16px 16px
    }
}

#nav li ul.activity-mini li.comment {
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(/assets/icon-actcom-74ffe828814f2d58f6a758b481ce62dfc9fab3cdd692042ca394feb55ba9c446.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.comment {
        background-image:url(/assets/icon-actcom-2x-69b11b5b4559c4fd6c116bc2a9e7ee5bfde40a5e33169b9243d3fa5f33eb38ef.png);
        background-size: 16px 14px
    }
}

#nav li ul.activity-mini li.mention {
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-image: url(/assets/icon-mentions-eff143a799bee061bea3ad6a1f431e26d82979e7e03e5a81585c187419d2a538.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.mention {
        background-image:url(/assets/icon-mentions-2x-fd03463c2563d8c0d741466be16f5f23130ae4bdeedc2fcc4ad8a6bd0dcaedce.png);
        background-size: 16px 17px
    }
}

#nav li ul.activity-mini li.like {
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-image: url(/assets/icon-liked16-4c60be8ea9a3db05b9956a71be9f211f489cd4557d668fdfeb233ae586f64b60.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.like {
        background-image:url(/assets/icon-liked16-2x-194853bb533c33a01734dc524218cc88bc6640265d18a99f2d1e7ea63c4d4b08.png);
        background-size: 16px 14px
    }
}

#nav li ul.activity-mini li.like-comment {
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(/assets/icon-commentlike-f362c57d2e4141359f7d707a33401348e2200efd327d9f89f1c4e8b9dfef5bdd.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.like-comment {
        background-image:url(/assets/icon-commentlike-2x-78d974deaeb9ae439177aea8ddf086cd5877a69ebed797c0aa639000e1c4d275.png);
        background-size: 16px 14px
    }
}

#nav li ul.activity-mini li.bucket-created,#nav li ul.activity-mini li.bucketed {
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(/assets/icon-bucket-act-d844be1df5b2f40c873ee064cc83c9188a61c725b8af19e07f6b2120bd1b9ab8.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.bucket-created,#nav li ul.activity-mini li.bucketed {
        background-image:url(/assets/icon-bucket-act-2x-34285f9c4c104a8ca7ddf0dd9ca7fe28d59fe0992e19244ada1bb8e1cabdd0cb.png);
        background-size: 19px 17px
    }
}

#nav li ul.activity-mini li.listed {
    background-repeat: no-repeat;
    background-position: 0 11px;
    background-image: url(/assets/icon-listed16-7059dd02688a3df20a19f0870a856f2efdb89bb7dc912cf3141e8fd95fe94e8d.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.listed {
        background-image:url(/assets/icon-listed16-2x-8b4ded9efd5fc693520547b4f07931df20be51931b9d2970def501ced8c62853.png);
        background-size: 16px 14px
    }
}

#nav li ul.activity-mini li.followed {
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(/assets/icon-actfollowed-0fdf06da837f68153ba89b2218775c849e2f7cf5497d8f487808875660ca56b8.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.followed {
        background-image:url(/assets/icon-actfollowed-2x-ba55602d72f112ba286cee61f9dfd7c112ee01538eaf0932e6e0ac6475d5ec97.png);
        background-size: 15px 14px
    }
}

#nav li ul.activity-mini li.dribbbled {
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(/assets/icon-ball16-3310e2dd0056910fe6e27961fcba77ad0dc7eaa0291467b5fd6929566d71768b.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.dribbbled {
        background-image:url(/assets/icon-ball16-2x-0455caad3b2a6100e0c4f2b86b319a97faee8a85bf0c4eebc224085cfa3383fe.png);
        background-size: 16px 16px
    }
}

#nav li ul.activity-mini li.rebound {
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-image: url(/assets/icon-rebound-696135488f898cfb0ddc1f0bdbe16d3f5073686f2e888be48a18878aa198a175.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.rebound {
        background-image:url(/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png);
        background-size: 16px 16px
    }
}

#nav li ul.activity-mini li.allot {
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(/assets/icon-scored-plus-46095976fe937faca86bcb0b830045ce46da89b547d29fc7b6ebee450ba4c376.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.allot {
        background-image:url(/assets/icon-scored-plus-2x-fd31b41dd8cda8743268f59b7136c08e9d9d6f5042e581a45a2ae0aec05762e4.png);
        background-size: 16px 16px
    }
}

#nav li ul.activity-mini li.new-invites {
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(/assets/icon-scored-invites-086245c18a108838161588e4f3f72c8b9b7465aea864856319bd47a406b2f025.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.new-invites {
        background-image:url(/assets/icon-scored-invites-2x-151863d42b8f8b6b0300d8cb3a40538293c29d8a4404f23549fac7357cc5db4f.png);
        background-size: 16px 12px
    }
}

#nav li ul.activity-mini li.new-email-notifications {
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(/assets/icon-paperplane-51d4dcabaffea59d3ad1088ebcb39af4675bb3e8bc006f9bd14961cb8019a8f9.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #nav li ul.activity-mini li.new-email-notifications {
        background-image:url(/assets/icon-paperplane-2x-5e878015fd64a6653be713de548ad1a1e28a7b5febb4d0feb33b415a8f072587.png);
        background-size: 16px 16px
    }
}

#nav li#t-community a.upcoming-meetup strong {
    font-weight: 500;
    display: block;
    color: white
}

#nav li#t-community,#nav li#t-activity,#nav li#t-upld {
    position: relative
}

#nav li#t-community li.upload-first-shot strong,#nav li#t-activity li.upload-first-shot strong,#nav li#t-upld li.upload-first-shot strong {
    color: white;
    font-weight: 500;
    display: block;
    margin-bottom: 5px
}

#nav li#t-community li.upload-first-shot span,#nav li#t-activity li.upload-first-shot span,#nav li#t-upld li.upload-first-shot span {
    font-size: 12px;
    line-height: 1.5
}

#nav li#t-community ul.activity-mini li a,#nav li#t-activity ul.activity-mini li a,#nav li#t-upld ul.activity-mini li a {
    display: inline;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #ccc
}

#nav li#t-community ul.activity-mini li a:hover,#nav li#t-activity ul.activity-mini li a:hover,#nav li#t-upld ul.activity-mini li a:hover {
    color: #eee;
    background: none
}

#nav li#t-community ul.activity-mini li.more a.see-all,#nav li#t-activity ul.activity-mini li.more a.see-all,#nav li#t-upld ul.activity-mini li.more a.see-all {
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px
}

#nav li#t-community ul.activity-mini li.more a.see-all:hover,#nav li#t-activity ul.activity-mini li.more a.see-all:hover,#nav li#t-upld ul.activity-mini li.more a.see-all:hover {
    color: #eee;
    background: rgba(255,255,255,0.1)
}

#nav li#t-community ul.activity-mini li.more a.see-all:active,#nav li#t-activity ul.activity-mini li.more a.see-all:active,#nav li#t-upld ul.activity-mini li.more a.see-all:active {
    color: #fff;
    background: rgba(0,0,0,0.3)
}

#nav .new-activity {
    position: absolute;
    top: 18px;
    right: 2px;
    width: 6px;
    height: 6px;
    background: #ea4c89;
    border: 2px solid rgba(47,47,47,0.98);
    text-indent: -9999px;
    border-radius: 50%
}

#nav li#t-upld .new-activity {
    right: auto;
    left: 37px
}

svg.header-icon {
    height: 18px;
    width: 18px;
    margin: 19px 0;
    fill: currentColor
}

@media only screen and (max-width: 959px) {
    svg.header-icon {
        margin:11px 0
    }
}

@media only screen and (max-width: 959px) {
    #toggle-nav {
        position:absolute;
        top: 0;
        left: 0px;
        display: block;
        width: 48px;
        height: 40px;
        text-align: center;
        color: #999
    }

    #toggle-nav:hover {
        color: #ddd
    }

    #toggle-nav span.close {
        display: none;
        font-size: 30px;
        line-height: 40px
    }

    #header {
        position: fixed;
        will-change: transform;
        top: 0;
        height: 40px;
        background: #1e1e1e
    }

    body.scroll #header {
        position: relative
    }

    #nav {
        float: left;
        width: 100%;
        margin: 0;
        text-align: left;
        height: 0;
        overflow: hidden
    }

    #nav .new-activity {
        border-color: #1e1e1e
    }

    #nav li#t-upld,#nav li#t-signup,#nav li#t-community,#nav li#t-profile,#nav li#t-search {
        display: none
    }

    #nav li#t-home {
        display: block
    }

    #nav li#t-signin,#nav li#t-activity,#nav li#t-messages {
        display: block;
        float: none;
        position: absolute;
        top: 0;
        right: 0;
        background: none
    }

    #nav li#t-signin a,#nav li#t-activity a,#nav li#t-messages a {
        padding: 0 15px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
        text-transform: none;
        white-space: nowrap;
        color: #aaa;
        border-bottom: none
    }

    #nav li#t-messages {
        right: 40px
    }

    #nav li#t-messages .new-activity {
        top: 11px;
        right: 8px
    }

    #nav li#t-activity .new-activity {
        top: 11px;
        right: 8px
    }

    #nav li#t-activity ul.tabs {
        display: none
    }

    #mobile-nav {
        background: #1e1e1e;
        padding-bottom: 10px
    }

    #mobile-nav.is-open {
        display: block
    }

    #mobile-nav .mobile-nav-search {
        padding: 15px
    }

    #mobile-nav .mobile-nav-search input.search-text {
        width: 100%;
        height: 40px;
        padding: 10px 10px 11px 30px
    }

    #mobile-nav .mobile-nav-main a {
        display: block;
        font-size: 18px;
        font-weight: 500;
        padding: 12px 15px;
        color: #fff
    }

    #mobile-nav .mobile-nav-main svg {
        height: 16px;
        width: 16px;
        float: right;
        margin-top: 3px;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        fill: currentColor
    }

    #mobile-nav .toggle-mobile-nav-community.open svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #mobile-nav .mobile-nav-community {
        border-left: 1px solid rgba(255,255,255,0.1);
        margin: 15px 0 15px 20px;
        padding-left: 5px;
        display: none
    }

    #mobile-nav .mobile-nav-community a {
        font-size: 16px;
        font-weight: normal;
        color: rgba(255,255,255,0.8)
    }

    #mobile-nav .mobile-nav-community a strong {
        color: white;
        font-weight: 500
    }

    #mobile-nav .mobile-nav-community li:first-child a {
        padding-top: 0
    }

    #mobile-nav .mobile-nav-community li:last-child a {
        padding-bottom: 0
    }

    #mobile-nav hr {
        background: rgba(255,255,255,0.1);
        height: 1px;
        border: 0;
        display: block;
        margin: 12px 15px
    }

    #mobile-nav .mobile-nav-profile .mobile-nav-user {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        padding: 12px 15px;
        color: #fff
    }

    #mobile-nav .mobile-nav-profile .mobile-nav-user img {
        border-radius: 50%;
        margin-right: 18px
    }

    #mobile-nav .mobile-nav-profile .mobile-nav-profile-links a {
        display: block;
        font-size: 16px;
        padding: 12px 15px;
        color: rgba(255,255,255,0.8)
    }

    #mobile-nav .mobile-nav-profile .switch-intro {
        font-size: 12px;
        font-weight: 700;
        color: #999;
        padding: 10px 15px 5px;
        display: block
    }

    #mobile-nav .mobile-nav-profile .mobile-nav-switch-user {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    #mobile-nav .mobile-nav-profile .mobile-nav-switch-user img {
        border-radius: 50%;
        margin-right: 5px
    }
}

div.full-tabs {
    width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    background: rgba(255,255,255,0.6)
}

div.full-tabs.hiring-subnav {
    background-color: #e1e4e8;
    border-bottom: none;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    div.full-tabs.hiring-subnav {
        padding:0 15px
    }
}

div.full-tabs.hiring-subnav ul.full-tabs-links {
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #CDD2D6
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li {
    font-size: 13px
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li a {
    color: #757575
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job,div.full-tabs.hiring-subnav ul.full-tabs-links>li.manage-jobs {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job,div.full-tabs.hiring-subnav ul.full-tabs-links>li.manage-jobs {
        display:none
    }
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable span,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job span {
    padding-top: 12px;
    display: inline-block
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable em,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job em {
    color: rgba(255,255,255,0.75);
    font-style: normal;
    font-weight: normal;
    padding-left: 4px
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable a,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job a {
    color: white
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li.airtable a:hover,div.full-tabs.hiring-subnav ul.full-tabs-links>li.post-job a:hover {
    opacity: 1
}

div.full-tabs.hiring-subnav ul.full-tabs-links>li ul.sub {
    background-color: #EEEFF2
}

@media only screen and (max-width: 800px) {
    div.full-tabs {
        min-height:0
    }
}

div.full-tabs h1.places {
    line-height: 50px;
    font-weight: 500;
    text-align: center
}

div.full-tabs ul.full-tabs-links {
    padding: 0 30px;
    text-align: center
}

div.full-tabs ul.full-tabs-links li {
    text-align: left
}

div.full-tabs ul.full-tabs-links li.separate {
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #eee
}

div.full-tabs ul.full-tabs-links>li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links {
        padding:0 15px
    }
}

@media only screen and (max-width: 800px) {
    body#home div.full-tabs ul.full-tabs-links,body#shots div.full-tabs ul.full-tabs-links,div.full-tabs ul.full-tabs-links body#search-results {
        padding:0 30px
    }
}

div.full-tabs ul.full-tabs-links>li {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links>li {
        float:none;
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 12px;
        line-height: 1;
        border-right: none
    }
}

@media only screen and (max-width: 460px) {
    div.full-tabs ul.full-tabs-links>li.pro-badge {
        position:absolute;
        top: 36px
    }
}

div.full-tabs ul.full-tabs-links>li:last-child {
    margin-right: 0;
    border-right: none
}

div.full-tabs ul.full-tabs-links>li>a,div.full-tabs ul.full-tabs-links>li>span.empty {
    line-height: 50px
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links>li>a,div.full-tabs ul.full-tabs-links>li>span.empty {
        line-height:36px
    }
}

div.full-tabs ul.full-tabs-links>li a,div.full-tabs ul.full-tabs-links>li span.empty {
    display: inline-block;
    color: #999
}

div.full-tabs ul.full-tabs-links>li a span.label,div.full-tabs ul.full-tabs-links>li span.empty span.label {
    font-weight: 500;
    color: #444
}

div.full-tabs ul.full-tabs-links>li a span.count,div.full-tabs ul.full-tabs-links>li a span.search-count,div.full-tabs ul.full-tabs-links>li span.empty span.count,div.full-tabs ul.full-tabs-links>li span.empty span.search-count {
    margin: 0 0 0 2px;
    color: #bbb
}

div.full-tabs ul.full-tabs-links>li.active>a {
    position: relative;
    font-weight: 500;
    color: #444
}

div.full-tabs ul.full-tabs-links>li.active>a span.search-count {
    font-weight: normal;
    color: #999
}

div.full-tabs ul.full-tabs-links>li span.badge-pro,div.full-tabs ul.full-tabs-links>li span.badge-team {
    line-height: inherit
}

div.full-tabs ul.full-tabs-links>li a:hover {
    opacity: .75
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links li.projects,div.full-tabs ul.full-tabs-links li.followers,div.full-tabs ul.full-tabs-links li.goods,div.full-tabs ul.full-tabs-links li.members {
        display:none
    }
}

div.full-tabs ul.full-tabs-links li.more li.projects,div.full-tabs ul.full-tabs-links li.more li.followers,div.full-tabs ul.full-tabs-links li.more li.goods,div.full-tabs ul.full-tabs-links li.more li.members {
    display: none
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links li.more li.projects,div.full-tabs ul.full-tabs-links li.more li.followers,div.full-tabs ul.full-tabs-links li.more li.goods,div.full-tabs ul.full-tabs-links li.more li.members {
        display:list-item
    }
}

div.full-tabs ul.full-tabs-links li.more>a {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/assets/icon-dd-arrow-a418b5ea50744ec17fd12a19d602b1bcb3307fa8d9504f3a3bddcade2ad8cf74.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.full-tabs ul.full-tabs-links li.more>a {
        background-image:url(/assets/icon-dd-arrow-2x-93fec8715ccd376e431db3fc1b1259d1f843a238e984b74c176dd78964273103.png);
        background-size: 8px 5px
    }
}

div.full-tabs ul.full-tabs-links li.more>a:hover {
    opacity: 1
}

div.full-tabs ul.full-tabs-links li.places {
    position: absolute;
    left: 30px;
    top: 0
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links li.places {
        position:static;
        left: auto;
        top: auto;
        width: 100%;
        margin-top: 5px;
        text-align: center
    }
}

div.full-tabs ul.full-tabs-links li.places>a {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -.02em
}

div.full-tabs ul.full-tabs-links li.places>a img.pin {
    position: relative;
    top: 2px;
    width: 14px;
    margin-right: 2px
}

div.full-tabs ul.full-tabs-links ul {
    display: none;
    position: absolute;
    width: 200px;
    margin: -5px 0 0 -15px;
    padding: 6px 0 10px 0;
    font-size: 13px;
    background: #fbfbfb;
    border-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    z-index: 1000
}

@media only screen and (max-width: 800px) {
    div.full-tabs ul.full-tabs-links ul {
        left:0;
        width: 100%;
        margin: 0;
        text-align: left;
        border-radius: 0
    }
}

div.full-tabs ul.full-tabs-links ul li.header {
    margin: 5px 0 0 0;
    padding: 10px 15px 5px 15px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border-top: 1px solid #eee
}

div.full-tabs ul.full-tabs-links ul li.separate {
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #eee
}

div.full-tabs ul.full-tabs-links ul li a,div.full-tabs ul.full-tabs-links ul li span.empty {
    display: block;
    height: auto;
    padding: 5px 15px;
    line-height: 1.25
}

div.full-tabs ul.full-tabs-links ul li a:hover,div.full-tabs ul.full-tabs-links ul li span.empty:hover {
    color: #444;
    background-color: #eee;
    opacity: 1
}

div.full-tabs ul.full-tabs-links ul li a span.label,div.full-tabs ul.full-tabs-links ul li span.empty span.label {
    font-weight: normal
}

div.full-tabs ul.full-tabs-links ul li a span.count,div.full-tabs ul.full-tabs-links ul li span.empty span.count {
    float: right;
    font-size: 12px
}

div.full-tabs ul.full-tabs-links ul li a.title-link,div.full-tabs ul.full-tabs-links ul li span.empty.title-link {
    font-weight: 500;
    color: #757575
}

div.full-tabs ul.full-tabs-links ul li span.empty:hover {
    color: #999;
    background-color: transparent
}

div.full-tabs ul.full-tabs-links ul li.skills {
    padding: 0 15px;
    line-height: 1.6;
    color: #999
}

div.full-tabs ul.full-tabs-links ul li.skills a {
    display: inline;
    padding: 0
}

div.full-tabs ul.full-tabs-links ul li.skills a:hover {
    background: none
}

@media screen and (min-width: 800px) {
    div.full-tabs ul.full-tabs-links>li:hover ul {
        display:block
    }
}

div.full-tabs ul.full-tabs-links>li.hover ul {
    display: block
}

#wrap ul.tabs {
    margin: -2px 0 15px 0;
    padding: 0;
    font-size: 15px;
    line-height: 1;
    border-bottom: 1px solid #ddd
}

#wrap ul.tabs li {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    line-height: 1;
    color: #bbb
}

#wrap ul.tabs li.last {
    margin-right: 0
}

#wrap ul.tabs li span.count {
    display: none
}

#wrap ul.tabs li a,#wrap ul.tabs li span.empty {
    display: block;
    padding: 0 0 18px 0;
    text-decoration: none;
    color: #999
}

#wrap ul.tabs li a:hover {
    color: #757575
}

#wrap ul.tabs li a:hover span.count {
    color: #999
}

#wrap ul.tabs li a span.notify {
    padding: 1px 8px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    background: #7bbb5e;
    border-radius: 14px
}

#wrap ul.tabs li a span.badge {
    display: none
}

#wrap ul.tabs li.empty {
    display: none
}

#wrap ul.tabs li.active a,#wrap ul.tabs li.active span.empty {
    font-weight: 500;
    color: #444
}

#wrap ul.tabs li.active a span.count,#wrap ul.tabs li.active span.empty span.count {
    color: #757575
}

#wrap ul.tabs li.active a span.notify {
    background: #666
}

ul.vertical-sidenav {
    line-height: 1;
    border-radius: 6px;
    background: white;
    border: 1px solid #e0e0e0
}

div.constrained-content-alt div.secondary ul.vertical-sidenav,div.constrained-content-super div.secondary ul.vertical-sidenav {
    margin-bottom: 20px
}

ul.vertical-sidenav li {
    position: relative;
    border-bottom: 1px solid #eee;
    line-height: 1;
    font-size: 15px
}

ul.vertical-sidenav li:last-child {
    border-bottom: none
}

@media only screen and (max-width: 959px) {
    ul.vertical-sidenav li {
        font-size:13px;
        max-width: none;
        margin-right: 0;
        display: none
    }
}

ul.vertical-sidenav li.active a {
    color: #444
}

div.secondary ul.vertical-sidenav li.active a {
    font-weight: 500
}

ul.vertical-sidenav li.active a:after {
    content: "";
    display: block;
    width: 8px;
    height: 13px;
    position: absolute;
    top: 14px;
    right: 20px;
    background-image: url(/assets/icon-left-nav-arrow-a46f2d33c19bf74043fafa82dfc5389bcdf93779142844cc658516de28346bba.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.vertical-sidenav li.active a:after {
        background-image:url(/assets/icon-left-nav-arrow-2x-873878b10126d3fc17b46cf59c9cc1cdfaaa6db522afea5f00215f8462e41356.png);
        background-size: 28px 13px
    }
}

@media only screen and (max-width: 959px) {
    ul.vertical-sidenav li.active a:after {
        -webkit-transform:rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media only screen and (max-width: 959px) {
    ul.vertical-sidenav li.active {
        display:block;
        border-bottom: none
    }
}

ul.vertical-sidenav li a {
    display: block;
    padding: 14px 20px;
    text-decoration: none;
    color: #999
}

div.secondary ul.vertical-sidenav li a {
    font-weight: normal
}

ul.vertical-sidenav li a:hover {
    color: #444
}

@media only screen and (max-width: 959px) {
    ul.vertical-sidenav.open li {
        display:block
    }

    ul.vertical-sidenav.open li.active {
        border-bottom: 1px solid #eee
    }

    ul.vertical-sidenav.open li.active a:after {
        width: 14px;
        background-image: url(/assets/icon-left-nav-check-0c92a90472093c7b734706c497981a25ff109a3b88ed9a0c785ebe1cfa634b25.png);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media only screen and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 959px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 959px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 959px) and (min-resolution: 1.5dppx) {
    ul.vertical-sidenav.open li.active a:after {
        background-image:url(/assets/icon-left-nav-check-2x-23381babd32de0357aea46529e282bd0b1f043d0a88d1ff65cb51b4df5ee3809.png);
        background-size: 28px 13px
    }
}

@media only screen and (max-width: 959px) {
    ul.hiring-profile-account-menu {
        background:none;
        border: 1px solid #ededed;
        -webkit-box-shadow: 0 1px 2px rgba(237,237,237,0.5);
        box-shadow: 0 1px 2px rgba(237,237,237,0.5)
    }
}

@media only screen and (min-width: 960px) {
    ul.hiring-profile-account-menu {
        background:none;
        border: none
    }

    ul.hiring-profile-account-menu li {
        border: 0;
        line-height: normal
    }

    ul.hiring-profile-account-menu li a {
        padding: 8px 0;
        text-decoration: none;
        color: #757575;
        font-size: 15px
    }

    div.secondary ul.hiring-profile-account-menu li a {
        font-weight: normal
    }

    ul.hiring-profile-account-menu li a:hover {
        color: #444
    }

    ul.hiring-profile-account-menu li.active a {
        color: #444
    }

    ul.hiring-profile-account-menu li.active a:after {
        display: none
    }
}

@media only screen and (min-width: 960px) and (max-width: 959px) {
    ul.hiring-profile-account-menu li.active a:after {
        display:block
    }
}

@media only screen and (min-width: 960px) {
    div.secondary ul.hiring-profile-account-menu li.active a {
        font-weight:700
    }
}

ul.account-menu a span {
    font-size: 12px;
    padding: 2px 4px;
    margin-left: 3px
}

ul.account-menu a span.yes {
    background-color: #7bbb5e
}

.shot-subnav {
    background: #fff;
    padding: 20px 30px;
    font-size: 14px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .shot-subnav {
        width:100vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 959px) {
    .shot-subnav {
        padding:0px
    }
}

@media only screen and (max-width: 959px) {
    .shot-subnav-inner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.shot-views .btn-dropdown {
    z-index: 4
}

@media screen and (min-width: 1300px) {
    .shot-views {
        -ms-flex:0 0 150px;
        flex: 0 0 150px
    }
}

.shot-views .btn-dropdown-link {
    min-width: 115px;
    white-space: nowrap
}

@media only screen and (max-width: 959px) {
    .shot-views {
        -ms-flex-order:1;
        order: 1
    }
}

.shot-categories {
    text-align: center;
    padding: 2px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    height: 38px
}

.shot-categories ul {
    padding: 0 2px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px
}

.shot-categories ul::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 959px) {
    .shot-categories {
        -ms-flex-order:3;
        order: 3;
        padding: 8px 0 0;
        border-top: none;
        margin: 0px -15px 0;
        width: 100%;
        height: 52px
    }

    .shot-categories a {
        font-size: 13px
    }
}

.shot-categories li.category {
    display: inline-block
}

.shot-categories li.category:first-child {
    margin-left: 5px
}

@media only screen and (max-width: 959px) {
    .shot-categories li.category:first-child {
        margin-left:15px
    }
}

.shot-categories li.category:last-child {
    margin-right: 40px
}

@media only screen and (max-width: 959px) {
    .shot-categories li.category:last-child {
        margin-right:15px
    }
}

.shot-categories li.category a {
    display: inline-block;
    color: #757575;
    padding: 11px 0px;
    border-radius: 7px;
    line-height: 1;
    display: inline-block;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.shot-categories li.category.active a,.shot-categories li.category a:hover {
    background: rgba(58,139,187,0.15);
    color: #3a8bbb
}

.shot-categories li.category.active a {
    font-weight: 500
}

.shot-categories li.category a::after {
    display: block;
    content: attr(title);
    font-weight: 500;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.shot-categories .scroll a {
    color: #444;
    position: absolute;
    width: 40px;
    padding: 9px 0;
    z-index: 1
}

@media only screen and (max-width: 959px) {
    .shot-categories .scroll a {
        padding:10px 0
    }
}

.shot-categories .scroll a svg {
    height: 12px;
    width: 12px;
    fill: currentColor
}

@media only screen and (max-width: 959px) {
    .shot-categories .scroll a svg {
        height:14px;
        width: 14px
    }
}

.shot-categories .scroll-forward a {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, white));
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, white 50%)
}

.shot-categories .scroll-forward a svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.shot-categories .scroll-backward a {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), color-stop(50%, white));
    background-image: linear-gradient(to left, rgba(255,255,255,0) 0%, white 50%)
}

.shot-categories .scroll-backward a svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.shot-settings {
    text-align: right;
    white-space: nowrap
}

@media screen and (min-width: 1300px) {
    .shot-settings {
        -ms-flex:0 0 150px;
        flex: 0 0 150px
    }
}

@media only screen and (max-width: 959px) {
    .shot-settings {
        -ms-flex-order:2;
        order: 2
    }

    .shot-settings .btn-dropdown {
        z-index: 4
    }
}

.shot-settings span.meatball {
    display: none;
    color: #fff;
    padding: 3px 5px 4px;
    border-radius: 50%;
    background-color: #3a8bbb;
    margin: 0 5px 0 -2px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 18px;
    line-height: 1;
    top: 0;
    text-align: center;
    vertical-align: middle
}

.shot-settings div.screenshot-actions {
    top: 24px;
    text-align: left
}

.shot-filters {
    display: none;
    border-top: 1px solid #F2F2F2;
    padding-top: 20px;
    margin-top: 20px;
    position: relative
}

@media only screen and (min-width: 960px) {
    .shot-filters .btn-dropdown {
        z-index:4
    }
}

.shot-filters .find-shots-goods-price {
    display: none
}

.shot-filters.goods .find-shots-source-files,.shot-filters.goods .find-shots-made-with,.shot-filters.goods .find-shots-timeframe {
    display: none
}

.shot-filters.goods .find-shots-goods-price {
    display: block
}

.shot-filters.goods form.gen-form.shot-filters-form fieldset {
    width: calc(33.333% - 30px)
}

@media only screen and (max-width: 959px) {
    .shot-filters.goods form.gen-form.shot-filters-form fieldset {
        width:auto
    }
}

.shot-filters.following .find-shots-timeframe,.shot-filters.recent .find-shots-timeframe {
    display: none
}

.shot-filters.following form.gen-form.shot-filters-form fieldset,.shot-filters.recent form.gen-form.shot-filters-form fieldset {
    width: calc(25% - 30px)
}

@media only screen and (max-width: 959px) {
    .shot-filters.following form.gen-form.shot-filters-form fieldset,.shot-filters.recent form.gen-form.shot-filters-form fieldset {
        width:auto
    }
}

.shot-filters.active {
    display: block
}

@media only screen and (max-width: 959px) {
    .shot-filters {
        padding:15px 15px 0;
        margin: 15px -15px -15px
    }
}

form.gen-form.shot-filters-form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    -webkit-transition: max-width .2s ease-in-out;
    transition: max-width .2s ease-in-out;
    position: relative
}

@media screen and (min-width: 960px) and (max-width: 1309px) {
    body.grid-small form.gen-form.shot-filters-form {
        max-width:calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (min-width: 960px) and (max-width: 1169px) {
    body.grid-large form.gen-form.shot-filters-form {
        max-width:calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 959px) {
    body.grid-large form.gen-form.shot-filters-form,body.grid-small form.gen-form.shot-filters-form {
        max-width:100%
    }
}

form.gen-form.shot-filters-form fieldset {
    width: calc(20% - 30px);
    margin: 0 15px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form fieldset {
        margin-left:0;
        margin-right: 0;
        margin-bottom: 20px;
        width: auto
    }
}

form.gen-form.shot-filters-form fieldset input[type=text],form.gen-form.shot-filters-form fieldset input[type=search] {
    width: 100%;
    font-size: 13px;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #F5F6F7;
    -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.03);
    box-shadow: inset 0px 2px 3px rgba(0,0,0,0.03);
    border-radius: 8px;
    margin: 0
}

form.gen-form.shot-filters-form fieldset input[type=text]:focus,form.gen-form.shot-filters-form fieldset input[type=search]:focus {
    background-color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #D8DDE2,inset 0px 2px 3px rgba(0,0,0,0.03);
    box-shadow: inset 0px 0px 0px 1px #D8DDE2,inset 0px 2px 3px rgba(0,0,0,0.03)
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form fieldset input[type=text],form.gen-form.shot-filters-form fieldset input[type=search] {
        font-size:16px
    }
}

@media only screen and (min-width: 960px) {
    form.gen-form.shot-filters-form fieldset input[type=text],form.gen-form.shot-filters-form fieldset input[type=search] {
        line-height:16px
    }
}

form.gen-form.shot-filters-form fieldset input[type=search]::-webkit-search-decoration,form.gen-form.shot-filters-form fieldset input[type=search]::-webkit-search-cancel-button,form.gen-form.shot-filters-form fieldset input[type=search]::-webkit-search-results-button,form.gen-form.shot-filters-form fieldset input[type=search]::-webkit-search-results-decoration {
    display: none
}

form.gen-form.shot-filters-form label {
    color: #999;
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .75px
}

form.gen-form.shot-filters-form .clear-filter {
    float: right;
    font-size: 12px;
    padding-top: 2px
}

form.gen-form.shot-filters-form .input-with-icon {
    position: relative
}

form.gen-form.shot-filters-form .find-shots-color input[type=search] {
    padding-left: 44px
}

form.gen-form.shot-filters-form .find-shots-color svg {
    position: absolute;
    top: 10px;
    left: 16px;
    height: 20px;
    width: 20px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color svg {
        top:11px
    }
}

form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon input[type=search] {
    padding-left: 53px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon input[type=search] {
        padding-left:55px
    }
}

form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon:before {
    content: "#";
    position: absolute;
    top: 11px;
    left: 44px;
    font-size: 13px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color.active .input-with-icon:before {
        font-size:16px
    }
}

form.gen-form.shot-filters-form .find-shots-color div.btn-dropdown-options {
    border-radius: 8px;
    border-color: #D8DDE2;
    right: 0
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips li {
    width: 6.66666667%
}

form.gen-form.shot-filters-form .find-shots-color ul.color-chips li a {
    padding: 0;
    height: 14px
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch {
    display: none
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch[style] {
    position: absolute;
    border-radius: 50%;
    border: solid 7px transparent;
    display: block;
    top: 10px;
    left: 16px;
    width: 5px;
    height: 5px
}

@media only screen and (max-width: 959px) {
    form.gen-form.shot-filters-form .find-shots-color .color-swatch[style] {
        top:11px
    }
}

form.gen-form.shot-filters-form .find-shots-color .color-swatch[style] ~ svg {
    display: none
}

form.gen-form.shot-filters-form .find-shots-tag input[type=search] {
    padding-left: 40px
}

form.gen-form.shot-filters-form .find-shots-tag svg {
    position: absolute;
    top: 12px;
    left: 16px;
    height: 16px;
    width: 16px;
    fill: #bbb
}

form.gen-form.shot-filters-form .find-shots-goods-price .price-range {
    float: right;
    font-size: 12px;
    padding-top: 2px;
    position: absolute;
    top: 0px;
    right: 36px
}

form.gen-form.shot-filters-form .find-shots-goods-price .price-slider {
    margin-top: 27px
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-origin,form.gen-form.shot-filters-form .find-shots-goods-price .noUi-target {
    background: #ea4c89
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-horizontal {
    height: 2px
}

form.gen-form.shot-filters-form .find-shots-goods-price .noUi-horizontal .noUi-handle {
    border: 3px solid #ea4c89;
    background-color: #fff;
    height: 18px;
    width: 18px;
    outline: 0
}

form.gen-form.shot-filters-form .btn-dropdown {
    display: block
}

form.gen-form.shot-filters-form .btn-dropdown .btn-dropdown-link {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.gen-form.shot-filters-form .btn-dropdown .btn-dropdown-options {
    right: 0
}

body#search-results .timeframe-all-time {
    display: none
}

body#search-results .timeframe-now {
    display: block
}

.autocomplete-suggestions.btn-dropdown-options {
    border-radius: 8px;
    border-color: #D8DDE2;
    padding: 8px 0;
    margin-top: 3px
}

.autocomplete-suggestions.btn-dropdown-options .autocomplete-suggestion {
    display: block;
    padding: 8px 15px;
    font-size: 13px;
    color: #757575;
    line-height: normal
}

@media only screen and (max-width: 959px) {
    .autocomplete-suggestions.btn-dropdown-options .autocomplete-suggestion {
        font-size:16px
    }
}

.autocomplete-suggestions.btn-dropdown-options .autocomplete-suggestion.active {
    color: #444;
    background-color: #F5F6F7
}

.autocomplete-suggestions.btn-dropdown-options .autocomplete-suggestion b {
    background: rgba(58,139,187,0.15);
    color: #3a8bbb;
    font-weight: 500;
    border-radius: 2px
}

.form-btn.outlined.filters-toggle-btn {
    height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
    font-weight: normal;
    color: #444
}

.form-btn.outlined.filters-toggle-btn,.form-btn.outlined.filters-toggle-btn:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #D8DDE2 inset;
    box-shadow: 0px 0px 0px 1px #D8DDE2 inset
}

.form-btn.outlined.filters-toggle-btn:hover,.form-btn.outlined.filters-toggle-btn:active {
    -webkit-box-shadow: 0px 0px 0px 1px #D8DDE2 inset,0px 3px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 0px 1px #D8DDE2 inset,0px 3px 4px rgba(0,0,0,0.04)
}

.form-btn.outlined.filters-toggle-btn span.label {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle
}

@media only screen and (max-width: 959px) {
    .form-btn.outlined.filters-toggle-btn span.label {
        font-size:16px
    }
}

.form-btn.outlined.filters-toggle-btn span.label::after {
    display: block;
    content: attr(title);
    font-weight: 500;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.form-btn.outlined.filters-toggle-btn svg {
    height: 16px;
    width: 16px;
    margin: 0 5px 0 0;
    fill: #757575
}

.form-btn.outlined.filters-toggle-btn.filters-active {
    color: #3a8bbb
}

.form-btn.outlined.filters-toggle-btn.filters-active:link,.form-btn.outlined.filters-toggle-btn.filters-active:focus,.form-btn.outlined.filters-toggle-btn.filters-active:hover,.form-btn.outlined.filters-toggle-btn.filters-active:active {
    color: #3a8bbb;
    font-weight: 500;
    background-color: rgba(58,139,187,0.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-btn.outlined.filters-toggle-btn.filters-active span.meatball {
    display: inline-block
}

.form-btn.outlined.filters-toggle-btn.filters-active svg {
    display: none;
    fill: #3a8bbb
}

.form-btn.outlined.filters-toggle-btn.empty span.meatball {
    display: none
}

.form-btn.outlined.filters-toggle-btn.empty svg {
    display: inline-block
}

.form-btn.outlined.filters-toggle-btn.present span.meatball {
    display: inline-block
}

.form-btn.outlined.filters-toggle-btn.present svg {
    display: none
}

.btn-dropdown.btn-dropdown-neue.shot-sizes {
    margin-left: 12px;
    position: relative
}

.btn-dropdown.btn-dropdown-neue.shot-sizes svg.dropdown-arrow {
    position: absolute;
    top: -4px;
    right: 12px
}

.btn-dropdown.btn-dropdown-neue.shot-sizes.open ul {
    display: -ms-flexbox;
    display: flex
}

.btn-dropdown.btn-dropdown-neue.shot-sizes.open svg.shot-size-toggle path {
    fill: #444 !important
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link {
    padding: 8px;
    height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link:focus,.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link:hover,.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link svg.shot-size-toggle {
    position: static;
    right: auto;
    top: auto;
    width: 18px;
    height: 18px;
    margin: 0;
    stroke: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link:active svg.shot-size-toggle path,.btn-dropdown.btn-dropdown-neue.shot-sizes .form-btn.outlined.btn-dropdown-link:hover svg.shot-size-toggle path {
    fill: #444 !important
}

.btn-dropdown.btn-dropdown-neue.shot-sizes svg.shot-size-toggle path {
    fill: #BDBDBD !important
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options {
    right: 0;
    left: auto;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 156px
}

@media screen and (max-width: 530px) {
    .btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options {
        min-width:80px
    }
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul {
    padding: 8px 4px
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul svg {
    stroke: #c4c4c4
}

@media screen and (max-width: 530px) {
    .btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul li.small-with-meta,.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul li.large-without-meta {
        display:none
    }
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul a {
    padding: 0 4px;
    height: 28px
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul a:hover,.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul li.active {
    background-color: transparent
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul a:hover svg,.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul li.active svg {
    fill: rgba(58,139,187,0.2);
    stroke: #3a8bbb
}

.btn-dropdown.btn-dropdown-neue.shot-sizes .btn-dropdown-options ul li.active a {
    background-color: transparent
}

.widget-block {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245,246,247,0.7)), to(rgba(245,246,247,0.7)));
    background: linear-gradient(0deg, rgba(245,246,247,0.7), rgba(245,246,247,0.7));
    border-radius: 4px;
    border: 1px solid transparent;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin: 8px 0;
    padding: 0 14px;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    max-width: 820px
}

.widget-block:hover {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    background: #ecf4f9
}

.widget-block.specialty-active {
    background: #ecf4f9
}

.widget-block.specialty-active .draggable-widget-handle {
    cursor: -webkit-grab;
    cursor: grab
}

.widget-block.specialty-active .widget-dropdown-target {
    pointer-events: all
}

.widget-block.specialty-active:hover {
    background: rgba(58,139,187,0.12)
}

.widget-block.gu-transit {
    background: #f5f6f7
}

.widget-block.gu-transit div {
    display: none
}

.widget-block.gu-mirror label {
    margin-left: 6px;
    font-size: 15px;
    font-weight: 700
}

.widget-block.gu-mirror.specialty-active:hover {
    background: #ecf4f9
}

.widget-block label {
    margin-left: 6px
}

.widget-block input[type="checkbox"]:checked+label:before {
    background: #3a8bbb url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.widget-block input[type="checkbox"]+label:before {
    border-radius: 2px
}

.widget-block input[type="checkbox"]:checked+label {
    color: #3a8bbb
}

.widget-block input[type="checkbox"]:checked+label:before {
    border: 1px solid #3a8bbb
}

.widget-block .widget-dropdown-target {
    position: relative;
    color: #757575;
    cursor: pointer;
    pointer-events: none
}

.widget-block .widget-dropdown-target[aria-expanded="true"] .widget-dropdown-arrow {
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.widget-block .widget-dropdown-option {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.widget-block .widget-dropdown-option:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.widget-block .widget-dropdown-option:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.widget-block .widget-dropdown-option:hover {
    cursor: pointer;
    background: #f8f8f8
}

.widget-block .widget-dropdown-option label {
    cursor: pointer;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 8px 16px !important;
    line-height: 1.5 !important;
    margin: 0 5px 0 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.widget-block .widget-dropdown-option input[type="radio"] {
    display: none
}

.widget-block .widget-dropdown-option input[type="radio"]:checked+label {
    font-weight: 700
}

.widget-block .widget-dropdown-options {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #d8dde2;
    display: none;
    min-width: 100px;
    position: absolute;
    right: 0;
    top: 24px;
    width: 125px;
    z-index: 10
}

.widget-block .widget-dropdown-options.dropped {
    display: block
}

.widget-block .widget-dropdown-options label {
    color: #444;
    font-weight: 400;
    line-height: normal;
    margin-left: 10px
}

.widget-block.dragging-disabled {
    opacity: 0.5;
    cursor: disabled;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.widget-block.dragging-disabled:hover,.widget-block.dragging-disabled:focus {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245,246,247,0.7)), to(rgba(245,246,247,0.7)));
    background: linear-gradient(0deg, rgba(245,246,247,0.7), rgba(245,246,247,0.7))
}

.draggable-widget-handle {
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.draggable-widget-handle:hover {
    fill: #757575
}

.gu-mirror {
    position: fixed !important;
    margin: 0;
    z-index: 9999
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input:checked[type="checkbox"]+label::before,.ta-checkbox-input input:checked[type="checkbox"]+label::before,.candidate-search-filters input:checked[type="checkbox"]+label::before,.edit-role-overlay input:checked[type="checkbox"]+label::before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.ta-radio-input input[type="radio"]+label::before {
    border-radius: 50%
}

.ta-radio-input input:checked[type="radio"]+label:before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.profile-form label {
    margin: 0 !important;
    padding: 0;
    line-height: 1
}

.profile-form .widget-block label {
    line-height: 48px;
    font-weight: 700;
    font-size: 15px
}

.talent-pitch {
    -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 20px 20px 20px 0;
    position: relative;
    overflow: hidden;
    max-width: 700px
}

.talent-pitch:before {
    content: "";
    position: absolute;
    width: 190px;
    height: 283px;
    overflow: hidden;
    background-color: #fff;
    top: 0;
    left: -10px;
    background-repeat: no-repeat;
    background-size: auto 283px;
    background-image: url(/assets/talent/profile/talent-pitch-075315b430c9fffd0153998235fd673454ab7ca08e99885e58faef66765ca3a7.jpg);
    background-position: top right;
    z-index: 1
}

.talent-pitch .citation {
    color: #757575
}

.talent-pitch .citation:hover {
    color: #444
}

@media only screen and (max-width: 959px) {
    .talent-pitch {
        background-image:none;
        padding: 60px 10px 10px 10px;
        overflow: hidden;
        max-width: none
    }

    .talent-pitch:before {
        width: 100%;
        background-position: bottom right;
        height: 120px
    }

    .talent-pitch .talent-pitch-content {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(14%, white));
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 14%);
        margin: 0 -20px;
        padding: 10px 30px
    }
}

.talent-soft-pitch-field-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 12px;
    grid-column-gap: 10px
}

@media only screen and (max-width: 959px) {
    .talent-soft-pitch-field-grid {
        grid-template-columns:1fr
    }
}

.talent-soft-pitch-field-grid li svg {
    fill: #999
}

.talent-soft-pitch-field-grid li.answered svg {
    fill: #53c68c
}

form#new_profile .ta-overlay-trigger {
    margin-left: 0
}

body.hiring-profile-talent-application #wrap-inner {
    padding: 0 !important;
    background-color: white
}

body.hiring-profile-talent-application #header {
    display: none
}

body.hiring-profile-talent-application #footer {
    display: none
}

body.hiring-profile-talent-application .shot-overlay {
    display: none
}

.talent-application-overlay {
    overflow: hidden !important;
    -webkit-transition: 0.02s linear !important;
    transition: 0.02s linear !important
}

.talent-application-overlay .lightbox {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.talent-application-overlay .lightbox a.close {
    display: none
}

.talent-application-overlay .ta-grid {
    display: grid;
    grid-template-columns: 1fr 514px
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-grid {
        grid-template-columns:1fr
    }
}

.talent-application-overlay .ta-work-location .btn-dropdown .btn-dropdown-link {
    min-width: 150px;
    text-align: left
}

.talent-application-overlay .ta-work-location .btn-dropdown .btn-dropdown-link span {
    white-space: nowrap
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-work-location .btn-dropdown {
        display:block;
        width: 100%
    }

    .talent-application-overlay .ta-work-location .btn-dropdown .btn-dropdown-link {
        display: block;
        width: 100%
    }
}

.talent-application-overlay .ta-work-location .btn-dropdown.dropdown-checkbox-active .btn-dropdown-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.talent-application-overlay .ta-work-location .btn-dropdown-options {
    margin: 0;
    min-width: 230px;
    right: 0;
    left: auto
}

.talent-application-overlay .ta-work-location .btn-dropdown-options ul {
    padding: 10px
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-work-location .btn-dropdown-options {
        left:0;
        right: auto;
        width: 100%
    }
}

.talent-application-overlay .ta-work-location .btn-dropdown-options:focus {
    outline: none
}

.talent-application-overlay .dropdown-checkbox-display {
    display: block !important
}

.talent-application-overlay .ta-checkbox-group:nth-child(2n) {
    margin-top: -8px
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input {
    margin: 8px 0
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input label {
    margin-left: 4px;
    line-height: 1
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before {
    border-radius: 2px
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]:checked+label:before {
    border: 1px solid #3a8bbb
}

.talent-application-overlay .ta-checkbox-group.ta-checkbox-group-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto
}

.talent-application-overlay .ta-checkbox-group.ta-checkbox-group-inline .ta-checkbox-input {
    margin-right: 20px
}

.talent-application-overlay .ta-content .ta-content-inner {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

.talent-application-overlay .ta-form-wrap {
    width: 540px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-form-wrap {
        width:100%;
        padding: 0 10px
    }
}

.talent-application-overlay input[type="submit"].btn-submit-application {
    padding: 16px 40px;
    font-size: 15px
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay input[type="submit"].btn-submit-application {
        display:block;
        width: 100%
    }
}

.talent-application-overlay .ta-alert {
    background: rgba(255,85,85,0.1);
    color: #f55;
    border-radius: 8px;
    padding: 24px 32px;
    font-size: 14px;
    line-height: 1.4
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-alert {
        padding:16px
    }
}

.talent-application-overlay .ta-videos {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 514px;
    overflow: hidden
}

@media only screen and (max-width: 959px) {
    .talent-application-overlay .ta-videos {
        width:100%;
        display: none
    }
}

.talent-application-overlay .ta-videos .swiper-slide {
    position: relative
}

.talent-application-overlay .ta-videos .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, rgba(13,8,29,0.4)), color-stop(77%, rgba(13,8,29,0.8)));
    background: linear-gradient(180deg, rgba(13,8,29,0.4) 42%, rgba(13,8,29,0.8) 77%)
}

.talent-application-overlay .ta-videos .swiper-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.talent-application-overlay .ta-videos .swiper-slide-quote-wrapper {
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.talent-application-overlay .ta-videos .swiper-slide-quote-wrapper blockquote {
    text-indent: -10px;
    display: block
}

.talent-application-overlay .ta-videos .swiper-slide-quote-wrapper blockquote cite {
    font-style: normal;
    display: block;
    font-weight: 700;
    margin-left: 10px
}

.talent-application-overlay .ta-videos .swiper-pagination {
    position: absolute;
    bottom: 20px;
    right: 10px
}

.talent-application-overlay .ta-videos .swiper-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.5);
    margin: 0 4px;
    width: 6px;
    height: 6px
}

.talent-application-overlay .ta-videos .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white;
    width: 8px;
    height: 8px
}

.talent-application-overlay .ta-swiper-container .swiper-wrapper {
    width: 100%
}

.talent-application-overlay .ta-swiper-container .swiper-wrapper .swiper-slide video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100vh
}

.ta-checkbox-input {
    margin: 8px 0
}

.ta-checkbox-input label {
    margin-left: 4px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ta-checkbox-input input[type="checkbox"]+label:before {
    border-radius: 2px
}

.ta-checkbox-input input[type="checkbox"]:checked+label:before {
    border: 1px solid #3a8bbb
}

.ta-radio-input {
    margin: 8px 0
}

.ta-radio-input label {
    margin-left: 4px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ta-radio-input input[type="radio"]:checked+label:before {
    border: 1px solid #3a8bbb
}

.ta-completion {
    position: relative
}

.ta-completion::after {
    width: 40px;
    background: white;
    height: calc(100% + 2px);
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1;
    content: "";
    border-radius: 0 8px 8px 0
}

.ta-label form.gen-form label {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    display: block
}

.ta-required label {
    position: relative
}

.ta-required label::after {
    content: "*";
    color: #f55;
    display: inline-block;
    padding-left: 3px
}

#account-profile form.gen-form fieldset textarea.bio,#account-profile form.gen-form fieldset .ql-container .bio.ql-editor,.ql-container #account-profile form.gen-form fieldset .bio.ql-editor {
    font-size: 16px
}

.hiring-profile-bg #wrap {
    background: #fff
}

.hiring-profile-bg #wrap .account-pro-prompt,.hiring-profile-bg #wrap .confirm-email-inline {
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 1px 2px rgba(237,237,237,0.5);
    box-shadow: 0 1px 2px rgba(237,237,237,0.5)
}

div.account-slat-header h1 {
    font-weight: 700
}

form.gen-form .disable-ads-pro label {
    display: inline-block
}

#change-plan-overlay .lightbox {
    background: white
}

.change-plan-option {
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 12px;
    cursor: pointer
}

.change-plan-option .change-plan-option-current {
    display: none
}

.change-plan-option.selected {
    background-color: rgba(58,139,187,0.1)
}

.change-plan-option.selected .change-plan-option-name {
    color: #3a8bbb
}

.change-plan-option.selected .change-plan-option-current {
    display: inline
}

#plan-change-form {
    display: inline
}

#plan-change-form.d-none {
    display: none
}

#sync-changes[disabled] {
    opacity: 0.3;
    pointer-events: none
}

.shot-grid-width,ol.dribbbles {
    max-width: 2000px
}

body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
    max-width: 2700px
}

@media screen and (min-width: 2311px) and (max-width: 2279px) {
    body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
        max-width:2250px
    }
}

@media screen and (min-width: 1861px) and (max-width: 1909px) {
    body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
        max-width:1800px
    }
}

@media screen and (min-width: 1411px) and (max-width: 1539px) {
    body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
        max-width:1350px
    }
}

@media screen and (min-width: 961px) and (max-width: 1169px) {
    body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
        max-width:900px
    }
}

@media screen and (max-width: 750px) {
    body.grid-large .shot-grid-width,body.grid-large ol.dribbbles {
        max-width:420px
    }
}

@media screen and (max-width: 2059px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:1750px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 7 - 30px)
    }
}

@media screen and (max-width: 1809px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:1500px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 6 - 30px)
    }
}

@media screen and (max-width: 1559px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:1250px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 5 - 30px)
    }
}

@media screen and (max-width: 1309px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:1000px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 4 - 30px)
    }
}

@media screen and (max-width: 1059px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:750px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 3 - 30px)
    }
}

@media screen and (max-width: 809px) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:500px
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 2 - 30px)
    }
}

@media only screen and (width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:100%
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: 220px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    body.grid-small .shot-grid-width,body.grid-small ol.dribbbles {
        max-width:100%
    }

    body.grid-small .shot-grid-width li.group,body.grid-small ol.dribbbles li.group,body.grid-small .shot-grid-width li.constrained-content,body.grid-small ol.dribbbles li.constrained-content,body.grid-small .shot-grid-width li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small .shot-grid-width li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small .shot-grid-width li.constrained-content-narrow,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small .shot-grid-width li.player-list-with-filters,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: 220px;
        margin-left: 13px;
        margin-right: 13px
    }
}

ol.dribbbles {
    margin: 0 auto
}

body.grid-large ol.dribbbles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row
}

ol.dribbbles li.group,ol.dribbbles li.constrained-content,ol.dribbbles li.constrained-content-alt,ol.dribbbles li.constrained-content-super,ol.dribbbles li.constrained-content-narrow,ol.dribbbles li.player-list-with-filters {
    position: relative;
    width: 220px;
    float: left;
    padding: 0;
    margin: 0 15px 30px 15px
}

ol.dribbbles li.group.made-with-header,ol.dribbbles li.made-with-header.constrained-content,ol.dribbbles li.made-with-header.constrained-content-alt,ol.dribbbles li.made-with-header.constrained-content-super,ol.dribbbles li.made-with-header.constrained-content-narrow,ol.dribbbles li.made-with-header.player-list-with-filters {
    -webkit-box-shadow: 0px 0px 0px 1.5px #E0E5EB inset;
    box-shadow: 0px 0px 0px 1.5px #E0E5EB inset;
    height: 192px;
    border-radius: 10px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ol.dribbbles li.group.made-with-header svg,ol.dribbbles li.made-with-header.constrained-content svg,ol.dribbbles li.made-with-header.constrained-content-alt svg,ol.dribbbles li.made-with-header.constrained-content-super svg,ol.dribbbles li.made-with-header.constrained-content-narrow svg,ol.dribbbles li.made-with-header.player-list-with-filters svg {
    width: 48px;
    height: 48px;
    margin: 0 20px 10px 0
}

ol.dribbbles li.group.made-with-header span,ol.dribbbles li.made-with-header.constrained-content span,ol.dribbbles li.made-with-header.constrained-content-alt span,ol.dribbbles li.made-with-header.constrained-content-super span,ol.dribbbles li.made-with-header.constrained-content-narrow span,ol.dribbbles li.made-with-header.player-list-with-filters span,ol.dribbbles li.group.made-with-header strong,ol.dribbbles li.made-with-header.constrained-content strong,ol.dribbbles li.made-with-header.constrained-content-alt strong,ol.dribbbles li.made-with-header.constrained-content-super strong,ol.dribbbles li.made-with-header.constrained-content-narrow strong,ol.dribbbles li.made-with-header.player-list-with-filters strong {
    display: block
}

ol.dribbbles li.group.made-with-header strong,ol.dribbbles li.made-with-header.constrained-content strong,ol.dribbbles li.made-with-header.constrained-content-alt strong,ol.dribbbles li.made-with-header.constrained-content-super strong,ol.dribbbles li.made-with-header.constrained-content-narrow strong,ol.dribbbles li.made-with-header.player-list-with-filters strong {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

ol.dribbbles li.group.made-with-header span,ol.dribbbles li.made-with-header.constrained-content span,ol.dribbbles li.made-with-header.constrained-content-alt span,ol.dribbbles li.made-with-header.constrained-content-super span,ol.dribbbles li.made-with-header.constrained-content-narrow span,ol.dribbbles li.made-with-header.player-list-with-filters span {
    color: #757575;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 12px
}

ol.dribbbles li.group.made-with-header .more-plugins,ol.dribbbles li.made-with-header.constrained-content .more-plugins,ol.dribbbles li.made-with-header.constrained-content-alt .more-plugins,ol.dribbbles li.made-with-header.constrained-content-super .more-plugins,ol.dribbbles li.made-with-header.constrained-content-narrow .more-plugins,ol.dribbbles li.made-with-header.player-list-with-filters .more-plugins {
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
    display: inline-block
}

body.grid-small ol.dribbbles li.group.made-with-header,body.grid-small ol.dribbbles li.made-with-header.constrained-content,body.grid-small ol.dribbbles li.made-with-header.constrained-content-alt,body.grid-small ol.dribbbles li.made-with-header.constrained-content-super,body.grid-small ol.dribbbles li.made-with-header.constrained-content-narrow,body.grid-small ol.dribbbles li.made-with-header.player-list-with-filters {
    width: 470px !important
}

@media screen and (max-width: 530px) {
    body.grid-small ol.dribbbles li.group.made-with-header,body.grid-small ol.dribbbles li.made-with-header.constrained-content,body.grid-small ol.dribbbles li.made-with-header.constrained-content-alt,body.grid-small ol.dribbbles li.made-with-header.constrained-content-super,body.grid-small ol.dribbbles li.made-with-header.constrained-content-narrow,body.grid-small ol.dribbbles li.made-with-header.player-list-with-filters {
        width:auto !important;
        height: auto !important
    }

    body.grid-small ol.dribbbles li.group.made-with-header .more-plugins,body.grid-small ol.dribbbles li.made-with-header.constrained-content .more-plugins,body.grid-small ol.dribbbles li.made-with-header.constrained-content-alt .more-plugins,body.grid-small ol.dribbbles li.made-with-header.constrained-content-super .more-plugins,body.grid-small ol.dribbbles li.made-with-header.constrained-content-narrow .more-plugins,body.grid-small ol.dribbbles li.made-with-header.player-list-with-filters .more-plugins {
        display: block;
        margin: 10px 0 0
    }
}

body.grid-small ol.dribbbles li.group.made-with-header .made-with-header-inner,body.grid-small ol.dribbbles li.made-with-header.constrained-content .made-with-header-inner,body.grid-small ol.dribbbles li.made-with-header.constrained-content-alt .made-with-header-inner,body.grid-small ol.dribbbles li.made-with-header.constrained-content-super .made-with-header-inner,body.grid-small ol.dribbbles li.made-with-header.constrained-content-narrow .made-with-header-inner,body.grid-small ol.dribbbles li.made-with-header.player-list-with-filters .made-with-header-inner {
    display: -ms-flexbox;
    display: flex
}

body.grid-small.grid-without-meta ol.dribbbles li.group.made-with-header,body.grid-small.grid-without-meta ol.dribbbles li.made-with-header.constrained-content,body.grid-small.grid-without-meta ol.dribbbles li.made-with-header.constrained-content-alt,body.grid-small.grid-without-meta ol.dribbbles li.made-with-header.constrained-content-super,body.grid-small.grid-without-meta ol.dribbbles li.made-with-header.constrained-content-narrow,body.grid-small.grid-without-meta ol.dribbbles li.made-with-header.player-list-with-filters {
    height: 169px
}

body.grid-large ol.dribbbles li.group.made-with-header,body.grid-large ol.dribbbles li.made-with-header.constrained-content,body.grid-large ol.dribbbles li.made-with-header.constrained-content-alt,body.grid-large ol.dribbbles li.made-with-header.constrained-content-super,body.grid-large ol.dribbbles li.made-with-header.constrained-content-narrow,body.grid-large ol.dribbbles li.made-with-header.player-list-with-filters {
    height: auto;
    padding: 35px
}

body.grid-large ol.dribbbles li.group.made-with-header strong,body.grid-large ol.dribbbles li.made-with-header.constrained-content strong,body.grid-large ol.dribbbles li.made-with-header.constrained-content-alt strong,body.grid-large ol.dribbbles li.made-with-header.constrained-content-super strong,body.grid-large ol.dribbbles li.made-with-header.constrained-content-narrow strong,body.grid-large ol.dribbbles li.made-with-header.player-list-with-filters strong {
    font-size: 20px
}

body.grid-large ol.dribbbles li.group.made-with-header span,body.grid-large ol.dribbbles li.made-with-header.constrained-content span,body.grid-large ol.dribbbles li.made-with-header.constrained-content-alt span,body.grid-large ol.dribbbles li.made-with-header.constrained-content-super span,body.grid-large ol.dribbbles li.made-with-header.constrained-content-narrow span,body.grid-large ol.dribbbles li.made-with-header.player-list-with-filters span {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px
}

body.grid-large.grid-with-meta ol.dribbbles li.group.made-with-header,body.grid-large.grid-with-meta ol.dribbbles li.made-with-header.constrained-content,body.grid-large.grid-with-meta ol.dribbbles li.made-with-header.constrained-content-alt,body.grid-large.grid-with-meta ol.dribbbles li.made-with-header.constrained-content-super,body.grid-large.grid-with-meta ol.dribbbles li.made-with-header.constrained-content-narrow,body.grid-large.grid-with-meta ol.dribbbles li.made-with-header.player-list-with-filters {
    margin-bottom: 56px
}

body.grid-large ol.dribbbles li.group.made-with-header.smaller,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-alt,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-super,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-narrow,body.grid-large ol.dribbbles li.made-with-header.smaller.player-list-with-filters {
    padding: 20px
}

body.grid-large ol.dribbbles li.group.made-with-header.smaller svg,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content svg,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-alt svg,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-super svg,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-narrow svg,body.grid-large ol.dribbbles li.made-with-header.smaller.player-list-with-filters svg {
    height: 36px;
    width: 36px
}

body.grid-large ol.dribbbles li.group.made-with-header.smaller strong,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content strong,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-alt strong,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-super strong,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-narrow strong,body.grid-large ol.dribbbles li.made-with-header.smaller.player-list-with-filters strong {
    font-size: 16px
}

body.grid-large ol.dribbbles li.group.made-with-header.smaller span,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content span,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-alt span,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-super span,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-narrow span,body.grid-large ol.dribbbles li.made-with-header.smaller.player-list-with-filters span {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px
}

body.grid-large ol.dribbbles li.group.made-with-header.smaller .more-plugins,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content .more-plugins,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-alt .more-plugins,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-super .more-plugins,body.grid-large ol.dribbbles li.made-with-header.smaller.constrained-content-narrow .more-plugins,body.grid-large ol.dribbbles li.made-with-header.smaller.player-list-with-filters .more-plugins {
    display: block;
    font-size: 12px;
    margin: 10px 0 0
}

body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
    width: calc(16.666% - 30px)
}

@media screen and (max-width: 2279px) {
    body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
        width:calc(20% - 30px)
    }
}

@media screen and (max-width: 1909px) {
    body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
        width:calc(25% - 30px)
    }
}

@media screen and (max-width: 1539px) {
    body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
        width:calc(33.333% - 30px)
    }
}

@media screen and (max-width: 1169px) {
    body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
        width:calc(50% - 30px)
    }
}

@media screen and (max-width: 750px) {
    body.grid-large ol.dribbbles li.group,body.grid-large ol.dribbbles li.constrained-content,body.grid-large ol.dribbbles li.constrained-content-alt,body.grid-large ol.dribbbles li.constrained-content-super,body.grid-large ol.dribbbles li.constrained-content-narrow,body.grid-large ol.dribbbles li.player-list-with-filters {
        width:calc(50% - 10px);
        margin: 0 5px 10px 5px;
    }
}

@media screen and (min-width: 1895px) {
    body.grid-large div.floating-sidebar-content ol.dribbbles li.group,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-alt,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-super,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-narrow,body.grid-large div.floating-sidebar-content ol.dribbbles li.player-list-with-filters {
        width:calc(25% - 30px)
    }
}

@media screen and (min-width: 1525px) and (max-width: 1894px) {
    body.grid-large div.floating-sidebar-content ol.dribbbles li.group,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-alt,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-super,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-narrow,body.grid-large div.floating-sidebar-content ol.dribbbles li.player-list-with-filters {
        width:calc(33.333% - 30px)
    }
}

@media screen and (min-width: 1181px) and (max-width: 1524px) {
    body.grid-large div.floating-sidebar-content ol.dribbbles li.group,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-alt,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-super,body.grid-large div.floating-sidebar-content ol.dribbbles li.constrained-content-narrow,body.grid-large div.floating-sidebar-content ol.dribbbles li.player-list-with-filters {
        width:calc(50% - 30px)
    }
}

ol.dribbbles li.group h2,ol.dribbbles li.constrained-content h2,ol.dribbbles li.constrained-content-alt h2,ol.dribbbles li.constrained-content-super h2,ol.dribbbles li.constrained-content-narrow h2,ol.dribbbles li.player-list-with-filters h2 {
    max-height: 16px;
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #999;
    vertical-align: middle
}

ol.dribbbles li.group h2 a,ol.dribbbles li.constrained-content h2 a,ol.dribbbles li.constrained-content-alt h2 a,ol.dribbbles li.constrained-content-super h2 a,ol.dribbbles li.constrained-content-narrow h2 a,ol.dribbbles li.player-list-with-filters h2 a {
    font-weight: 500
}

ol.dribbbles li.group h2 a img,ol.dribbbles li.constrained-content h2 a img,ol.dribbbles li.constrained-content-alt h2 a img,ol.dribbbles li.constrained-content-super h2 a img,ol.dribbbles li.constrained-content-narrow h2 a img,ol.dribbbles li.player-list-with-filters h2 a img {
    float: left;
    width: 16px;
    height: 16px;
    margin: 1px 5px 0 0;
    border-radius: 50%
}

ol.dribbbles li.group h2 a:hover img,ol.dribbbles li.constrained-content h2 a:hover img,ol.dribbbles li.constrained-content-alt h2 a:hover img,ol.dribbbles li.constrained-content-super h2 a:hover img,ol.dribbbles li.constrained-content-narrow h2 a:hover img,ol.dribbbles li.player-list-with-filters h2 a:hover img {
    opacity: .8
}

ol.dribbbles li.group h2 span.badge,ol.dribbbles li.constrained-content h2 span.badge,ol.dribbbles li.constrained-content-alt h2 span.badge,ol.dribbbles li.constrained-content-super h2 span.badge,ol.dribbbles li.constrained-content-narrow h2 span.badge,ol.dribbbles li.player-list-with-filters h2 span.badge {
    margin-left: 1px;
    font-size: 10px;
    line-height: 16px;
    opacity: 0;
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s
}

ol.dribbbles li.group:hover h2 span.badge,ol.dribbbles li.constrained-content:hover h2 span.badge,ol.dribbbles li.constrained-content-alt:hover h2 span.badge,ol.dribbbles li.constrained-content-super:hover h2 span.badge,ol.dribbbles li.constrained-content-narrow:hover h2 span.badge,ol.dribbbles li.player-list-with-filters:hover h2 span.badge {
    opacity: 1
}

ol.dribbbles li.group h2 span.attribution-team,ol.dribbbles li.constrained-content h2 span.attribution-team,ol.dribbbles li.constrained-content-alt h2 span.attribution-team,ol.dribbbles li.constrained-content-super h2 span.attribution-team,ol.dribbbles li.constrained-content-narrow h2 span.attribution-team,ol.dribbbles li.player-list-with-filters h2 span.attribution-team,ol.dribbbles li.group.team h2 span.attribution-user,ol.dribbbles li.team.constrained-content h2 span.attribution-user,ol.dribbbles li.team.constrained-content-alt h2 span.attribution-user,ol.dribbbles li.team.constrained-content-super h2 span.attribution-user,ol.dribbbles li.team.constrained-content-narrow h2 span.attribution-user,ol.dribbbles li.team.player-list-with-filters h2 span.attribution-user {
    display: none
}

ol.dribbbles li.group div.dribbble,ol.dribbbles li.constrained-content div.dribbble,ol.dribbbles li.constrained-content-alt div.dribbble,ol.dribbbles li.constrained-content-super div.dribbble,ol.dribbbles li.constrained-content-narrow div.dribbble,ol.dribbbles li.player-list-with-filters div.dribbble {
    position: relative;
    clear: left;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    overflow: hidden
}

ol.dribbbles li.group div.dribbble div.dribbble-shot,ol.dribbbles li.constrained-content div.dribbble div.dribbble-shot,ol.dribbbles li.constrained-content-alt div.dribbble div.dribbble-shot,ol.dribbbles li.constrained-content-super div.dribbble div.dribbble-shot,ol.dribbbles li.constrained-content-narrow div.dribbble div.dribbble-shot,ol.dribbbles li.player-list-with-filters div.dribbble div.dribbble-shot {
    padding: 10px
}

@media screen and (min-width: 530px) {
    .grid-with-meta ol.dribbbles li.group div.dribbble div.dribbble-shot.with-actions,.grid-with-meta ol.dribbbles li.constrained-content div.dribbble div.dribbble-shot.with-actions,.grid-with-meta ol.dribbbles li.constrained-content-alt div.dribbble div.dribbble-shot.with-actions,.grid-with-meta ol.dribbbles li.constrained-content-super div.dribbble div.dribbble-shot.with-actions,.grid-with-meta ol.dribbbles li.constrained-content-narrow div.dribbble div.dribbble-shot.with-actions,.grid-with-meta ol.dribbbles li.player-list-with-filters div.dribbble div.dribbble-shot.with-actions {
        padding-bottom:31px
    }
}

.grid-without-meta ol.dribbbles li.group div.dribbble div.dribbble-shot.with-actions,.grid-without-meta ol.dribbbles li.constrained-content div.dribbble div.dribbble-shot.with-actions,.grid-without-meta ol.dribbbles li.constrained-content-alt div.dribbble div.dribbble-shot.with-actions,.grid-without-meta ol.dribbbles li.constrained-content-super div.dribbble div.dribbble-shot.with-actions,.grid-without-meta ol.dribbbles li.constrained-content-narrow div.dribbble div.dribbble-shot.with-actions,.grid-without-meta ol.dribbbles li.player-list-with-filters div.dribbble div.dribbble-shot.with-actions {
    -webkit-transition: padding 0.2s ease;
    transition: padding 0.2s ease
}

ol.dribbbles li.group div.dribbble video,ol.dribbbles li.constrained-content div.dribbble video,ol.dribbbles li.constrained-content-alt div.dribbble video,ol.dribbbles li.constrained-content-super div.dribbble video,ol.dribbbles li.constrained-content-narrow div.dribbble video,ol.dribbbles li.player-list-with-filters div.dribbble video {
    position: absolute;
    width: calc(100% - 20px);
    margin: 10px
}

ol.dribbbles li.group div.dribbble a.dribbble-over,ol.dribbbles li.constrained-content div.dribbble a.dribbble-over,ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over,ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over,ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over,ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    font-size: 13px;
    line-height: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.grid-without-meta ol.dribbbles li.group div.dribbble a.dribbble-over,.grid-without-meta ol.dribbbles li.constrained-content div.dribbble a.dribbble-over,.grid-without-meta ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over,.grid-without-meta ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over,.grid-without-meta ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over,.grid-without-meta ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over {
    bottom: 10px
}

ol.dribbbles li.group div.dribbble a.dribbble-over>*,ol.dribbbles li.constrained-content div.dribbble a.dribbble-over>*,ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over>*,ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over>*,ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over>*,ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over>* {
    display: none
}

ol.dribbbles li.group div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.constrained-content div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over .timestamp,ol.dribbbles li.group div.dribbble a.dribbble-over span.comment,ol.dribbbles li.constrained-content div.dribbble a.dribbble-over span.comment,ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over span.comment,ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over span.comment,ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over span.comment,ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over span.comment,ol.dribbbles li.group div.dribbble a.dribbble-over span.bio,ol.dribbbles li.constrained-content div.dribbble a.dribbble-over span.bio,ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over span.bio,ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over span.bio,ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over span.bio,ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over span.bio {
    font-size: 11px;
    line-height: 1.4;
    color: #757575
}

.grid-large ol.dribbbles li.group div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.constrained-content div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over .timestamp,.grid-large ol.dribbbles li.group div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.constrained-content div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over span.comment,.grid-large ol.dribbbles li.group div.dribbble a.dribbble-over span.bio,.grid-large ol.dribbbles li.constrained-content div.dribbble a.dribbble-over span.bio,.grid-large ol.dribbbles li.constrained-content-alt div.dribbble a.dribbble-over span.bio,.grid-large ol.dribbbles li.constrained-content-super div.dribbble a.dribbble-over span.bio,.grid-large ol.dribbbles li.constrained-content-narrow div.dribbble a.dribbble-over span.bio,.grid-large ol.dribbbles li.player-list-with-filters div.dribbble a.dribbble-over span.bio {
    font-size: 13px;
    line-height: 1.5
}

ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 0 10px;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
    pointer-events: none
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by {
    display: none
}

ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by .liked-by-inner,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by .liked-by-inner,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by .liked-by-inner,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by .liked-by-inner,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by .liked-by-inner,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by .liked-by-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 57px 20px 16px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(8.1%, rgba(0,0,0,0.004)), color-stop(15.5%, rgba(0,0,0,0.015)), color-stop(22.5%, rgba(0,0,0,0.031)), color-stop(29%, rgba(0,0,0,0.053)), color-stop(35.3%, rgba(0,0,0,0.078)), color-stop(41.2%, rgba(0,0,0,0.106)), color-stop(47.1%, rgba(0,0,0,0.135)), color-stop(52.9%, rgba(0,0,0,0.165)), color-stop(58.8%, rgba(0,0,0,0.194)), color-stop(64.7%, rgba(0,0,0,0.222)), color-stop(71%, rgba(0,0,0,0.247)), color-stop(77.5%, rgba(0,0,0,0.269)), color-stop(84.5%, rgba(0,0,0,0.285)), color-stop(91.9%, rgba(0,0,0,0.296)), to(rgba(0,0,0,0.3)));
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.004) 8.1%, rgba(0,0,0,0.015) 15.5%, rgba(0,0,0,0.031) 22.5%, rgba(0,0,0,0.053) 29%, rgba(0,0,0,0.078) 35.3%, rgba(0,0,0,0.106) 41.2%, rgba(0,0,0,0.135) 47.1%, rgba(0,0,0,0.165) 52.9%, rgba(0,0,0,0.194) 58.8%, rgba(0,0,0,0.222) 64.7%, rgba(0,0,0,0.247) 71%, rgba(0,0,0,0.269) 77.5%, rgba(0,0,0,0.285) 84.5%, rgba(0,0,0,0.296) 91.9%, rgba(0,0,0,0.3) 100%)
}

ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by .photo,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by .photo,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by .photo,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by .photo,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by .photo,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by .photo {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by p,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by p,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by p,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by p,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by p,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by p {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding-left: 2px
}

ol.dribbbles li.group div.dribbble .dribbble-shot-liked-by p strong,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-liked-by p strong,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-liked-by p strong,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-liked-by p strong,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-liked-by p strong,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-liked-by p strong {
    font-weight: 500
}

ol.dribbbles li.group div.dribbble .shot-display-options,ol.dribbbles li.constrained-content div.dribbble .shot-display-options,ol.dribbbles li.constrained-content-alt div.dribbble .shot-display-options,ol.dribbbles li.constrained-content-super div.dribbble .shot-display-options,ol.dribbbles li.constrained-content-narrow div.dribbble .shot-display-options,ol.dribbbles li.player-list-with-filters div.dribbble .shot-display-options {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 10px 0 10px;
    background: #fff;
    z-index: 2;
    will-change: transition;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease
}

.grid-small ol.dribbbles li.group div.dribbble .shot-display-options,.grid-small ol.dribbbles li.constrained-content div.dribbble .shot-display-options,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .shot-display-options,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .shot-display-options,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .shot-display-options,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .shot-display-options {
    padding-top: 8px
}

.grid-with-meta ol.dribbbles li.group div.dribbble .shot-display-options,.grid-with-meta ol.dribbbles li.constrained-content div.dribbble .shot-display-options,.grid-with-meta ol.dribbbles li.constrained-content-alt div.dribbble .shot-display-options,.grid-with-meta ol.dribbbles li.constrained-content-super div.dribbble .shot-display-options,.grid-with-meta ol.dribbbles li.constrained-content-narrow div.dribbble .shot-display-options,.grid-with-meta ol.dribbbles li.player-list-with-filters div.dribbble .shot-display-options {
    height: 31px
}

.grid-without-meta ol.dribbbles li.group div.dribbble .shot-display-options,.grid-without-meta ol.dribbbles li.constrained-content div.dribbble .shot-display-options,.grid-without-meta ol.dribbbles li.constrained-content-alt div.dribbble .shot-display-options,.grid-without-meta ol.dribbbles li.constrained-content-super div.dribbble .shot-display-options,.grid-without-meta ol.dribbbles li.constrained-content-narrow div.dribbble .shot-display-options,.grid-without-meta ol.dribbbles li.player-list-with-filters div.dribbble .shot-display-options {
    height: 0
}

ol.dribbbles li.group div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-title-date,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-title-date,ol.dribbbles li.group div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions {
    background: #fff;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in
}

ol.dribbbles li.group div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-title-date,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-title-date,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-title-date {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px;
    min-width: 0
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-title-date,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-title-date,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-title-date,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-title-date,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-title-date,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-title-date {
    display: none
}

ol.dribbbles li.group div.dribbble .dribbble-shot-title-date .shot-title,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-title-date .shot-title,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-title-date .shot-title,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-title-date .shot-title,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-title-date .shot-title,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-title-date .shot-title {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3em;
    color: #333;
    margin: 0 0 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

ol.dribbbles li.group div.dribbble .dribbble-shot-title-date .timestamp,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-title-date .timestamp,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-title-date .timestamp,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-title-date .timestamp,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-title-date .timestamp,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-title-date .timestamp {
    font-size: 12px;
    line-height: 1em;
    color: #999
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions {
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: flex
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li {
    display: inline-block;
    text-align: right
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .btn-talent-application,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn {
    padding: 6px 10px;
    margin: 0;
    margin-left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.07)
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.outlined,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.outlined,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.outlined,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.outlined,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.outlined,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.outlined,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.outlined {
    background-color: #fff
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.outlined:hover,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .outlined.btn-talent-application:hover,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.outlined:hover {
    -webkit-box-shadow: 0 0 0 1px #bbb,0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 0 0 1px #bbb,0 1px 2px rgba(0,0,0,0.07)
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot {
    min-width: 74px;
    padding: 6px 10px;
    text-align: center
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.current-user-likes,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.current-user-likes.btn-talent-application,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.current-user-likes {
    background-position: 10px 7px
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot svg,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.btn-talent-application svg,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot svg {
    vertical-align: baseline;
    margin-top: 0;
    position: relative;
    top: 2px
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing {
    background-image: none
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 9px;
    height: 13px;
    margin-right: 3px;
    margin-left: 3px;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-position: center center;
    background-size: 16px 16px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 16px 16px
    }
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing:before,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application:before,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing:before {
    margin-right: 4px;
    margin-left: 10px
}

ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.like-shot.processing svg,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .like-shot.processing.btn-talent-application svg,ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg,ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg,ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg,ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg,ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg,ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.like-shot.processing svg {
    display: none
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: self-start;
    align-items: self-start;
    width: 100%
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li {
    width: 50%
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li:first-child,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li:first-child,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li:first-child,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li:first-child,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li:first-child,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li:first-child {
    padding-right: 5px
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li:last-child,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li:last-child,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li:last-child,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li:last-child,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li:last-child,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li:last-child {
    padding-left: 5px
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .btn-talent-application,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px
}

.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-sub.processing,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .processing.btn-talent-application,.grid-small ol.dribbbles li.group div.dribbble .dribbble-shot-actions li .form-btn.processing,.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-shot-actions li .form-btn.processing,.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-shot-actions li .form-btn.processing,.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-shot-actions li .form-btn.processing,.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-shot-actions li .form-btn.processing,.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-shot-actions li .form-btn.processing {
    background-position: 18px 4px;
    padding-left: 2px
}

ol.dribbbles li.group div.dribbble div.extras,ol.dribbbles li.constrained-content div.dribbble div.extras,ol.dribbbles li.constrained-content-alt div.dribbble div.extras,ol.dribbbles li.constrained-content-super div.dribbble div.extras,ol.dribbbles li.constrained-content-narrow div.dribbble div.extras,ol.dribbbles li.player-list-with-filters div.dribbble div.extras {
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

ol.dribbbles li.group div.dribbble div.extras a,ol.dribbbles li.constrained-content div.dribbble div.extras a,ol.dribbbles li.constrained-content-alt div.dribbble div.extras a,ol.dribbbles li.constrained-content-super div.dribbble div.extras a,ol.dribbbles li.constrained-content-narrow div.dribbble div.extras a,ol.dribbbles li.player-list-with-filters div.dribbble div.extras a,ol.dribbbles li.group div.dribbble div.extras .attachments-mark,ol.dribbbles li.constrained-content div.dribbble div.extras .attachments-mark,ol.dribbbles li.constrained-content-alt div.dribbble div.extras .attachments-mark,ol.dribbbles li.constrained-content-super div.dribbble div.extras .attachments-mark,ol.dribbbles li.constrained-content-narrow div.dribbble div.extras .attachments-mark,ol.dribbbles li.player-list-with-filters div.dribbble div.extras .attachments-mark {
    display: none
}

ol.dribbbles li.group div.dribbble span.rebound-mark,ol.dribbbles li.constrained-content div.dribbble span.rebound-mark,ol.dribbbles li.constrained-content-alt div.dribbble span.rebound-mark,ol.dribbbles li.constrained-content-super div.dribbble span.rebound-mark,ol.dribbbles li.constrained-content-narrow div.dribbble span.rebound-mark,ol.dribbbles li.player-list-with-filters div.dribbble span.rebound-mark {
    float: left;
    margin: 0 5px 0 0
}

ol.dribbbles li.group div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-alt div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-super div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-narrow div.dribbble span.has-rebounds,ol.dribbbles li.player-list-with-filters div.dribbble span.has-rebounds {
    float: left;
    padding: 0 0 0 12px;
    font-size: 12px;
    line-height: 16px;
    color: #7bbb5e;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-rebound-source-7a3b3f49ae1d71c076cfa9a2f22e3da3f979d6a149d26d9b1901e0a73681dc59.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.dribbbles li.group div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-alt div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-super div.dribbble span.has-rebounds,ol.dribbbles li.constrained-content-narrow div.dribbble span.has-rebounds,ol.dribbbles li.player-list-with-filters div.dribbble span.has-rebounds {
        background-image:url(/assets/icon-rebound-source-2x-36e1165991d69743d0455897054f7dd783d45a3cc41153dfd274c7c2edc87cb4.png);
        background-size: 10px 16px
    }
}

ol.dribbbles li.group div.dribbble span.attachments-mark,ol.dribbbles li.constrained-content div.dribbble span.attachments-mark,ol.dribbbles li.constrained-content-alt div.dribbble span.attachments-mark,ol.dribbbles li.constrained-content-super div.dribbble span.attachments-mark,ol.dribbbles li.constrained-content-narrow div.dribbble span.attachments-mark,ol.dribbbles li.player-list-with-filters div.dribbble span.attachments-mark {
    float: left
}

ol.dribbbles li.group div.dribbble span.comment,ol.dribbbles li.constrained-content div.dribbble span.comment,ol.dribbbles li.constrained-content-alt div.dribbble span.comment,ol.dribbbles li.constrained-content-super div.dribbble span.comment,ol.dribbbles li.constrained-content-narrow div.dribbble span.comment,ol.dribbbles li.player-list-with-filters div.dribbble span.comment {
    color: #757575
}

ol.dribbbles li.group div.dribbble-img,ol.dribbbles li.constrained-content div.dribbble-img,ol.dribbbles li.constrained-content-alt div.dribbble-img,ol.dribbbles li.constrained-content-super div.dribbble-img,ol.dribbbles li.constrained-content-narrow div.dribbble-img,ol.dribbbles li.player-list-with-filters div.dribbble-img {
    max-width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden
}

ol.dribbbles li.group div.dribbble-img img,ol.dribbbles li.constrained-content div.dribbble-img img,ol.dribbbles li.constrained-content-alt div.dribbble-img img,ol.dribbbles li.constrained-content-super div.dribbble-img img,ol.dribbbles li.constrained-content-narrow div.dribbble-img img,ol.dribbbles li.player-list-with-filters div.dribbble-img img {
    max-width: 100%
}

ol.dribbbles li.team h2 span.attribution-team,body#profile ol.dribbbles li h2 span.attribution-user,body#user-profile ol.dribbbles li h2 span.attribution-user {
    display: inline
}

body#profile ol.dribbbles li.team h2 span.attribution-team,body#user-profile ol.dribbbles li.team h2 span.attribution-team {
    display: none
}

ol.dribbbles.scrollable,ol.portal-list-members.scrollable {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    max-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

ol.dribbbles.scrollable::-webkit-scrollbar,ol.portal-list-members.scrollable::-webkit-scrollbar {
    display: none
}

ol.dribbbles.scrollable>li.group,ol.dribbbles.scrollable>li.constrained-content,ol.dribbbles.scrollable>li.constrained-content-alt,ol.dribbbles.scrollable>li.constrained-content-super,ol.dribbbles.scrollable>li.constrained-content-narrow,ol.dribbbles.scrollable>li.player-list-with-filters,ol.dribbbles.scrollable .rate-limited,ol.portal-list-members.scrollable>li.group,ol.portal-list-members.scrollable>li.constrained-content,ol.portal-list-members.scrollable>li.constrained-content-alt,ol.portal-list-members.scrollable>li.constrained-content-super,ol.portal-list-members.scrollable>li.constrained-content-narrow,ol.portal-list-members.scrollable>li.player-list-with-filters,ol.portal-list-members.scrollable .rate-limited {
    width: 220px;
    float: none;
    display: inline-block;
    margin: 0 10px 0 0;
    padding-bottom: 0;
    vertical-align: top
}

ol.dribbbles.scrollable .rate-limited,ol.portal-list-members.scrollable .rate-limited {
    width: 220px;
    white-space: normal;
    text-align: center
}

ol.dribbbles.scrollable .rate-limited a.load-next-page,ol.portal-list-members.scrollable .rate-limited a.load-next-page {
    display: block;
    color: #444;
    font-weight: 500;
    padding-top: 40px
}

ol.dribbbles.scrollable .rate-limited span,ol.portal-list-members.scrollable .rate-limited span {
    font-size: 12px;
    display: block;
    padding: 8px 12px;
    font-weight: normal;
    color: #999;
    line-height: 1.3
}

ol.dribbbles.scrollable .rate-limited span a,ol.portal-list-members.scrollable .rate-limited span a {
    display: inline-block
}

ol.dribbbles.scrollable div.processing,ol.portal-list-members.scrollable div.processing {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 70px;
    margin-right: 10px;
    background-color: transparent;
    width: 168px;
    background-position: 94px 50%
}

div.scrollable-content-container {
    position: relative;
    margin-right: -30px
}

@media only screen and (max-width: 959px) {
    div.scrollable-content-container {
        margin-right:-15px
    }
}

@media screen and (max-width: 530px) {
    div.scrollable-content-container {
        margin-right:0
    }
}

div.scrollable-content-container ol.dribbbles {
    margin-top: 20px
}

body.grid-small div.scrollable-content-container ol.dribbbles,body.grid-large div.scrollable-content-container ol.dribbbles {
    max-width: 100%
}

div.scrollable-content-container ol.dribbbles li.group,div.scrollable-content-container ol.dribbbles li.constrained-content,div.scrollable-content-container ol.dribbbles li.constrained-content-alt,div.scrollable-content-container ol.dribbbles li.constrained-content-super,div.scrollable-content-container ol.dribbbles li.constrained-content-narrow,div.scrollable-content-container ol.dribbbles li.player-list-with-filters {
    width: 220px
}

ol.dribbbles-tease li:first-child {
    margin-left: 0
}

ol.dribbbles-tease li:last-child {
    margin-right: 0
}

.loading-indicator {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    display: none
}

.loading-indicator:f {
    opacity: 1
}

.gif>.loading-indicator,.video>.loading-indicator,.multi-shot>.loading-indicator {
    display: block
}

.gif>.loading-indicator {
    background-position: 96px 0
}

.video>.loading-indicator {
    background-position: 0 0
}

.multi-shot>.loading-indicator {
    background-position: 72px 0
}

.multi-shot.gif>.loading-indicator {
    background-position: 24px 0
}

.multi-shot.video>.loading-indicator {
    background-position: 48px 0
}

ol.dribbbles li ul.tools {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: left;
    margin: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

ul.tools {
    margin: 10px 0 0 0;
    text-align: left
}

ul.tools li {
    float: right;
    width: auto;
    margin: 0 0 0 11px;
    display: inline;
    font-size: 11px;
    line-height: 1;
    color: #aaa
}

ul.tools li.rebound {
    float: left
}

ul.tools li.views span {
    margin-left: 0;
    border-left: none;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 0 1px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.tools li.views span {
        background-size: 15px 11px
    }
}

ul.tools li.cmnt span {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 1px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.tools li.cmnt span {
        background-size: 12px 59px
    }
}

ul.tools li.fav a:first-child,ul.tools li.fav span {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 1px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ul.tools li.fav a:first-child,ul.tools li.fav span {
        background-size: 12px 45px
    }
}

ul.tools li.fav.marked a,ul.tools li.fav.marked span {
    background-position: 0 -33px
}

ul.tools li.fav strong a,ul.tools li.fav.marked strong a {
    color: #999;
    text-decoration: underline
}

ul.tools li a {
    text-decoration: none;
    color: #aaa
}

ul.tools li a:hover {
    color: #757575
}

li.progress a.fav-toggle {

}

div.sheduled-shot-meta {
    padding: 0 10px 10px
}

div.sheduled-shot-meta a.scheduled-shot-title {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

body.grid-large div.sheduled-shot-meta a.scheduled-shot-title {
    float: left;
    width: calc(100% - 80px)
}

body.grid-small div.sheduled-shot-meta a.scheduled-shot-title {
    font-size: 13px
}

div.sheduled-shot-meta a.scheduled-shot-title strong {
    display: block;
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

body.grid-small div.sheduled-shot-meta a.scheduled-shot-title strong {
    font-size: 14px
}

div.sheduled-shot-meta a.scheduled-shot-title img {
    float: left;
    width: 32px;
    margin: 5px 10px 0 0;
    opacity: 0.5
}

body.grid-small div.sheduled-shot-meta a.scheduled-shot-title img {
    display: none
}

div.sheduled-shot-meta a.scheduled-shot-title:hover {
    opacity: .75
}

div.scheduled-shot-edit {
    padding: 5px 0 0
}

body.grid-large div.scheduled-shot-edit {
    float: right;
    text-align: right;
    padding: 0
}

body.grid-small div.scheduled-shot-edit .form-sub,body.grid-small div.scheduled-shot-edit .btn-talent-application {
    font-size: 12px;
    padding: 4px 8px
}

@media screen and (min-width: 530px) {
    ol.dribbbles li div.dribbble:hover .dribbble-shot-title-date,ol.dribbbles li div.dribbble:hover .dribbble-shot-actions,ol.dribbbles li div.dribbble:hover .dribbble-shot-liked-by {
        opacity:1;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease
    }

    .grid-small ol.dribbbles li div.dribbble:hover .shot-display-options {
        height: 40px
    }

    .grid-large ol.dribbbles li div.dribbble:hover .shot-display-options {
        height: 50px
    }

    ol.dribbbles li div.dribbble:hover div.extras,ol.dribbbles li div.dribbble:hover ul.tools {
        opacity: 0;
        -webkit-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease
    }
}

.grid-without-meta .tools,.grid-without-meta ol.dribbbles li h2,.grid-without-meta div.extras {
    display: none
}

body#playoffs div.full-tabs {
    display: none
}

@media screen and (max-width: 530px) {
    body.grid-small ol.dribbbles {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body.grid-small ol.dribbbles.scrollable {
        display: block
    }

    body.grid-small ol.dribbbles.group:after,body.grid-small ol.dribbbles.constrained-content:after,body.grid-small ol.dribbbles.constrained-content-alt:after,body.grid-small ol.dribbbles.constrained-content-super:after,body.grid-small ol.dribbbles.constrained-content-narrow:after,body.grid-small ol.dribbbles.player-list-with-filters:after {
        content: none
    }

    body.grid-small ol.dribbbles li.group,body.grid-small ol.dribbbles li.constrained-content,body.grid-small ol.dribbbles li.constrained-content-alt,body.grid-small ol.dribbbles li.constrained-content-super,body.grid-small ol.dribbbles li.constrained-content-narrow,body.grid-small ol.dribbbles li.player-list-with-filters {
        width: 47.5%;
        margin: 0 0 15px;
        float: none
    }

    body.grid-small ol.dribbbles li.group h2,body.grid-small ol.dribbbles li.constrained-content h2,body.grid-small ol.dribbbles li.constrained-content-alt h2,body.grid-small ol.dribbbles li.constrained-content-super h2,body.grid-small ol.dribbbles li.constrained-content-narrow h2,body.grid-small ol.dribbbles li.player-list-with-filters h2,body.grid-small ol.dribbbles li.group .shot-display-options,body.grid-small ol.dribbbles li.constrained-content .shot-display-options,body.grid-small ol.dribbbles li.constrained-content-alt .shot-display-options,body.grid-small ol.dribbbles li.constrained-content-super .shot-display-options,body.grid-small ol.dribbbles li.constrained-content-narrow .shot-display-options,body.grid-small ol.dribbbles li.player-list-with-filters .shot-display-options {
        display: none
    }

    body.grid-small ol.dribbbles li.group div.dribbble .dribbble-over,body.grid-small ol.dribbbles li.constrained-content div.dribbble .dribbble-over,body.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .dribbble-over,body.grid-small ol.dribbbles li.constrained-content-super div.dribbble .dribbble-over,body.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .dribbble-over,body.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .dribbble-over {
        left: -9999px
    }

    body.grid-small ol.dribbbles li.group div.dribbble .loading-indicator,body.grid-small ol.dribbbles li.constrained-content div.dribbble .loading-indicator,body.grid-small ol.dribbbles li.constrained-content-alt div.dribbble .loading-indicator,body.grid-small ol.dribbbles li.constrained-content-super div.dribbble .loading-indicator,body.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble .loading-indicator,body.grid-small ol.dribbbles li.player-list-with-filters div.dribbble .loading-indicator {
        top: 12px;
        right: 12px
    }

    body.grid-small ol.dribbbles li.group div.dribbble div.extras,body.grid-small ol.dribbbles li.constrained-content div.dribbble div.extras,body.grid-small ol.dribbbles li.constrained-content-alt div.dribbble div.extras,body.grid-small ol.dribbbles li.constrained-content-super div.dribbble div.extras,body.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble div.extras,body.grid-small ol.dribbbles li.player-list-with-filters div.dribbble div.extras {
        display: none
    }

    body.grid-small ol.dribbbles li.group:hover h2 span.badge-pro,body.grid-small ol.dribbbles li.constrained-content:hover h2 span.badge-pro,body.grid-small ol.dribbbles li.constrained-content-alt:hover h2 span.badge-pro,body.grid-small ol.dribbbles li.constrained-content-super:hover h2 span.badge-pro,body.grid-small ol.dribbbles li.constrained-content-narrow:hover h2 span.badge-pro,body.grid-small ol.dribbbles li.player-list-with-filters:hover h2 span.badge-pro {
        display: none
    }

    body.grid-small ol.dribbbles li.group div.dribbble div.dribbble-shot,body.grid-small ol.dribbbles li.constrained-content div.dribbble div.dribbble-shot,body.grid-small ol.dribbbles li.constrained-content-alt div.dribbble div.dribbble-shot,body.grid-small ol.dribbbles li.constrained-content-super div.dribbble div.dribbble-shot,body.grid-small ol.dribbbles li.constrained-content-narrow div.dribbble div.dribbble-shot,body.grid-small ol.dribbbles li.player-list-with-filters div.dribbble div.dribbble-shot {
        padding: 5px;
        background: none
    }
}

body.grid-large ol.dribbbles li.null-message {
    width: 100%
}

body.grid-large ol.dribbbles li.null-message h2 {
    display: block
}

.shot-header,.shot-info {
    max-width: 800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 959px) {
    .shot-header .slat-header {
        margin-bottom:15px;
        padding-right: 30px
    }
}

.shot-header .form-btn.outlined,.shot-header .form-btn.outlined:hover,.shot-header .form-btn.outlined:active {
    background-color: white
}

.shot-header .actions {
    margin-top: 6px;
    margin-left: 20px;
    white-space: nowrap
}

.shot-header .actions li {
    display: inline-block;
    margin-right: 5px
}

.shot-header .actions li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 959px) {
    .shot-header .actions {
        margin-top:0;
        margin-left: 52px;
        margin-bottom: 20px
    }
}

.main-shot {
    background-color: white;
    margin: 0 -30px 30px
}

@media only screen and (max-width: 959px) {
    .main-shot {
        margin-left:-15px;
        margin-right: -15px
    }
}

.main-shot.sml-4x3 {
    padding: 20px
}

@media only screen and (min-width: 960px) {
    .main-shot.sml-4x3 .detail-shot {
        min-height:300px
    }
}

.main-shot.sml-4x3 .detail-shot img {
    max-width: 400px;
    max-height: 300px
}

@media only screen and (max-width: 460px) {
    .main-shot.sml-4x3 .detail-shot img {
        max-width:100%
    }
}

@media only screen and (max-width: 800px) {
    .main-shot.sml-4x3 {
        padding:20px
    }

    .main-shot.sml-4x3 .detail-attachments {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 460px) {
    .main-shot.sml-4x3 {
        padding:0
    }

    .main-shot.sml-4x3 .detail-attachments {
        padding-bottom: 20px
    }
}

.main-shot.sml-4x3 .detail-attachments {
    max-width: 400px;
    padding-bottom: 0
}

.main-shot.lrg-16x12,.main-shot.med-8x6 {
    padding: 20px
}

@media only screen and (max-width: 800px) {
    .main-shot.lrg-16x12,.main-shot.med-8x6 {
        padding:0
    }

    .main-shot.lrg-16x12 .detail-attachments,.main-shot.med-8x6 .detail-attachments {
        padding: 0 15px 20px
    }
}

.shot-overlay .main-shot.lrg-16x12,.shot-overlay .main-shot.med-8x6 {
    padding: 0
}

.shot-overlay .main-shot.lrg-16x12 .detail-attachments,.shot-overlay .main-shot.med-8x6 .detail-attachments {
    padding: 0 30px 20px
}

@media only screen and (max-width: 959px) {
    .shot-overlay .main-shot.lrg-16x12 .detail-attachments,.shot-overlay .main-shot.med-8x6 .detail-attachments {
        padding-left:15px;
        padding-right: 15px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .main-shot.med-8x6:not(.expanded):not(.video) {
        padding:20px
    }

    .main-shot.med-8x6:not(.expanded):not(.video) img {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) {
    .main-shot.med-8x6:not(.expanded):not(.video) .detail-shot {
        min-height:300px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .main-shot.med-8x6:not(.expanded):not(.video) .detail-shot img {
        max-width:400px;
        max-height: 300px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 460px) {
    .main-shot.med-8x6:not(.expanded):not(.video) .detail-shot img {
        max-width:100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 800px) {
    .main-shot.med-8x6:not(.expanded):not(.video) {
        padding:20px
    }

    .main-shot.med-8x6:not(.expanded):not(.video) .detail-attachments {
        padding-bottom: 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 460px) {
    .main-shot.med-8x6:not(.expanded):not(.video) {
        padding:0
    }

    .main-shot.med-8x6:not(.expanded):not(.video) .detail-attachments {
        padding-bottom: 20px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .main-shot.med-8x6:not(.expanded):not(.video) .detail-attachments {
        max-width:400px;
        padding-bottom: 0
    }

    .main-shot.med-8x6:not(.expanded):not(.video) .detail-attachments {
        padding-bottom: 20px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .main-shot.med-8x6.expanded img {
        cursor:-webkit-zoom-out;
        cursor: zoom-out
    }
}

.detail-shot {
    margin: 0 auto;
    max-width: 800px;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .detail-shot {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 32px 32px
    }
}

.detail-shot a:hover {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

@media only screen and (min-width: 960px) {
    .lrg-16x12 .detail-shot,.med-8x6 .detail-shot {
        min-height:600px
    }
}

.detail-shot video {
    background: transparent no-repeat;
    background-position: center;
    background-size: cover
}

.detail-shot video,.detail-shot img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    visibility: hidden;
    -webkit-transition: all 0.05s ease-in;
    transition: all 0.05s ease-in
}

.detail-shot.loaded {
    background-image: none;
    text-align: center
}

.detail-shot.loaded video,.detail-shot.loaded img {
    visibility: visible
}

.detail-attachments {
    margin: 20px auto 0;
    max-width: 800px
}

div.the-shot {
    margin: 0 auto;
    max-width: 800px
}

body#edit div.the-shot,body#edit-shot div.the-shot,body#multistep div.the-shot {
    float: left;
    width: 440px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 460px) {
    body#edit div.the-shot,body#edit-shot div.the-shot,body#multistep div.the-shot {
        max-width:100%;
        margin-bottom: 20px
    }
}

div.the-shot div.single.with-frame {
    width: 400px;
    min-height: 300px;
    margin: 0 0 25px 0;
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

@media only screen and (max-width: 460px) {
    div.the-shot div.single.with-frame {
        width:auto;
        height: auto;
        min-height: 0;
        padding: 0;
        margin: 0 -15px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

div.the-shot div.single-grid {
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 460px) {
    div.the-shot div.single-grid {
        display:block;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
        background-repeat: repeat;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

div.the-shot div.single-grid div.single-img {
    display: inline-block;
    background: url(/assets/dribbble-checkerbg-lg-dea53daa59019c2974b8d5b06610d20e17c5ff014b25e3c5656229a01ce36350.gif) no-repeat top left
}

div.the-shot div.single-grid div.single-img img,div.the-shot div.single-grid div.single-img video {
    display: block;
    max-width: 400px;
    max-height: 300px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2)
}

@media only screen and (max-width: 460px) {
    div.the-shot div.single-grid div.single-img img,div.the-shot div.single-grid div.single-img video {
        width:100%;
        max-width: 100%;
        max-height: none
    }
}

div.the-rebound {
    padding: 25px 0;
    border-top: 1px solid #ddd;
    overflow: hidden
}

.screenshot-meta div.the-rebound {
    max-width: 250px
}

@media only screen and (max-width: 959px) {
    .screenshot-meta div.the-rebound {
        max-width:none
    }
}

#add div.the-rebound,#edit div.the-rebound {
    max-width: 400px;
    margin: 20px auto;
    padding: 20px;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 3px
}

div.the-rebound div.dribbble-img {
    position: relative;
    float: left;
    width: 80px;
    margin: 0 12px 0 0
}

div.the-rebound div.dribbble-img a.dribbble-link {
    float: left;
    width: 80px;
    overflow: hidden
}

div.the-rebound div.dribbble-img a.dribbble-link img {
    float: left;
    width: auto;
    max-width: 80px;
    padding: 0;
    border: none;
    background: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    box-shadow: 0 1px 1px rgba(0,0,0,0.07)
}

div.the-rebound div.dribbble-img a.dribbble-link img:hover {
    opacity: .8
}

div.the-rebound .dribbble-over {
    display: none
}

div.the-rebound h3.rebound-title {
    margin: 0 0 3px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999
}

div.the-rebound h4 {
    margin: 0 0 4px 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999
}

div.the-rebound h4 a {
    font-weight: 500
}

div.the-rebound h4 span.badge {
    font-size: 9px;
    line-height: 1.8;
    vertical-align: top
}

div.the-rebound p {
    font-size: .9em;
    line-height: 1.3;
    color: rgba(0,0,0,0.5)
}

h3.rebound-flag {
    margin: 0 0 5px 92px;
    padding: 0 0 0 20px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #7bbb5e;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-rebound-696135488f898cfb0ddc1f0bdbe16d3f5073686f2e888be48a18878aa198a175.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    h3.rebound-flag {
        background-image:url(/assets/icon-rebound-2x-24fe8b574874f064bcab2a8e46e0694cc39641ebef3d176c2eb742f5f0c7c308.png);
        background-size: 16px 16px
    }
}

span.rebound-source-simple {
    display: block;
    margin: 10px 0 0 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    color: #444
}

span.rebound-source-simple a {
    font-weight: 500
}

span.rebound-source-simple img {
    position: relative;
    top: -1px;
    margin-right: 2px;
    vertical-align: middle
}

div.attach {
    margin: 20px auto 0;
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media only screen and (max-width: 460px) {
    body#edit-shot div.attach,body#multistep div.attach {
        padding:0 20px 15px
    }
}

div.attach form {
    margin: 10px 0 0 0;
    background: #fff;
    display: none
}

div.attach div.attach-upld-btn {
    display: none
}

div.attach p.instructions {
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.menu-section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.menu-section.no-border {
    padding-bottom: 0px;
    border: none
}

.menu-section .menu-section-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    color: #555
}

.menu-section ul.menu-section-list {
    clear: left;
    padding-top: 10px
}

.menu-section ul.menu-section-list li {
    margin: 0 0 15px 0;
    font-size: 14px;
    overflow: hidden
}

.menu-section ul.menu-section-list li:last-child {
    margin-bottom: 0
}

.menu-section ul.menu-section-list li a {
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #444;
    margin-left: 10px
}

.menu-section ul.menu-section-list li a:hover {
    color: #333
}

.menu-section ul.menu-section-list li em {
    margin-left: 5px;
    font-style: normal;
    color: #999
}

.menu-section ul.menu-section-list-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.menu-section ul.menu-section-list-thumbs li {
    max-width: 130px;
    width: 50%;
    padding: 0 10px;
    margin-top: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 460px) {
    .menu-section ul.menu-section-list-thumbs li {
        max-width:100%
    }
}

.menu-section ul.menu-section-list-thumbs li img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.14),1px 0 0 rgba(0,0,0,0.14);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.14),1px 0 0 rgba(0,0,0,0.14);
    border-radius: 4px
}

.downloads-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.downloads-list.no-border {
    padding-bottom: 0px;
    border: none
}

.downloads-list h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    color: #555
}

.downloads-list ul.files {
    clear: left;
    padding-top: 10px
}

.downloads-list ul.files li {
    margin: 0 0 15px 0;
    font-size: 14px;
    overflow: hidden
}

.downloads-list ul.files li:last-child {
    margin-bottom: 0
}

.downloads-list ul.files li a {
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #444;
    margin-left: 10px
}

.downloads-list ul.files li a:hover {
    color: #333
}

.downloads-list ul.files li em {
    margin-left: 5px;
    font-style: normal;
    color: #999
}

div.attachments noscript h4 {
    padding-top: 25px
}

div.attachments svg {
    height: 16px;
    width: 16px;
    vertical-align: bottom;
    margin-right: 2px;
    fill: rgba(0,0,0,0.5)
}

div.attachments h3 {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(0,0,0,0.5)
}

div.attachments ul.thumbs li {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    max-width: 72px
}

div.attachments ul.thumbs li:last-child {
    margin-right: 0
}

div.attachments ul.thumbs li img {
    max-width: 72px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2)
}

div.attachments ul.thumbs li a:hover img {
    opacity: .75
}

@media only screen and (max-width: 959px) {
    div.attachments ul.thumbs li {
        width:17.6%;
        margin-right: 3%
    }

    div.attachments ul.thumbs li:last-child {
        margin-right: 0
    }

    div.attachments ul.thumbs li img {
        width: 100%
    }

    div.attachments ul.thumbs li a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 75%
    }
}

div.attachments ul.larger li {
    max-width: 126px;
    margin-right: 11px
}

div.attachments ul.larger li img {
    max-width: 126px
}

div.attachments ul.files {
    clear: left;
    padding-top: 10px
}

div.attachments ul.files.no-thumbs {
    padding-top: 0
}

div.attachments ul.files svg {
    height: 12px;
    width: 12px
}

div.attachments ul.files li {
    margin: 0 0 5px 0;
    font-size: 12px;
    overflow: hidden
}

div.attachments ul.files li:last-child {
    margin-bottom: 0
}

div.attachments ul.files li a {
    max-width: 80%;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0.8)
}

div.attachments ul.files li a:hover {
    color: rgba(0,0,0,0.6)
}

div.attachments ul.files li em {
    margin-left: 5px;
    font-size: 11px;
    font-style: normal;
    color: rgba(0,0,0,0.5)
}

div.attachments form.delete-attachment {
    position: relative;
    top: -1px;
    background: none
}

div.attachments form.delete-attachment input {
    margin: 0 0 0 5px
}

div.attachments ul.thumbs li form.delete-attachment {
    position: absolute;
    top: -18px;
    right: -10px
}

div.screenshot-meta {
    -ms-flex: 0 0 250px;
    flex: 0 0 250px
}

@media only screen and (max-width: 959px) {
    div.screenshot-meta {
        width:100%
    }
}

div.screenshot-meta .profile-message .message-btn {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.screenshot-stats {
    position: relative;
    font-size: 14px;
    color: #999
}

div.screenshot-stats.horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

div.screenshot-stats.horizontal>div {
    padding: 5px 20px 5px 25px;
    margin-right: 0;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 460px) {
    div.screenshot-stats.horizontal>div {
        width:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media only screen and (max-width: 460px) {
    div.screenshot-stats.horizontal {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

div.screenshot-stats>div {
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative
}

div.screenshot-stats>div>svg {
    position: absolute;
    left: 0
}

div.screenshot-stats svg {
    height: 16px;
    width: 16px;
    opacity: 0.4
}

div.screenshot-stats .shot-tags svg {
    top: 5px
}

div.screenshot-stats .shot-tags li {
    display: inline-block;
    line-height: 1.5;
    margin-right: 8px
}

div.screenshot-stats .shot-likes a:link,div.screenshot-stats .shot-likes a:visited,div.screenshot-stats .shot-saves a:link,div.screenshot-stats .shot-saves a:visited,div.screenshot-stats .shot-tags a:link,div.screenshot-stats .shot-tags a:visited,div.screenshot-stats .shot-date a:link,div.screenshot-stats .shot-date a:visited {
    color: #999
}

div.screenshot-stats .shot-likes a:hover,div.screenshot-stats .shot-likes a:active,div.screenshot-stats .shot-saves a:hover,div.screenshot-stats .shot-saves a:active,div.screenshot-stats .shot-tags a:hover,div.screenshot-stats .shot-tags a:active,div.screenshot-stats .shot-date a:hover,div.screenshot-stats .shot-date a:active {
    color: #757575
}

div.screenshot-stats .shot-colors .download-aco {
    position: absolute;
    left: 0
}

div.related-player-shots {
    position: relative
}

div.related-player-shots div.follow-prompt {
    float: right;
    line-height: 9px;
    margin-top: 17px;
    margin-left: 10px;
    line-height: 9px
}

div.self div.related-player-shots div.follow-prompt {
    display: none
}

div.related-player-shots div.follow-prompt a.follow,div.related-player-shots div.follow-prompt a.unfollow {
    padding: 6px
}

div.related-player-shots div.follow-prompt a.follow.processing,div.related-player-shots div.follow-prompt a.unfollow.processing {
    background-size: 17px 17px;
    background-position: 50% 50%;
    height: 24px;
    width: 24px;
    padding: 0
}

div.related-player-shots div.follow-prompt a.follow.processing span,div.related-player-shots div.follow-prompt a.unfollow.processing span {
    display: none
}

div.related-player-shots div.follow-prompt a.follow svg {
    display: none
}

div.related-player-shots div.follow-prompt a.follow span {
    display: inline;
    font-size: 12px;
    line-height: 12px;
    padding: 0 2px
}

#screenshot-edit div.screenshot-meta {
    width: 480px
}

h3.meta-head {
    padding: 20px 0 10px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #444;
    border-top: 1px solid #ddd
}

h3.meta-head a {
    color: #444
}

h3.meta-head a:hover {
    color: #757575
}

@media only screen and (max-width: 739px) {
    ul.shot-stats {
        position:absolute;
        top: 0;
        left: -15px;
        right: -15px;
        border-bottom: 1px solid #ddd
    }

    ul.shot-stats li {
        float: left
    }
}

ul.shot-stats>li {
    position: relative;
    width: 100%;
    font-size: 13px;
    line-height: 1;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ul.shot-stats>li li {
    border-bottom: none
}

ul.shot-stats>li:last-child {
    border-bottom: none
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li {
        position:static;
        display: inline-block;
        width: auto;
        float: none;
        border: none
    }
}

ul.shot-stats>li.shot-stats-colors {
    overflow: hidden
}

ul.shot-stats>li.shot-stats-colors a.stats-action {
    float: left
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li.shot-stats-colors {
        display:none
    }
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li.shot-stats-rebound {
        display:none
    }
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li.shot-stats-share {
        float:right;
        padding: 4px 15px 0 0
    }

    ul.shot-stats>li.shot-stats-share .stats-num {
        display: block
    }

    ul.shot-stats>li.shot-stats-share .stats-action {
        display: none
    }
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li:first-child a.stats-action {
        padding-left:15px
    }
}

ul.shot-stats>li .stats-action {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #999;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-action {
        float:none;
        display: inline-block;
        padding: 15px 5px 15px 8px
    }
}

ul.shot-stats>li .stats-action.cant-rebound {
    opacity: 0.3;
    cursor: pointer
}

ul.shot-stats>li .stats-action.cant-rebound:hover {
    opacity: 0.6
}

ul.shot-stats>li .stats-action.current-user-likes img {
    opacity: 1
}

ul.shot-stats>li .stats-action.processing img {
    display: none
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-action.processing {
        background-position:8px 50%
    }

    ul.shot-stats>li .stats-action.processing img {
        display: inline;
        opacity: 0
    }
}

ul.shot-stats>li .stats-action img {
    height: 20px;
    vertical-align: middle;
    opacity: .3
}

ul.shot-stats>li .stats-action img.current-user-rebounded,ul.shot-stats>li .stats-action img.current-user-bucketed {
    opacity: 1
}

ul.shot-stats>li .stats-action span.stats-label {
    position: relative;
    top: 2px;
    margin-left: 5px;
    line-height: 22px
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-action span.stats-label {
        display:none
    }
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-action span.likes-count {
        display:inline
    }
}

ul.shot-stats>li .stats-num {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 14px;
    color: #999
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-num {
        position:relative;
        top: 2px;
        right: auto;
        padding: 15px 10px 15px 0
    }
}

@media only screen and (max-width: 739px) {
    ul.shot-stats>li .stats-num-label {
        display:none
    }
}

ul.shot-stats>li a:hover,ul.shot-stats>li a:hover span {
    color: #444
}

ul.shot-stats>li a:hover img,ul.shot-stats>li a:hover span img {
    opacity: .72
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

ul.color-chips {
    width: 220px
}

ul.color-chips li {
    float: left;
    width: 12.5%
}

ul.color-chips li:first-child a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

ul.color-chips li:last-child {
    margin-right: 0
}

ul.color-chips li:last-child a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

ul.color-chips li a {
    float: left;
    width: 100%;
    height: 17px;
    text-indent: -9999px
}

ul.color-chips li a:hover,ul.color-chips li.current a {
    background-image: none;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3)
}

.share-sheet a {
    display: inline-block;
    margin-right: 20px;
    text-indent: -9999px;
    opacity: .72;
    background-size: 100% 100%
}

li.shot-stats-share .share-sheet a {
    opacity: .3
}

li.shot-stats-share .share-sheet a:hover {
    opacity: .72
}

.share-sheet a:hover {
    opacity: 1
}

.share-sheet a:last-child {
    margin-right: 0
}

.share-sheet a.share-twitter {
    height: 16px;
    width: 16px;
    background-image: url(/assets/share/icon-twitter-dark-488b56d9c7519ba3c6bbf766ff3fca39b3e7a31839e5e4e2a3a34d94bf6f4339.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-sheet a.share-twitter {
        background-image:url(/assets/share/icon-twitter-dark-2x-f8505a78955ddc8e8f74a5591c2fbc6ad11e6e28f3fbce0e75c226063354e4c0.png?1);
        background-size: 16px 16px
    }
}

.share-sheet a.share-facebook {
    height: 16px;
    width: 16px;
    background-image: url(/assets/share/icon-facebook-dark-8ec7d500b5e8c81dd6511b65d551c7f203755a1922b98624ab3dd4f7080f22f7.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-sheet a.share-facebook {
        background-image:url(/assets/share/icon-facebook-dark-2x-2189ace9e4efa9d133585dc60f9dc609ad900b7b6b14c4d9fbdf0d689e80623d.png?1);
        background-size: 16px 16px
    }
}

.share-sheet a.share-pinterest {
    height: 16px;
    width: 14px;
    background-image: url(/assets/share/icon-pinterest-dark-bf397a099574f4d89ea1e559f597ad6ca0c48c95ffe7da15a091c295a226c100.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-sheet a.share-pinterest {
        background-image:url(/assets/share/icon-pinterest-dark-2x-1a7db543d752c4e22765c0da4fa7d1f8ffd82a7c109c818bf1cf955789b901ef.png?1);
        background-size: 14px 16px
    }
}

.share-sheet a.share-email {
    height: 16px;
    width: 16px;
    background-image: url(/assets/share/icon-email-dark-798e417c57cc4ef3b3fd22c2cbb4ef298c976d24e5b0be26a782b0eabfbd3139.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .share-sheet a.share-email {
        background-image:url(/assets/share/icon-email-dark-2x-202d20854baa2e3b61f2a39b1088e8c2ce21c60c2e09a99234970e0b3284140c.png?1);
        background-size: 16px 16px
    }
}

.sidebar-module .share-btns .share-twitter {
    background-image: url(/assets/icons/social/twitter-db2266a8863fd8544aa2d786c69f8698a22042cf854fdb626da8ded4ec0f5615.svg);
    background-size: cover;
    height: 28px;
    width: 28px
}

.sidebar-module .share-btns .share-facebook {
    background-image: url(/assets/icons/social/facebook-d0fdd502811ff37b615c272b3e1127feab1d8696ae296ce22ffafe20ea413750.svg);
    background-size: cover;
    height: 28px;
    width: 28px
}

.sidebar-module .share-btns .share-email {
    background-image: url(/assets/icons/mail-97769716c60570b6e6f40238f7e7c25841bd3d7fab363c414bb5b0e97ca20b8d.svg);
    background-size: cover;
    height: 28px;
    width: 28px
}

.sidebar-module .share-btns .share-clipboard {
    background-image: url(/assets/icons/link-a5c679b40e2443034b7a1c3efd062fefdfde9341824bc15b1c89240491c02296.svg);
    background-size: cover;
    height: 28px;
    width: 28px
}

ol.more-thumbs {
    margin: 5px 0;
    overflow: hidden
}

ol.more-thumbs li {
    float: left;
    width: 46%;
    margin: 0 0 15px 0
}

ol.more-thumbs li:nth-child(2n) {
    float: right
}

ol.more-thumbs li:nth-child(3) {
    clear: left
}

ol.more-thumbs li a {
    display: inline-block
}

ol.more-thumbs li a img {
    width: 100%;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    box-shadow: 0 1px 1px rgba(0,0,0,0.07)
}

ol.more-thumbs li a:hover img {
    opacity: .8
}

ol.more-thumbs li div.tipsy-player,ol.more-thumbs li strong {
    display: none
}

@media screen and (min-width: 460px) and (max-width: 959px) {
    ol.more-thumbs {
        max-width:420px
    }

    ol.more-thumbs li {
        float: none;
        width: auto;
        display: inline-block;
        margin-right: 15px
    }

    ol.more-thumbs li:nth-child(2n) {
        float: none;
        margin-right: 0
    }
}

.truncate-toggle {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.truncate-toggle-content:not(:empty)>* {
    display: none
}

.truncate-toggle-content:not(:empty)>*:first-child {
    display: inline-block;
    width: 99%
}

.truncate-toggle-content:not(:empty)>*:first-child br {
    display: none
}

.truncate-toggle-content:not(:empty),.truncate-toggle-content:not(:empty)>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate-toggle:target {
    display: block
}

.truncate-toggle:target .truncate-toggle-content,.truncate-toggle:target .truncate-toggle-content>* {
    display: block;
    white-space: normal;
    overflow: visible
}

.truncate-toggle:target .truncate-toggle-content br,.truncate-toggle:target .truncate-toggle-content>* br {
    display: block
}

.truncate-toggle:target .truncate-toggle-more {
    display: none
}

.truncate-toggle-content:empty+.truncate-toggle-more {
    display: none
}

.truncate-toggle-more:visited,.truncate-toggle-more:link {
    display: block;
    padding-left: 0.25em;
    white-space: nowrap;
    color: #999
}

.truncate-toggle-more:visited:hover,.truncate-toggle-more:visited:active,.truncate-toggle-more:link:hover,.truncate-toggle-more:link:active {
    color: #757575
}

div.shot-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

div.shot-desc.no-border {
    border-bottom: 0;
    padding-bottom: 0
}

div.shot-desc p {
    margin: 14px 0 0 0
}

div.shot-desc p:first-child {
    margin-top: 0
}

div.shot-desc p code {
    font-family: Monaco, monospace;
    font-size: 1.1em;
    color: #666
}

div.shot-desc a {
    font-weight: 500
}

@media only screen and (max-width: 959px) {
    div.shot-desc {
        width:auto;
        font-size: 16px;
        line-height: 1.5
    }
}

#prospect-shot-prompt {
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    margin-bottom: 30px;
    text-align: center;
    max-width: 400px
}

@media only screen and (max-width: 739px) {
    #prospect-shot-prompt {
        margin-top:20px
    }
}

#prospect-shot-prompt h2 {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #757575;
    font-weight: normal
}

#prospect-shot-prompt h2 span {
    display: block;
    font-size: 16px
}

#prospect-shot-prompt h2 strong {
    font-weight: 500;
    color: #444
}

#prospect-shot-prompt .draft-form {
    display: inline
}

#comments-section {
    position: relative;
    margin-bottom: 20px
}

#comments-section h2.section {
    border-bottom: none;
    line-height: 1.3;
    margin: 0 0 15px 0;
    padding: 0
}

#comments-section .comments-sort {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 13px
}

#comments-section .comments-sort a {
    margin: 0 0 0 8px;
    color: #bbb
}

#comments-section .comments-sort a:hover {
    color: #757575
}

#comments-section .comments-sort a.selected {
    font-weight: 500;
    color: #757575
}

@media only screen and (max-width: 959px) {
    #comments-section {
        float:none;
        width: 100%
    }

    div.has-comments #comments-section {
        min-height: 140px
    }

    body.player #comments-section {
        min-height: 230px
    }

    #comments-section .comments-sort {
        position: static;
        top: auto;
        margin: 0 0 25px 0
    }

    #comments-section .comments-sort a {
        margin: 0 8px 0 0
    }
}

ol.comments li {
    position: relative
}

ol.comments li.response {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.4em;
    color: #555;
    border-bottom: 1px solid #ddd
}

ol.comments li:last-child {
    border-bottom: none
}

ol.comments li div.the-rebound {
    margin: 2px 0 10px 0;
    padding: 0;
    border: none
}

@media only screen and (max-width: 959px) {
    ol.comments li div.the-rebound {
        margin-top:10px
    }
}

ol.comments li ul.tools {
    margin-top: 3px;
    float: right
}

@media only screen and (max-width: 959px) {
    ol.comments li h2 {
        font-size:15px;
        line-height: 20px
    }

    ol.comments li h2 img {
        float: left;
        width: 16px;
        margin: 2px 6px 5px 0
    }

    ol.comments li div.comment-body {
        width: auto;
        clear: left;
        margin: 0;
        font-size: 14px;
        line-height: 1.5
    }

    ol.comments li p.comment-meta {
        margin-left: 0
    }
}

ol.comments h2 {
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: 500
}

ol.comments h2 span.rebound-username {
    display: none
}

@media only screen and (max-width: 959px) {
    ol.comments h2 span.rebound-username {
        display:inline
    }
}

ol.comments h2 a {
    color: #444
}

ol.comments h2 a:hover {
    color: #3a8bbb
}

ol.comments h2 a:hover img {
    opacity: .8
}

ol.comments h2 img {
    float: left;
    width: 32px;
    margin: 3px 10px 0 0;
    border-radius: 50%
}

ol.comments div.comment-body {
    width: 388px;
    margin: 0 0 0 42px;
    overflow: hidden
}

ol.comments div.comment-body a {
    font-weight: 500
}

ol.comments div.comment-body p {
    margin: 0 0 10px 0;
    padding: 0
}

ol.comments div.comment-body p code {
    font-family: Monaco, monospace;
    font-size: 15px;
    color: #666
}

ol.comments p.comment-meta {
    margin: 0 0 20px 42px;
    font-size: 13px;
    line-height: 1;
    color: #ccc
}

ol.comments p.comment-meta a {
    color: #999
}

ol.comments p.comment-meta a:hover {
    color: #666
}

ol.comments p.comment-meta a.liked-by-current-user {
    font-weight: 500;
    color: #ea4c89
}

ol.comments p.comment-meta span.sep {
    margin: 0 3px
}

ol.comments div.comment-likes ol.players-list {
    margin: 0 0 10px 40px;
    padding: 0
}

ol.comments div.comment-likes ol.players-list li {
    float: right;
    margin: 0;
    padding: 0;
    border: none
}

ol.comments div.comment-likes ol.players-list li img {
    float: right;
    width: 24px;
    margin: 1px 0 5px 5px;
    border-radius: 50%
}

span.comment-meta-likes {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1
}

span.comment-meta-likes a.likes {
    margin: 0 6px 0 0;
    color: #999
}

span.comment-meta-likes a.likes.liked-by-current-user {
    font-weight: 500;
    color: #ea4c89
}

@media only screen and (max-width: 800px) {
    span.comment-meta-likes {
        font-size:11px
    }
}

div.comments-closed {
    font-size: 12px;
    color: #999
}

div.comments-closed svg {
    height: 12px;
    width: 12px;
    opacity: 0.5;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px
}

a.likes-list {
    float: right;
    font-weight: normal;
    color: #aaa;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-hearts-c75259e8ce04c45abf11f8a378bb2f6a218a4ff116c2eb93132cf01deb365964.png?4)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    a.likes-list {
        background-image:url(/assets/icon-hearts-2x-28e929b58a8150518d337112b531d797d130df4b2dad41f125767af250d66199.png?4);
        background-size: 12px 45px
    }
}

a.likes-list:hover {
    color: #555;
    background-position: 0 -17px
}

form.comment textarea,form.comment .ql-container .ql-editor,.ql-container form.comment .ql-editor {
    background: rgba(0,0,0,0.07);
    border-bottom: 1px solid #fff;
    border-radius: 6px;
    border-right: 1px solid #fff;
    border: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 100px;
    line-height: 1.4em;
    margin: 0;
    padding: 10px;
    -webkit-transition: background-color ease .2s;
    transition: background-color ease .2s;
    width: 100%
}

form.comment textarea:focus,form.comment .ql-container .ql-editor:focus,.ql-container form.comment .ql-editor:focus {
    background: #fff;
    outline-width: 0
}

form.comment input {
    margin-top: 10px;
    float: left
}

form.comment.error textarea,form.comment.error .ql-container .ql-editor,.ql-container form.comment.error .ql-editor {
    border-radius: 6px 6px 0 0
}

form.comment.error p.error {
    background: #f55;
    color: #fff;
    padding: 10px;
    border-radius: 0 0 6px 6px
}

#view-comments-help {
    float: right;
    margin: 10px 0 0 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 3.4
}

#view-comments-help a {
    font-weight: normal;
    padding: 2px 0 0 21px;
    color: #999;
    background: url(/assets/icon-help-circle-4f7219828058b28c55f00f848ae5df52618a4748148469e8b9330aec9671e180.png) no-repeat 0 50%;
    background-size: 16px 16px
}

#view-comments-help a:hover {
    opacity: .7
}

#kbd-legend {
    clear: both
}

#kbd-legend p {
    margin: 0;
    padding: 30px 0 0;
    font-size: 13px;
    text-align: center;
    color: #bbb;
    border-top: 1px solid #ddd;
    -webkit-transition: color ease .2s;
    transition: color ease .2s
}

#kbd-legend p:hover {
    color: #757575
}

#kbd-legend span {
    display: inline-block;
    margin: 0 20px 5px
}

#kbd-legend span strong {
    margin: 0 4px 0 0
}

@media only screen and (max-width: 959px) {
    #kbd-legend {
        display:none
    }
}

.shot-detail {
    position: relative
}

.screenshot-related-shots {
    margin: 0 -15px
}

.screenshot-related-shots ol.dribbbles {
    max-width: 100%
}

.screenshot-related-shots ol.dribbbles>li {
    width: calc(25% - 30px) !important
}

@media screen and (max-width: 809px) {
    body .screenshot-related-shots.grid-small ol.dribbbles {
        max-width:100%
    }
}

@media screen and (max-width: 530px) {
    body .screenshot-related-shots.grid-small {
        margin:0
    }

    body .screenshot-related-shots.grid-small ol.dribbbles li {
        width: calc(47.5%) !important
    }
}

@media screen and (max-width: 1059px) {
    body .screenshot-related-shots.grid-small ol.dribbbles {
        max-width:100%
    }
}

.featured-playoff-shot .form-btn {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (max-width: 1100px) {
    .featured-playoff-shot .form-btn {
        -ms-flex-align:center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
        width: 100%
    }
}

svg.featured-playoff-icon-rebound {
    fill: rgba(221,221,221,0.75);
    height: 32px;
    margin-bottom: 10px;
    width: 32px
}

.featured-playoff-title-block h1 {
    margin: 4px 0
}

.featured-playoff-hero {
    min-height: 660px;
    overflow: hidden;
    width: 100%
}

.featured-playoff-hero .hoverable img.photo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    max-width: 80px
}

@media only screen and (max-width: 959px) {
    .featured-playoff-hero .hoverable img.photo {
        width:40px !important
    }
}

@media screen and (max-width: 460px) {
    .featured-playoff-hero .js-timer-count {
        border-bottom:none;
        border-left: none;
        border-radius: 0;
        border-right: none;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-left: 50px;
        margin-top: 10px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        text-align: left;
        width: calc(100%-50px)
    }

    .featured-playoff-hero .js-timer-count br {
        display: none
    }
}

.featured-playoff-hero .js-timer-count .counter-end-time {
    font-size: 18px
}

@media only screen and (max-width: 959px) {
    .featured-playoff-hero .js-timer-count .counter-end-time {
        font-size:14px
    }
}

.featured-playoff-hero .main-shot {
    background: transparent;
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 40px
}

@media screen and (max-width: 958px) {
    .featured-playoff-hero .main-shot {
        padding-right:0;
        margin-bottom: 0
    }

    .featured-playoff-hero .main-shot .detail-attachements {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 460px) {
    .featured-playoff-hero .main-shot {
        padding-right:0;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .featured-playoff-hero .main-shot .detail-attachements {
        padding-left: 15px;
        padding-right: 15px
    }
}

.featured-playoff-hero .shot-info {
    max-width: 100%
}

.featured-playoff-hero .detail-shot {
    margin: 0;
    min-height: 0;
    background: none
}

@media only screen and (max-width: 1100px) {
    .featured-playoff-hero .detail-shot {
        margin:0 auto 20px auto
    }
}

.featured-playoff-hero .detail-attachments {
    max-width: 800px !important;
    margin: 0 auto
}

.featured-playoff-hero .detail-attachments h3,.featured-playoff-hero .detail-attachments svg {
    opacity: 0.6
}

.featured-playoff-hero .detail-attachments h3 {
    color: #fff
}

.featured-playoff-hero .detail-attachments svg {
    fill: #fff
}

@media only screen and (max-width: 959px) {
    .featured-playoff-hero .detail-attachments {
        padding-bottom:0px !important
    }
}

.featured-playoff-hero .shot-desc {
    line-height: 1.4;
    font-weight: 400;
    border-bottom: none
}

.featured-playoff-hero .shot-desc a {
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer
}

.featured-playoff-hero .timer {
    padding: 12px;
    border: 1px solid rgba(221,221,221,0.5)
}

@media screen and (max-width: 1050px) {
    .featured-playoff-hero .screenshot-meta .form-btn {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: items-center;
        align-items: items-center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 10px
    }
}

.featured-play-off-step {
    -ms-flex-align: center;
    align-items: center;
    background: #dddddd;
    border-radius: 50%;
    color: #444;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 2.0;
    font-weight: 500;
    height: 32px;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px
}

.custom-playoff-winner {
    position: relative
}

.custom-playoff-winner:before {
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 40px;
    position: absolute;
    right: -14px;
    top: -14px;
    width: 40px;
    z-index: 99
}

@media only screen and (max-width: 959px) {
    .custom-playoff-winner:before {
        background-size:32px 32px;
        height: 32px;
        right: -10px;
        top: -10px;
        width: 32px
    }
}

.custom-playoff-winner.winner-1::before {
    background-image: url(/assets/featured-playoffs/first-b8352ae61c0513f077c759bd7e3816043687372c5efd00646237cef6380bc718.svg);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.custom-playoff-winner.winner-2::before {
    background-image: url(/assets/featured-playoffs/second-2d6488fb3a03a06626758ba0f46f18e17eddc3db9aae1997aeca8e7423f5f7d8.svg);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.custom-playoff-winner.winner-3::before {
    background-image: url(/assets/featured-playoffs/third-2c66b4a835bb740e9026f2362465acbe1e5ee731d4156ffdb2947ecf2d936635.svg);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.shot-published-message.notice.success {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 30px;
    background: #e1e4e8;
    border-bottom: 1px solid #d7dbdf
}

.shot-published-message.notice.success a:link,.shot-published-message.notice.success a:visited {
    color: #3a8bbb
}

.shot-published-message.notice.success .form-btn {
    background-color: #fff;
    text-decoration: none;
    color: #757575;
    width: 5em
}

.shot-published-message.notice.success .form-btn svg path {
    fill: currentColor
}

.shot-published-message.notice.success .form-btn.pinterest-btn {
    color: #bd081c
}

.shot-published-message.notice.success .form-btn.pinterest-btn:hover {
    color: #5b040e
}

.shot-published-message.notice.success .form-btn.twitter-btn {
    color: #1da1f2
}

.shot-published-message.notice.success .form-btn.twitter-btn:hover {
    color: #0967a0
}

.shot-published-message.notice.success .form-btn.clipboard-btn {
    color: #3a8bbb
}

.shot-published-message.notice.success .form-btn.clipboard-btn:hover {
    color: #1e6189
}

.shot-published-message.notice.success h1 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444
}

.shot-published-message.notice.success p {
    margin-bottom: 1em;
    color: #757575
}

.shot-published-message.notice.success .shot-celebrate {
    font-size: 1.5em;
    display: inline-block;
    cursor: pointer;
    vertical-align: -0.2em;
    margin-right: 0.15em;
    position: relative;
    z-index: 9997;
    margin: -.25em 0.15em
}

.shot-published-message.notice.success .shot-celebrate {
    -webkit-animation: shot-celebrate-tadah 4s 2s ease-in-out;
    animation: shot-celebrate-tadah 4s 2s ease-in-out;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

.shot-published-message.notice.success .shot-celebrate:active {
    -webkit-animation: shot-celebrate-charge 0.2s ease-in-out;
    animation: shot-celebrate-charge 0.2s ease-in-out;
    -webkit-animation-iteration-count: 0;
    animation-iteration-count: 0
}

.shot-confetti {
    position: fixed;
    width: 10px;
    height: auto;
    z-index: 9998;
    pointer-events: none;
    will-change: transform;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes shot-celebrate-charge {
    0% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }

    25% {
        -webkit-transform: scale(0.9) translateX(2%);
        transform: scale(0.9) translateX(2%)
    }

    50% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }

    75% {
        -webkit-transform: scale(0.9) translateX(2%);
        transform: scale(0.9) translateX(2%)
    }

    100% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }
}

@keyframes shot-celebrate-charge {
    0% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }

    25% {
        -webkit-transform: scale(0.9) translateX(2%);
        transform: scale(0.9) translateX(2%)
    }

    50% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }

    75% {
        -webkit-transform: scale(0.9) translateX(2%);
        transform: scale(0.9) translateX(2%)
    }

    100% {
        -webkit-transform: scale(0.9) translateX(-2%);
        transform: scale(0.9) translateX(-2%)
    }
}

@-webkit-keyframes shot-celebrate-tadah {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    4%,4% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    6%,10%,14%,18% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    8%,12%,16% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    20% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes shot-celebrate-tadah {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    4%,4% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    6%,10%,14%,18% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    8%,12%,16% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    20% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.shot-media-section {
    margin: 0 -30px 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 959px) {
    .shot-media-section {
        margin-left:-15px;
        margin-right: -15px
    }
}

.shot-media-container {
    max-width: 800px;
    margin: auto;
    position: relative
}

.media-shot {
    position: relative;
    max-width: 800px;
    /*background-color: #ededed*/
}

.media-shot:before {
    content: '';
    display: block;
    padding-top: 65%
}

.media-shot>* {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.media-shot[data-lazy] {
    background-color: #e8e8e8;
    -webkit-animation: loading-glow 1s linear infinite;
    animation: loading-glow 1s linear infinite;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .media-shot[data-lazy] {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 32px 32px
    }
}

.media-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

[data-lazy] .media-content {
    opacity: 0
}

.media-content img,.media-content video,.media-content picture {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

@media only screen and (max-width: 460px) {
    .media-content picture.sml-4x3,.media-content picture.med-8x6,.media-content img.sml-4x3,.media-content img.med-8x6 {
        max-width:100%
    }
}

.media-content picture.sml-4x3,.media-content img.sml-4x3 {
    max-width: 400px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .media-content picture.med-8x6,.media-content img.med-8x6 {
        max-width:400px
    }

    .shot-media-container:not(.has-gallery) .media-content picture.med-8x6,.shot-media-container:not(.has-gallery) .media-content img.med-8x6 {
        -webkit-transition: max-width 0.15s ease;
        transition: max-width 0.15s ease;
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .shot-media-container:not(.has-gallery) .media-content picture.med-8x6.expanded,.shot-media-container:not(.has-gallery) .media-content img.med-8x6.expanded {
        cursor: -webkit-zoom-out;
        cursor: zoom-out;
        max-width: 100%
    }
}

.media-content picture img {
    width: 100%;
    height: auto
}

.media-content .video-wrap {
    display: inline-block;
    position: relative
}

@media only screen and (max-width: 460px) {
    .media-content .video-wrap {
        display:block
    }
}

.media-content .video-wrap video {
    background-size: cover
}

[data-lazy] .media-content .video-wrap video {
    height: 100%
}

[data-lazy] .media-content .video-wrap video.sml-4x3 {
    width: 400px;
    height: 300px
}

.media-content .video-wrap:hover .video-controls {
    opacity: 1
}

.media-content .video-controls {
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 10px 10px;
    opacity: 0;
    -webkit-transition: 0.5s opacity ease;
    transition: 0.5s opacity ease
}

[data-lazy] .media-content .video-controls {
    display: none
}

.media-content .video-controls .mute-controls button {
    background: rgba(0,0,0,0.5);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    line-height: 1;
    padding: 8px 12px
}

.media-content .video-controls .mute-controls button:hover {
    background: rgba(0,0,0,0.75)
}

.media-content .video-controls .mute-controls svg {
    height: 18px;
    width: 18px
}

.media-content .video-controls .mute-controls svg path {
    fill: white
}

.media-content .video-controls .mute-controls.mute-mute .show-unmute,.media-content .video-controls .mute-controls.mute-unmute .show-mute {
    display: block
}

.media-content .cropped-indicator {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    line-height: 1;
    padding: 6px
}

.media-content .cropped-indicator svg {
    display: -ms-flexbox;
    display: flex
}

.media-content .cropped-indicator.horizontal svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.media-gallery .media-slide {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.media-gallery.initial {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.media-gallery.initial .media-slide {
    display: inline-block;
    width: 100%
}

.full-screen-page {

}

.media-gallery-navigation-target {
    width: 84px;
    height: 540px;
    position: absolute;
    top: 0;
    z-index: 1
}

.media-gallery-navigation-target.previous {
    left: 0
}

.media-gallery-navigation-target.next {
    right: 0
}

.media-gallery-navigation {
    display: none;
    opacity: 0;
    position: absolute;
    top: 288px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 0;
    border: 0;
    height: 24px;
    width: 24px;
    outline: 0;
    cursor: pointer;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out
}

@media (min-width: 800px) {
    .media-gallery-navigation {
        display:block
    }
}

.media-gallery-navigation.previous {
    left: 30px
}

.media-gallery-navigation.next {
    right: 30px
}

.media-gallery:hover ~ .media-gallery-navigation-target .media-gallery-navigation,.media-gallery-navigation-target:hover .media-gallery-navigation {
    opacity: 1
}

.media-gallery-thumbnails-wrapper {
    position: relative;
    padding: 14px 0;
    border-bottom: 1px solid #ddd
}

@media only screen and (min-width: 801px) {
    .media-gallery-thumbnails-wrapper {
        padding:18px 0 20px
    }
}

@media only screen and (min-width: 960px) {
    .shot-overlay .media-gallery-thumbnails-wrapper {
        margin:0 30px
    }
}

.media-gallery-thumbnails-wrapper .scroll-indicator {
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}

@media only screen and (min-width: 801px) {
    .media-gallery-thumbnails-wrapper .scroll-indicator {
        display:none
    }
}

.media-gallery-thumbnails-wrapper .scroll-indicator.scroll-backward {
    left: 0;
    background: linear-gradient(272deg, rgba(255,255,255,0) 0%, rgba(244,244,244,0.9) 100%)
}

.media-gallery-thumbnails-wrapper .scroll-indicator.scroll-forward {
    right: 0;
    background: linear-gradient(272deg, rgba(244,244,244,0.9) 0%, rgba(255,255,255,0) 100%);
    -ms-flex-pack: end;
    justify-content: flex-end
}

.media-gallery-thumbnails-wrapper .scroll-indicator.visible {
    opacity: 1
}

.media-gallery-thumbnails {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width: 800px) {
    .media-gallery-thumbnails {
        white-space:nowrap;
        text-align: center;
        padding: 4px 20px;
        overflow: hidden
    }

    .media-gallery-thumbnails.scrollable {
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .media-gallery-thumbnails.scrollable::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (min-width: 801px) {
    .media-gallery-thumbnails {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.media-gallery-thumbnails li {
    position: relative
}

@media only screen and (max-width: 800px) {
    .media-gallery-thumbnails li {
        display:inline-block;
        margin-right: 14px
    }
}

@media only screen and (min-width: 801px) {
    .media-gallery-thumbnails li {
        margin-right:23px
    }

    .shot-overlay .media-gallery-thumbnails li {
        margin-right: 14px
    }
}

.media-gallery-thumbnails li:last-child {
    margin-right: 0
}

@media only screen and (min-width: 801px) {
    .media-gallery-thumbnails.even-space {
        -ms-flex-pack:justify;
        justify-content: space-between
    }

    .media-gallery-thumbnails.even-space li {
        margin-right: 0
    }
}

.media-gallery-thumbnails .media-shot-small {
    position: relative;
    width: 80px;
    height: 60px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.media-gallery-thumbnails .media-shot-small img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.media-gallery-thumbnails .media-shot-small .media-type-icon {
    position: absolute;
    top: 2px;
    right: 3px;
    width: 24px;
    height: 24px;
    background-image: url(/assets/loading-indicators-c59feed24b6cbbcb0d4ca637dd0cc274f04dc0c39f5598035a917b2a9ea1298e.svg)
}

.media-gallery-thumbnails .media-shot-small .media-type-icon.animation {
    background-position: 96px 0
}

.media-gallery-thumbnails .media-shot-small:hover {
    -webkit-box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
    cursor: pointer
}

.media-gallery-thumbnails .media-shot-small.active {
    -webkit-box-shadow: 0 0 0 2px #f4f4f4, 0 0 0 4px #ea4c89;
    box-shadow: 0 0 0 2px #f4f4f4, 0 0 0 4px #ea4c89
}

.media-gallery-thumbnails .media-shot-small[data-lazy] {
    background-color: #e8e8e8;
    -webkit-animation: loading-glow 1s linear infinite;
    animation: loading-glow 1s linear infinite;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.media-gallery-thumbnails .media-shot-small[data-lazy] img,.media-gallery-thumbnails .media-shot-small[data-lazy] .media-type-icon {
    opacity: 0
}

div.goods-container {
    position: relative
}

ul.goods-admin {
    float: right;
    margin: 10px 10px 0 0
}

body.not-self ul.goods-admin {
    display: none
}

body.grid-without-meta ul.goods-admin {
    float: none
}

ul.goods-admin li {
    float: left;
    margin: 0 0 0 5px
}

ul.goods-admin li a {
    display: block;
    float: left;
    opacity: .5
}

ul.goods-admin li a:hover {
    opacity: 1
}

div.goods-meta {
    padding-top: 5px
}

body.grid-large div.goods-meta {
    float: right;
    text-align: right;
    padding: 0;
    white-space: no-wrap
}

div.goods-meta a.url {
    display: block;
    margin: 10px 0 0 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

div.goods-meta a.url img {
    float: left;
    width: 16px;
    margin: 0 7px 0 0;
    border-radius: 50%
}

div.goods-meta span.goods-price {
    margin: 0 6px 0 0;
    font-size: 14px;
    line-height: 1;
    color: #757575
}

body.grid-small div.goods-meta span.goods-price {
    font-size: 14px
}

div.goods-meta span.goods-category {
    font-size: 13px;
    line-height: 16px
}

div.goods-meta span.goods-category a {
    color: #bbb
}

div.goods-meta span.goods-category a:hover {
    color: #757575
}

form.goods-search.filter-options {
    margin: 15px 0
}

@media only screen and (min-width: 800px) {
    form.goods-search.filter-options div.submit {
        margin:0 30px 0 0
    }

    form.goods-search.filter-options input.form-sub,form.goods-search.filter-options input.btn-talent-application {
        float: right;
        width: auto;
        padding-left: 20px;
        padding-right: 20px
    }

    form.goods-search.filter-options fieldset {
        float: left;
        padding: 0;
        margin-left: 30px;
        width: 24%
    }

    form.goods-search.filter-options fieldset select {
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    form.goods-search.filter-options fieldset.price h3 {
        display: inline-block;
        margin-right: 6px
    }
}

form.goods-search #price-range {
    color: #999
}

body#goods-index form.goods-search #price-slider {
    margin: 15px 0 0 0
}

ul.buy-good {
    width: 440px;
    margin: 20px 0
}

@media only screen and (max-width: 800px) {
    ul.buy-good {
        float:none;
        width: auto
    }
}

table.goods ul.buy-good {
    clear: none;
    float: none;
    width: auto;
    padding: 0;
    border: none
}

ul.buy-good li a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

ul.buy-good li a strong {
    display: block;
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

ul.buy-good li a img {
    float: left;
    width: 32px;
    margin: 5px 10px 0 0
}

ul.buy-good li a span.buy-price {
    margin: 0 0 0 5px;
    font-weight: normal;
    color: #999
}

ul.buy-good li a:hover {
    opacity: .75
}

div.buy-good {
    padding: 0 10px 10px
}

div.buy-good a.for-sale {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

body.grid-large div.buy-good a.for-sale {
    float: left;
    width: calc(100% - 150px)
}

body.grid-small div.buy-good a.for-sale {
    font-size: 13px
}

div.buy-good a.for-sale strong {
    display: block;
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #444;
    overflow: hidden
}

body.grid-small div.buy-good a.for-sale strong {
    font-size: 14px
}

div.buy-good a.for-sale img {
    float: left;
    width: 32px;
    margin: 5px 10px 0 0
}

body.grid-small div.buy-good a.for-sale img {
    display: none
}

div.buy-good a.for-sale span.buy-price {
    margin: 0 0 0 5px;
    font-weight: normal;
    color: #999
}

div.buy-good a.for-sale:hover {
    opacity: .75
}

.shotless-good img {
    display: block
}

body.grid-small .shotless-good img {
    width: 200px;
    height: 150px
}

body.grid-large .shotless-good img {
    width: 100%
}

ol.list-of-scrolling-rows li.scrolling-row {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd
}

ol.list-of-scrolling-rows li.scrolling-row div.scrolling-row-inner {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (max-width: 530px) {
    ol.list-of-scrolling-rows li.scrolling-row div.scrolling-row-inner {
        display:block
    }
}

ol.list-of-scrolling-rows li.scrolling-row div.scrolling-row-intro {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (max-width: 530px) {
    ol.list-of-scrolling-rows li.scrolling-row div.scrolling-row-intro {
        -ms-flex:1 1 100%;
        flex: 1 1 100%;
        position: relative;
        z-index: 2
    }
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-right: -30px
}

@media only screen and (max-width: 959px) {
    ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles {
        margin-right:-15px
    }
}

@media screen and (max-width: 530px) {
    ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles {
        margin-right:0
    }
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles .scroll-forward {
    right: -30px
}

@media only screen and (max-width: 959px) {
    ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles .scroll-forward {
        right:-15px
    }
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles .scroll-backward {
    left: 420px
}

@media only screen and (max-width: 800px) {
    ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles .scroll-backward {
        left:380px
    }
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles .scroll-backward a {
    padding: 70px 15px 70px 10px
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles.rebounded-shots .scroll-backward,ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles.rebounded-shots .scroll-forward {
    top: 30px
}

ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles.rebounded-shots .scroll-backward,ol.list-of-scrolling-rows li.scrolling-row ol.dribbbles.bucket-shots .scroll-backward {
    left: 330px
}

.playoffs-list>li.group div.original-shot,.playoffs-list>li.constrained-content div.original-shot,.playoffs-list>li.constrained-content-alt div.original-shot,.playoffs-list>li.constrained-content-super div.original-shot,.playoffs-list>li.constrained-content-narrow div.original-shot,.playoffs-list>li.player-list-with-filters div.original-shot {
    margin-right: 30px
}

@media screen and (max-width: 530px) {
    .playoffs-list>li.group div.original-shot,.playoffs-list>li.constrained-content div.original-shot,.playoffs-list>li.constrained-content-alt div.original-shot,.playoffs-list>li.constrained-content-super div.original-shot,.playoffs-list>li.constrained-content-narrow div.original-shot,.playoffs-list>li.player-list-with-filters div.original-shot {
        margin-right:0
    }
}

.playoffs-list>li.group div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.group,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.group,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.group div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.player-list-with-filters {
    width: 300px;
    margin: 0 30px 0 0
}

@media screen and (max-width: 530px) {
    .playoffs-list>li.group div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.group,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.group,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.group,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-alt,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-super,.playoffs-list>li.group div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.constrained-content-narrow,.playoffs-list>li.group div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-alt div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-super div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.constrained-content-narrow div.original-shot ol.dribbbles li.player-list-with-filters,.playoffs-list>li.player-list-with-filters div.original-shot ol.dribbbles li.player-list-with-filters {
        width:100%;
        max-width: 360px
    }
}

.playoffs-list>li.group ol.rebounded-shots,.playoffs-list>li.constrained-content ol.rebounded-shots,.playoffs-list>li.constrained-content-alt ol.rebounded-shots,.playoffs-list>li.constrained-content-super ol.rebounded-shots,.playoffs-list>li.constrained-content-narrow ol.rebounded-shots,.playoffs-list>li.player-list-with-filters ol.rebounded-shots {
    padding-top: 30px
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info {
    -ms-flex: 0 0 330px;
    flex: 0 0 330px;
    min-height: 60px;
    padding-left: 75px;
    padding-right: 30px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info img.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-user {
    display: block;
    margin-bottom: 4px
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-description {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    color: #999;
    line-height: 1.4;
    word-break: break-word
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-count {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: #999
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-count strong {
    font-weight: bold;
    color: #757575
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-count span.meta {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-transform: lowercase;
    color: #999
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-count span.sep {
    color: #bbb
}

.buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-timestamp {
    clear: left;
    padding-top: 4px;
    font-size: 12px;
    color: #bbb
}

body#profile-secondary .buckets-list li.scrolling-row .scrolling-row-intro.bucket-info {
    padding-left: 0
}

body#profile-secondary .buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-name {
    font-size: 20px
}

body#profile-secondary .buckets-list li.scrolling-row .scrolling-row-intro.bucket-info img.photo,body#profile-secondary .buckets-list li.scrolling-row .scrolling-row-intro.bucket-info .bucket-user {
    display: none
}

ol.player-cards {
    margin-bottom: 20px
}

div.secondary ol.player-cards li {
    margin-bottom: 20px
}

div.secondary ol.player-cards ul.player-stats li {
    margin-bottom: 0
}

ol.player-cards li.scrolling-row .scrolling-row-intro.player-info {
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    padding-left: 120px;
    padding-right: 30px;
    position: relative;
    min-height: 120px;
    font-size: 13px;
    line-height: 1.4
}

@media only screen and (max-width: 800px) {
    ol.player-cards li.scrolling-row .scrolling-row-intro.player-info {
        padding-left:80px;
        min-height: 60px
    }
}

ol.player-cards h2 {
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold
}

body#teams ol.player-cards h2 span.badge {
    display: none
}

ol.player-cards h2 a {
    color: #444
}

ol.player-cards h2 a:hover {
    color: #3a8bbb
}

ol.player-cards h2 a:hover img.photo {
    opacity: .8
}

ol.player-cards h2 a img.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    margin: 2px 15px 0 0;
    border-radius: 50%
}

@media only screen and (max-width: 800px) {
    ol.player-cards h2 a img.photo {
        width:60px;
        height: 60px
    }
}

ol.player-cards .promoted {
    position: absolute;
    right: 30px
}

ol.player-cards .locality {
    display: block;
    margin-bottom: 3px;
    font-style: normal;
    color: #999;
    overflow: hidden
}

ol.player-cards div.player-actions,ol.player-cards form.draft-form,ol.player-cards span.draft-pending {
    margin: 6px 0
}

ol.player-cards div.follow-prompt,ol.player-cards div.hire-prompt,ol.player-cards div.add-to-list,ol.player-cards form.draft-form {
    display: inline-block
}

body:not(.has-invites) ol.player-cards form.draft-form {
    display: none
}

ol.player-cards form.draft-form .form-sub.tiny,ol.player-cards form.draft-form .tiny.btn-talent-application {
    font-size: 11px;
    line-height: 16px
}

ol.player-cards form.draft-form .form-sub.tiny svg,ol.player-cards form.draft-form .tiny.btn-talent-application svg {
    height: 12px;
    width: 12px
}

ol.player-cards div.current-job {
    color: #444;
    word-break: break-word;
    margin-bottom: 3px
}

ol.player-cards div.meta-bio {
    color: #757575;
    word-break: break-word;
    margin-bottom: 3px
}

ol.player-cards div.meta-bio a {
    color: #757575
}

ol.player-cards div.meta-skills {
    clear: left;
    font-size: 12px;
    color: #999;
    line-height: 1.4
}

ol.player-cards div.meta-skills a {
    color: #999
}

ol.player-cards div.meta-skills span.badge {
    margin-right: 4px;
    font-size: 9px
}

ol.player-cards a.jobs-mark {
    display: none;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-team-job-pin-1aedd5fb88abacfde2eaec80812f0d9cc208d43530dd31354d894e80d4b9c4ba.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.player-cards a.jobs-mark {
        background-image:url(/assets/icon-team-job-pin-2x-d59367d20e5de30a63b5a1403a40d18a08c12be2bb83e35c68987f2a9698a21f.png);
        background-size: 14px 14px
    }
}

ol.player-cards a.jobs-mark.active {
    display: inline-block
}

ol.player-cards ul.player-stats {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

ol.player-cards ul.player-stats li {
    width: auto;
    font-size: 12px;
    line-height: 1;
    border-bottom: none;
    border-right: 1px solid #ddd
}

ol.player-cards ul.player-stats li:last-child {
    border-right: none
}

ol.player-cards ul.player-stats li a {
    display: block;
    font-weight: bold;
    line-height: 1;
    color: #757575
}

ol.player-cards ul.player-stats li a span.meta {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    text-transform: lowercase;
    color: #999
}

ol.player-cards ul.player-stats li a:hover {
    color: #444
}

ol.player-cards ul.player-stats li a:hover span.meta {
    color: #999
}

ol.player-cards ul.player-stats ul.logged-out {
    margin-left: 0
}

ol.grid-list {
    margin: 0 0 15px 0
}

ol.grid-list li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 10px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

ol.grid-list li span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: normal;
    color: #bbb
}

@media only screen and (max-width: 800px) {
    ol.grid-list li {
        float:none;
        width: auto;
        margin: 0;
        font-size: 14px
    }

    ol.grid-list li a {
        display: block;
        padding: 10px 0
    }
}

ol.player-cards li.team-jobs {
    display: block;
    position: relative;
    margin: -40px 0 15px 0;
    padding: 10px 0 15px 0;
    line-height: 1.3;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
    overflow: hidden
}

ol.player-cards li.team-jobs span {
    color: #999
}

ol.player-cards li.team-jobs a:hover span {
    color: #1e6189
}

ol.player-cards li.team-jobs img {
    vertical-align: middle
}

h4.name-and-avatar {
    font-weight: bold
}

h4.name-and-avatar a img {
    float: left;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border-radius: 50%
}

h4.name-and-avatar a:hover img {
    opacity: .8
}

.player-list-with-filters {
    max-width: 2250px;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 950px) {
    .player-list-with-filters {
        display:block
    }
}

.player-list-with-filters .player-list-filters {
    width: 220px;
    float: left;
    font-size: 1.2em;
    z-index: 3;
    position: relative
}

@media only screen and (max-width: 950px) {
    .player-list-with-filters .player-list-filters {
        float:none;
        width: auto
    }

    .player-list-with-filters .player-list-filters div.section {
        display: none
    }
}

.player-list-with-filters .player-list-results {
    padding-left: 250px;
    position: relative;
    font-size: 1.2em
}

@media only screen and (max-width: 950px) {
    .player-list-with-filters .player-list-results {
        padding-left:0
    }
}

.player-list-with-filters div.results-pane {
    position: relative
}

.featured-playbooks li {
    margin: 0 0 15px 0
}

.featured-playbooks li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.featured-playbooks li a img {
    float: left;
    width: 32px;
    margin: 0 10px 0 0;
    border-radius: 50%
}

.featured-playbooks li a span.meta {
    display: block;
    margin: 2px 0 0 0;
    font-size: 13px;
    font-weight: normal;
    text-overflow: ellipsis;
    text-transform: lowercase;
    color: #999;
    overflow: hidden
}

@media only screen and (max-width: 950px) {
    div.secondary form.filter-options,div.secondary div.pro-search-mod form.filter-options {
        position:absolute;
        top: 23px;
        right: 0;
        width: 100%;
        margin: 0 0 15px 0;
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top-right-radius: 0;
        z-index: 1000
    }

    body#players div.secondary form.filter-options,body#teams div.secondary form.filter-options,body#players div.secondary div.pro-search-mod form.filter-options,body#teams div.secondary div.pro-search-mod form.filter-options {
        top: -49px
    }

    body#jobs div.secondary form.filter-options,body#jobs div.secondary div.pro-search-mod form.filter-options {
        top: 31px
    }

    div.secondary form.filter-options-act {
        position: static;
        top: auto;
        border-radius: 6px
    }

    div.secondary #options-toggle {
        top: -8px;
        right: 0;
        display: inline;
        z-index: 1
    }

    body#players div.secondary #options-toggle,body#teams div.secondary #options-toggle {
        top: -80px
    }

    body#jobs div.secondary #options-toggle {
        top: 0
    }

    div.secondary #options {
        display: none
    }
}

.selectize-dropdown-content .option[data-value^="OR,"],.selectize-dropdown-content .option[data-value^="NOT,"],.selectize-dropdown-content .option[data-value^="AND,"] {
    font-weight: 500;
    text-transform: lowercase
}

div.designer-prospect-header {
    background: #fff;
    padding: 30px;
    margin-bottom: 20px
}

body#prospects div.designer-prospect-header {
    margin: -50px -30px 30px -30px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

div.designer-search-header {
    text-align: left;
    position: relative;
    padding: 30px 30px 35px;
    background: #e1e4e8;
    border-bottom: 1px solid #d7dbdf
}

body#prospects div.designer-search-header {
    padding: 0;
    background: none;
    border: none;
    max-width: 1000px
}

@media only screen and (max-width: 959px) {
    div.designer-search-header {
        padding:20px;
        margin-bottom: 20px
    }

    body#prospects div.designer-search-header {
        margin-bottom: 0
    }

    body#prospects div.designer-search-header .form-btns {
        margin-top: 10px
    }

    body#prospects div.designer-search-header .form-btns,body#prospects div.designer-search-header .form-btns .form-btn {
        width: 100%
    }
}

div.designer-search-header h1 {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 -5px
}

div.designer-search-header form.designer-search-filters {
    max-width: 1200px;
    margin: 0 auto
}

div.designer-search-header form.designer-search-filters div.submit {
    text-align: center;
    -ms-flex: 0 1 120px;
    flex: 0 1 120px
}

div.designer-search-header form.designer-search-filters div.submit input[type="submit"] {
    display: block;
    width: 100%;
    margin: 29px 0 5px
}

@media only screen and (max-width: 460px) {
    div.designer-search-header form.designer-search-filters div.submit input[type="submit"] {
        margin-top:20px
    }
}

div.designer-search-header form.designer-search-filters div.submit a.toggle-advanced {
    font-size: 13px;
    line-height: 1.5em
}

@media only screen and (max-width: 460px) {
    div.designer-search-header form.designer-search-filters div.submit a.toggle-advanced {
        margin-top:20px;
        width: 100%;
        border-radius: 3px;
        padding: 10px 15px 11px;
        display: block;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: .02em;
        vertical-align: middle;
        color: white;
        background: #3a8bbb
    }
}

div.designer-search-header form.designer-search-filters label,div.designer-search-header form.designer-search-filters div.advanced-filters h3 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 500;
    color: #757575
}

body#prospects div.designer-search-header form.designer-search-filters label,body#prospects div.designer-search-header form.designer-search-filters div.advanced-filters h3 {
    color: rgba(255,255,255,0.7)
}

div.designer-search-header form.designer-search-filters div.selectize-input {
    padding: 9px 12px 10px;
    background: rgba(0,0,0,0.07)
}

div.designer-search-header form.designer-search-filters div.selectize-input input[type=text] {
    color: #444
}

div.designer-search-header form.designer-search-filters div.selectize-input input[type=text]:focus {
    background: #fff
}

div.designer-search-header form.designer-search-filters div.selectize-input div.item+input[type=text] {
    margin: 0 3px 2px 2px !important;
    font-size: 13px !important
}

div.designer-search-header form.designer-search-filters div.selectize-input:after {
    border-style: hidden
}

div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="OR,"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="NOT,"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="AND,"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="(,"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="),"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="OR"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="NOT"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="AND"],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="("],div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value=")"] {
    background: #eee;
    -webkit-box-shadow: inset 0 0 1px #bbb;
    box-shadow: inset 0 0 1px #bbb;
    color: #757575;
    text-transform: lowercase
}

div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="OR,"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="NOT,"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="AND,"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="(,"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value^="),"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="OR"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="NOT"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="AND"].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value="("].active,div.designer-search-header form.designer-search-filters div.selectize-input .item[data-value=")"].active {
    background: #ddd;
    -webkit-box-shadow: inset 0 0 1px #aaa;
    box-shadow: inset 0 0 1px #aaa;
    color: #444
}

div.designer-search-header form.designer-search-filters div.basic-filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    z-index: 2
}

div.designer-search-header form.designer-search-filters div.advanced-filters {
    display: none;
    clear: left;
    background: rgba(255,255,255,0.7);
    width: 100%;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    margin: 30px 0;
    position: relative;
    z-index: 1
}

div.designer-search-header form.designer-search-filters div.advanced-filters.show-advanced {
    display: block
}

div.designer-search-header form.designer-search-filters div.advanced-filters h3 {
    margin-bottom: 10px
}

div.designer-search-header form.designer-search-filters div.advanced-filters div.experience-options {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

div.designer-search-header form.designer-search-filters div.advanced-filters label {
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    margin: 0 0 5px
}

div.designer-search-header form.designer-search-filters div.advanced-filters label input[type=checkbox] {
    margin-right: 7px
}

div.designer-search-header form.designer-search-filters.premium-search-user {
    max-width: 1200px
}

div.designer-search-header form.designer-search-filters.premium-search-user div.find-players-distance select {
    float: right
}

@media only screen and (max-width: 1100px) {
    div.designer-search-header form.designer-search-filters.premium-search-user div.find-players-distance select {
        float:none;
        margin-top: 8px
    }
}

div.designer-search-header form.designer-search-filters .advanced-filters-wrap {
    position: relative
}

div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .advanced-filters:hover fieldset {
    filter: blur(2px) grayscale(100%);
    -webkit-filter: blur(2px) grayscale(100%);
    -moz-filter: blur(2px) grayscale(100%);
    -ms-filter: blur(2px) grayscale(100%)
}

@media only screen and (max-width: 959px) {
    div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .advanced-filters:hover fieldset {
        -webkit-filter:blur(0px);
        filter: blur(0px)
    }
}

div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .advanced-filters:hover .designer-search-upgrade-prompt {
    opacity: 1;
    background-color: rgba(255,255,255,0.9)
}

div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .designer-search-upgrade-prompt {
    float: none;
    clear: both;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    z-index: 50;
    border-radius: 6px;
    opacity: 0
}

@media only screen and (max-width: 959px) {
    div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .designer-search-upgrade-prompt {
        opacity:1;
        background-color: rgba(255,255,255,0.75)
    }
}

div.designer-search-header form.designer-search-filters .advanced-filters-wrap.basic .designer-search-upgrade-prompt .upgrade-text {
    height: 100%
}

div.designer-search-header fieldset.find-players-skills {
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
    padding-right: 30px
}

@media only screen and (max-width: 800px) {
    div.designer-search-header fieldset.find-players-skills {
        -ms-flex:0 1 100%;
        flex: 0 1 100%;
        padding-right: 0
    }
}

div.designer-search-header fieldset.find-players-skills .selectize-dropdown-header {
    -webkit-backdrop-filter: blur(4px);
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255,255,255,0.9);
    border-bottom: none;
    border-left: 1px solid rgba(226,226,226,0.5);
    border-radius: 0;
    border-right: 1px solid rgba(226,226,226,0.5);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    height: 24px;
    margin: -2px auto 0 auto;
    padding: 0 10px 0 8px;
    z-index: 99
}

div.designer-search-header fieldset.find-players-skills .selectize-dropdown-header-title .selectize-dropdown-header-label {
    font-weight: 500;
    color: #999;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

div.designer-search-header fieldset.find-players-skills a.selectize-dropdown-header-close {
    display: none
}

div.designer-search-header fieldset.find-players-skills div.top-skills {
    font-size: 13px;
    margin: 5px 0;
    color: #757575
}

div.designer-search-header fieldset.find-players-skills div.top-skills .overlay-trigger {
    margin-left: 5px
}

div.designer-search-header fieldset.find-players-geo {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 30px
}

div.designer-search-header fieldset.find-players-geo .selectize-dropdown-header {
    display: none
}

@media only screen and (max-width: 800px) {
    div.designer-search-header fieldset.find-players-geo {
        padding-right:20px
    }
}

@media only screen and (max-width: 460px) {
    div.designer-search-header fieldset.find-players-geo {
        -ms-flex:0 1 100%;
        flex: 0 1 100%;
        padding-right: 0
    }
}

div.designer-search-header fieldset.find-players-geo a.remove-location {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    z-index: 1;
    position: relative
}

div.designer-search-header fieldset.find-players-geo div.find-players-distance select {
    margin-top: 5px;
    color: #757575
}

body#prospects div.designer-search-header fieldset.find-players-geo div.find-players-distance select {
    color: rgba(255,255,255,0.7)
}

body#prospects div.designer-search-header fieldset.find-players-geo label[for='location'] {
    display: none
}

div.designer-search-header fieldset label.include-remote,div.designer-search-header fieldset label.willing-to-relocate,div.designer-search-header fieldset label.teams-hiring-designers,div.designer-search-header fieldset label.teams-open-to-messages {
    font-size: 12px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal
}

div.designer-search-header fieldset label.include-remote input[type=checkbox],div.designer-search-header fieldset label.willing-to-relocate input[type=checkbox],div.designer-search-header fieldset label.teams-hiring-designers input[type=checkbox],div.designer-search-header fieldset label.teams-open-to-messages input[type=checkbox] {
    margin-right: 3px
}

div.designer-search-header fieldset label.include-remote.hidden,div.designer-search-header fieldset label.willing-to-relocate.hidden,div.designer-search-header fieldset label.teams-hiring-designers.hidden,div.designer-search-header fieldset label.teams-open-to-messages.hidden {
    display: none
}

div.designer-search-header fieldset label.teams-hiring-designers,div.designer-search-header fieldset label.teams-open-to-messages {
    display: inline-block;
    margin-right: 20px
}

div.designer-search-header fieldset label.teams-hiring-designers:last-child,div.designer-search-header fieldset label.teams-open-to-messages:last-child {
    margin-right: 0
}

div.designer-search-header fieldset label.include-remote {
    margin-bottom: 3px
}

div.designer-search-header fieldset label.include-remote.hidden {
    display: none
}

div.designer-search-header fieldset label.willing-to-relocate {
    margin-top: 0
}

div.designer-search-header fieldset.find-players-availability {
    width: 20%
}

div.designer-search-header fieldset.find-players-work-type {
    width: 21%
}

div.designer-search-header fieldset.find-players-experience {
    width: 28%
}

div.designer-search-header fieldset.find-players-resume {
    width: 28%
}

div.designer-search-header fieldset.find-players-resume label,div.designer-search-header fieldset.find-players-resume input[type="text"] {
    font-size: 13px;
    line-height: 1.3;
    padding: 6px 8px
}

div.designer-search-header fieldset.find-players-resume label {
    width: 85px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    background-color: rgba(255,255,255,0.7)
}

div.designer-search-header fieldset.find-players-resume input[type="text"] {
    width: calc(100% - 70px);
    background: rgba(0,0,0,0.04);
    border-radius: 0 4px 4px 0;
    margin: 0 0 5px
}

div.designer-search-header fieldset.find-players-availability,div.designer-search-header fieldset.find-players-work-type,div.designer-search-header fieldset.find-players-experience,div.designer-search-header fieldset.find-players-resume {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px
}

div.designer-search-header fieldset.find-players-availability label,div.designer-search-header fieldset.find-players-work-type label,div.designer-search-header fieldset.find-players-experience label,div.designer-search-header fieldset.find-players-resume label {
    color: #444
}

@media only screen and (max-width: 959px) {
    div.designer-search-header fieldset.find-players-availability,div.designer-search-header fieldset.find-players-work-type,div.designer-search-header fieldset.find-players-experience,div.designer-search-header fieldset.find-players-resume {
        float:none;
        width: auto;
        margin-bottom: 30px
    }
}

div.designer-search-header fieldset.find-players-expand {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px 0
}

div.designer-search-header fieldset.find-players-expand label {
    padding: 0 0 0 20px;
    color: #757575
}

div.designer-search-header fieldset.find-players-expand label strong {
    color: #444
}

div.designer-search-header fieldset.find-players-expand label input {
    float: left
}

div.designer-search-header fieldset.find-players-expand label input[type=checkbox] {
    margin: 5px 8px 0 -20px
}

@media only screen and (max-width: 959px) {
    div.designer-search-header fieldset.find-players-expand {
        width:auto
    }
}

h2.section.designer-search-summary {
    font-size: 14px
}

h2.section.designer-search-summary a.save-this-search {
    padding-left: 4px
}

h2.section.designer-search-summary select {
    padding-top: 0;
    padding-bottom: 0;
    color: #444;
    font-weight: 500;
    font-size: 14px
}

h2.section.designer-search-summary span.sort {
    float: right
}

h2.section.designer-search-summary span.sort a.selected {
    color: #444
}

@media only screen and (max-width: 800px) {
    h2.section.designer-search-summary span.sort {
        float:none;
        display: block;
        margin-top: 10px
    }

    h2.section.designer-search-summary span.sort>span.sep {
        margin-left: 0
    }
}

.hiring-email-subscribe-icon {
    position: relative;
    top: 1px;
    width: 14px;
    margin: 0 3px 0 13px
}

div.hiring-extras {
    font-size: 13px;
    line-height: 1.4
}

div.hiring-extras svg {
    height: 12px;
    width: 12px;
    opacity: 0.5;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px
}

div.hiring-extras div.hiring-statement,div.hiring-extras div.hiring-bio {
    margin-bottom: 5px
}

div.hiring-extras div.preferences {
    color: #999
}

div.hiring-extras div.preferences li {
    cursor: default;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-left: 18px;
    text-indent: -18px
}

div.hiring-experience h4 {
    margin: 20px 0 10px;
    font-size: 13px;
    font-weight: 500;
    color: #999
}

div.hiring-experience ul {
    font-size: 13px;
    line-height: 1.4;
    color: #757575
}

div.hiring-experience ul li {
    margin-bottom: 4px
}

div.hiring-experience ul span.title,div.hiring-experience ul span.degree {
    font-weight: 500;
    color: #444
}

div.hiring-experience ul span.company,div.hiring-experience ul span.school {
    color: #444
}

div.hiring-experience ul span.timeframe {
    color: #bbb
}

#advanced-search-overlay p {
    color: #757575
}

#advanced-search-overlay strong {
    color: #444;
    font-weight: 500;
    display: block;
    margin-bottom: 10px
}

#advanced-search-overlay .form-sub,#advanced-search-overlay .btn-talent-application {
    margin-top: 20px
}

#advanced-search-overlay img.teaser {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 20px
}

div.hiring-list-header,div.saved-search-header {
    text-align: center
}

div.hiring-list-header h1,div.saved-search-header h1 {
    font-size: 24px;
    font-weight: 500
}

body#hiring-lists-index div.hiring-list-header h1,body#hiring-lists-index div.saved-search-header h1 {
    margin-bottom: 20px
}

div.hiring-list-header ul.admin.admin-horizontal,div.saved-search-header ul.admin.admin-horizontal {
    margin-bottom: 0
}

div.hiring-list-header ul.admin.admin-horizontal li a,div.saved-search-header ul.admin.admin-horizontal li a {
    opacity: 0.7
}

div.hiring-list-header ul.admin.admin-horizontal li a:hover,div.saved-search-header ul.admin.admin-horizontal li a:hover {
    opacity: 0.85
}

div.hiring-intro {
    background-color: #e1e4e8;
    padding-top: 20px
}

div.hiring-intro div.friendly {
    margin: 0 auto;
    max-width: 1200px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.hiring-intro div.friendly a.close {
    opacity: 0.5;
    padding: 4px
}

div.hiring-intro div.friendly a.close:hover {
    opacity: 1
}

div.hiring-intro div.friendly h2,div.hiring-intro div.friendly p {
    display: inline-block;
    font-size: 18px
}

div.hiring-intro div.friendly h2 {
    margin-right: 4px
}

div.hiring-intro div.friendly p {
    color: #999
}

div.hiring-intro div.friendly ul {
    padding-left: 0;
    list-style: none;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width: 959px) {
    div.hiring-intro div.friendly ul {
        -webkit-column-count:1;
        column-count: 1;
        -webkit-column-gap: 0;
        column-gap: 0
    }
}

div.hiring-intro div.friendly ul li {
    margin-bottom: 5px;
    color: #999
}

div.hiring-intro div.friendly ul li strong {
    font-weight: 500;
    color: #444
}

div.hiring-intro div.friendly ul svg {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
    fill: #53c68c
}

div.upgrade-pitch {
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #757575;
    margin-bottom: -5px
}

div.upgrade-pitch strong {
    color: #444;
    font-weight: 500
}

div.upgrade-pitch .form-btn {
    display: inline-block
}

div.upgrade-pitch .pro-btn,div.upgrade-pitch #update-payment-method-prompt a.form-sub,#update-payment-method-prompt div.upgrade-pitch a.form-sub,div.upgrade-pitch #update-payment-method-prompt a.btn-talent-application,#update-payment-method-prompt div.upgrade-pitch a.btn-talent-application {
    margin-right: 8px
}

div.upgrade-pitch .hiring-btn {
    margin-left: 8px
}

div.upgrade-pitch span {
    padding: 6px 20px;
    border-right: 1px solid #ccc
}

@media only screen and (max-width: 959px) {
    div.upgrade-pitch span {
        display:block;
        border: none
    }

    div.upgrade-pitch span .pro-btn,div.upgrade-pitch span #update-payment-method-prompt a.form-sub,#update-payment-method-prompt div.upgrade-pitch span a.form-sub,div.upgrade-pitch span #update-payment-method-prompt a.btn-talent-application,#update-payment-method-prompt div.upgrade-pitch span a.btn-talent-application,div.upgrade-pitch span .hiring-btn {
        display: block;
        max-width: 200px;
        margin: 10px auto
    }
}

div.upgrade-pitch span:last-child {
    border-right: none
}

div.saved-search-header+div.search-filter-form {
    margin-top: 30px
}

div.searches-container ul {
    text-align: center;
    margin-top: 20px
}

div.searches-container ul li {
    margin-bottom: 10px;
    color: #999
}

div.searches-container ul li a {
    font-weight: 500
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

#wrap {
    position: relative
}

.customize-links {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 300px
}

.customize-links a.customize-link {
    position: fixed;
    right: 20px;
    opacity: .37;
    z-index: 3
}

.customize-links a.customize-link:hover {
    opacity: .72
}

.customize-links a.done-editing {
    display: none;
    position: fixed;
    right: 20px;
    float: right;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border: 2px solid #fff;
    background: #53c68c;
    border-radius: 6px;
    z-index: 3
}

.customize-links a.done-editing:hover {
    background: #3ebc7d
}

.customize-links a.done-editing:active {
    background: #39ad72
}

#customize {
    display: none;
    position: fixed;
    right: 0;
    width: 320px;
    height: 100%;
    padding: 90px 30px 30px 30px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #717171;
    background: #333;
    z-index: 9998;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#customize a.exit {
    position: absolute;
    right: 0;
    top: 23px;
    opacity: .37
}

#customize a.exit:hover {
    opacity: .72
}

#customize div.dash {
    z-index: 2;
    position: fixed;
    width: 262px;
    background: #333;
    padding: 20px 0 10px 0;
    top: 0
}

#customize div.dash h2 {
    float: left;
    margin: 0 0 12px 0;
    font-size: 18px;
    color: #fff
}

#customize div.dash h2 img {
    position: relative;
    top: 2px;
    margin-right: 2px
}

#customize div.dash .action-buttons {
    clear: both
}

#customize div.dash .action-buttons input,#customize div.dash .action-buttons a {
    float: left;
    width: 48%
}

#customize div.dash .action-buttons input:disabled,#customize div.dash .action-buttons a:disabled {
    opacity: .3
}

#customize div.dash .action-buttons a.form-btn {
    float: right
}

#customize .form-sub,#customize .btn-talent-application {
    margin: 0;
    padding: 8px 12px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border: none;
    background-color: #53c68c;
    border-radius: 4px
}

#customize .form-sub:hover,#customize .btn-talent-application:hover {
    background-color: #3ebc7d
}

#customize .form-sub:active,#customize .btn-talent-application:active {
    background-color: #39ad72
}

#customize .form-btn {
    margin: 0;
    padding: 7px 11px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #717171;
    border: 1px solid rgba(255,255,255,0.2);
    background: transparent;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#customize .form-btn:hover {
    color: #adadad;
    border-color: rgba(255,255,255,0.3)
}

#customize .form-btn:active {
    color: #ddd;
    border-color: rgba(255,255,255,0.6)
}

#customize .form-btn.add-shots {
    padding: 4px 8px 5px
}

#customize .disclaimer,#customize .unsubscribed-publishing-warning {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.4;
    color: #999
}

#customize .disclaimer span.message,#customize .unsubscribed-publishing-warning span.message {
    display: block;
    margin-left: 42px
}

#customize .disclaimer a,#customize .unsubscribed-publishing-warning a {
    font-weight: 500;
    color: #53c68c
}

#customize .disclaimer img,#customize .unsubscribed-publishing-warning img {
    float: left;
    margin: 5px 12px 0 0
}

#customize .unsubscribed-publishing-warning {
    margin-bottom: 15px
}

form.customize-shots-form fieldset {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid rgba(255,255,255,0.15)
}

form.customize-shots-form fieldset h3 {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #bbb
}

form.customize-shots-form fieldset a.help-link {
    float: right;
    margin: 4px 0 0 0;
    color: #717171
}

form.customize-shots-form fieldset a.help-link img {
    margin: 0 0 0 2px;
    opacity: .3
}

form.customize-shots-form fieldset a.help-link:hover {
    color: #bbb
}

form.customize-shots-form fieldset a.help-link:hover img {
    opacity: .6
}

form.customize-shots-form fieldset .toggle input:checked+label .publish-prompt {
    display: none
}

form.customize-shots-form fieldset h4 {
    font-size: 13px;
    font-weight: normal
}

form.customize-shots-form fieldset p.help {
    font-size: 14px;
    line-height: 1.5
}

form.customize-shots-form fieldset p.help a {
    font-weight: 500;
    color: #53c68c
}

form.customize-shots-form fieldset p.help a:hover {
    color: #3ebc7d
}

form.customize-shots-form fieldset p.help a:active {
    color: #39ad72
}

form.customize-shots-form fieldset div.toggle {
    margin: 10px 0 0;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    overflow: hidden
}

form.customize-shots-form fieldset div.toggle.stream {
    margin-top: 0
}

form.customize-shots-form fieldset div.toggle .status label,form.customize-shots-form fieldset div.toggle .layouts label,form.customize-shots-form fieldset div.toggle .shot-size label,form.customize-shots-form fieldset div.toggle .location label {
    position: relative;
    float: left;
    width: 50%;
    padding: 8px 0 10px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.customize-shots-form fieldset div.toggle .status label img,form.customize-shots-form fieldset div.toggle .layouts label img,form.customize-shots-form fieldset div.toggle .shot-size label img,form.customize-shots-form fieldset div.toggle .location label img {
    position: relative;
    top: 3px;
    margin: 0 8px 0 0;
    opacity: .3
}

form.customize-shots-form fieldset div.toggle .status label:hover,form.customize-shots-form fieldset div.toggle .layouts label:hover,form.customize-shots-form fieldset div.toggle .shot-size label:hover,form.customize-shots-form fieldset div.toggle .location label:hover {
    color: #adadad;
    cursor: pointer
}

form.customize-shots-form fieldset div.toggle .status label:hover img,form.customize-shots-form fieldset div.toggle .layouts label:hover img,form.customize-shots-form fieldset div.toggle .shot-size label:hover img,form.customize-shots-form fieldset div.toggle .location label:hover img {
    opacity: .6
}

form.customize-shots-form fieldset div.toggle .location label {
    display: block;
    float: none;
    width: 260px;
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

form.customize-shots-form fieldset div.toggle .location label:last-of-type {
    border-bottom: none
}

form.customize-shots-form fieldset div.toggle .location a.help-link {
    display: none;
    margin-top: 2px
}

form.customize-shots-form fieldset div.toggle .status input,form.customize-shots-form fieldset div.toggle .status .custom-input,form.customize-shots-form fieldset div.toggle .layouts input,form.customize-shots-form fieldset div.toggle .layouts .custom-input,form.customize-shots-form fieldset div.toggle .shot-size input,form.customize-shots-form fieldset div.toggle .shot-size .custom-input,form.customize-shots-form fieldset div.toggle .location input,form.customize-shots-form fieldset div.toggle .location .custom-input {
    display: none
}

form.customize-shots-form fieldset div.toggle .status input:checked+label,form.customize-shots-form fieldset div.toggle .layouts input:checked+label,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label,form.customize-shots-form fieldset div.toggle .location input:checked+label {
    color: #bbb;
    background: rgba(255,255,255,0.06)
}

form.customize-shots-form fieldset div.toggle .status input:checked+label a.help-link,form.customize-shots-form fieldset div.toggle .layouts input:checked+label a.help-link,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label a.help-link,form.customize-shots-form fieldset div.toggle .location input:checked+label a.help-link {
    display: block
}

form.customize-shots-form fieldset div.toggle .status input:checked+label .custom-input,form.customize-shots-form fieldset div.toggle .layouts input:checked+label .custom-input,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label .custom-input,form.customize-shots-form fieldset div.toggle .location input:checked+label .custom-input {
    position: relative;
    display: block
}

form.customize-shots-form fieldset div.toggle .status input:checked+label .custom-input .remove-domain,form.customize-shots-form fieldset div.toggle .layouts input:checked+label .custom-input .remove-domain,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label .custom-input .remove-domain,form.customize-shots-form fieldset div.toggle .location input:checked+label .custom-input .remove-domain {
    position: absolute;
    bottom: 10px;
    right: 0;
    opacity: .7
}

form.customize-shots-form fieldset div.toggle .status input:checked+label .custom-input .remove-domain:hover,form.customize-shots-form fieldset div.toggle .layouts input:checked+label .custom-input .remove-domain:hover,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label .custom-input .remove-domain:hover,form.customize-shots-form fieldset div.toggle .location input:checked+label .custom-input .remove-domain:hover {
    opacity: 1
}

form.customize-shots-form fieldset div.toggle .status input:checked+label input[type="text"],form.customize-shots-form fieldset div.toggle .layouts input:checked+label input[type="text"],form.customize-shots-form fieldset div.toggle .shot-size input:checked+label input[type="text"],form.customize-shots-form fieldset div.toggle .location input:checked+label input[type="text"] {
    display: block;
    margin: 10px 0 0 0;
    padding-right: 32px
}

form.customize-shots-form fieldset div.toggle .status input:checked+label img,form.customize-shots-form fieldset div.toggle .layouts input:checked+label img,form.customize-shots-form fieldset div.toggle .shot-size input:checked+label img,form.customize-shots-form fieldset div.toggle .location input:checked+label img {
    opacity: 1
}

form.customize-shots-form fieldset ul.checks li,form.customize-shots-form fieldset ul.stream li {
    margin: 6px 0 0 0
}

form.customize-shots-form fieldset ul.checks li input[type="checkbox"]:not(old),form.customize-shots-form fieldset ul.checks li input[type="radio"]:not(old),form.customize-shots-form fieldset ul.stream li input[type="checkbox"]:not(old),form.customize-shots-form fieldset ul.stream li input[type="radio"]:not(old) {
    width: 20px;
    margin: 0;
    padding: 0;
    opacity: 0
}

form.customize-shots-form fieldset ul.checks li input[type="checkbox"]:not(old)+label,form.customize-shots-form fieldset ul.checks li input[type="radio"]:not(old)+label,form.customize-shots-form fieldset ul.stream li input[type="checkbox"]:not(old)+label,form.customize-shots-form fieldset ul.stream li input[type="radio"]:not(old)+label {
    display: inline-block;
    margin-left: -20px;
    padding-left: 20px;
    line-height: 24px;
    background: url(/assets/playbook/checks-sprite-08ea8424f0b2ba0629af7566d3257912f4d84cf7b127ea339e58303aae837124.png) no-repeat 0 4px;
    background-size: 14px 117px
}

form.customize-shots-form fieldset ul.checks li input[type="checkbox"]:not(old)+label,form.customize-shots-form fieldset ul.stream li input[type="checkbox"]:not(old)+label {
    background-position: 0 -99px
}

form.customize-shots-form fieldset ul.checks li input[type="checkbox"]:not(old):checked+label,form.customize-shots-form fieldset ul.stream li input[type="checkbox"]:not(old):checked+label {
    color: #bbb;
    background-position: 0 -65px
}

form.customize-shots-form fieldset ul.checks li input[type="radio"]:not(old):checked+label,form.customize-shots-form fieldset ul.stream li input[type="radio"]:not(old):checked+label {
    color: #bbb;
    background-position: 0 -31px
}

form.customize-shots-form fieldset ul.checks {
    margin-top: -6px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    column-gap: 10px
}

form.customize-shots-form fieldset a.add-shots {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 5px 8px;
    border-radius: 3px
}

form.customize-shots-form fieldset input:checked+label a.add-shots {
    display: block
}

form.customize-shots-form a.meta-link {
    float: right;
    margin: 4px 0 0 0;
    line-height: 1;
    color: #717171
}

form.customize-shots-form a.meta-link.picker {
    margin-top: 10px
}

form.customize-shots-form a.meta-link:hover {
    color: #bbb
}

form.customize-shots-form #colorpicker,form.customize-shots-form .sp-replacer {
    float: left
}

form.customize-shots-form #colorpicker .sp-dd,form.customize-shots-form .sp-replacer .sp-dd {
    color: #a3a3a3
}

form.customize-shots-form #colorpicker:hover .sp-dd,form.customize-shots-form .sp-replacer:hover .sp-dd {
    color: #f0f0f0
}

form.customize-shots-form select {
    float: right;
    width: 76%;
    height: 30px;
    font-size: 13px;
    color: #bbb;
    border-color: #717171;
    background-color: #717171
}

form.customize-shots-form select:focus {
    outline: none
}

form.customize-shots-form input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #444;
    border: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

form.customize-shots-form input[type="text"]:focus {
    outline: none
}

form.customize-shots-form .stream-help {
    display: block;
    margin: 10px 0 0 0;
    padding: 10px;
    text-align: center;
    color: rgba(0,0,0,0.72);
    background: #fff1c6;
    border-radius: 3px
}

form.customize-shots-form .add-sort a {
    float: left;
    width: 100%;
    margin: 10px 0 5px 0;
    padding: 10px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #717171;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.customize-shots-form .add-sort a.sort-shots {
    float: right
}

form.customize-shots-form .add-sort a:hover {
    color: #adadad;
    border-color: rgba(255,255,255,0.3)
}

form.customize-shots-form .add-sort a:hover img {
    opacity: .6
}

form.customize-shots-form .add-sort a:active {
    color: #ddd;
    border-color: rgba(255,255,255,0.6)
}

form.customize-shots-form .add-sort a img {
    display: block;
    margin: 0 auto 5px auto;
    opacity: .3
}

#main.floating-sidebar-container {
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width: 1915px) {
    #main.floating-sidebar-container {
        max-width:1855px
    }

    #main.floating-sidebar-container ol.dribbbles li.group,#main.floating-sidebar-container ol.dribbbles li.constrained-content,#main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,#main.floating-sidebar-container ol.dribbbles li.constrained-content-super,#main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,#main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 6 - 30px)
    }
}

@media screen and (min-width: 1665px) and (max-width: 1914px) {
    #main.floating-sidebar-container {
        max-width:1605px
    }

    #main.floating-sidebar-container ol.dribbbles li.group,#main.floating-sidebar-container ol.dribbbles li.constrained-content,#main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,#main.floating-sidebar-container ol.dribbbles li.constrained-content-super,#main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,#main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 5 - 30px)
    }
}

@media screen and (min-width: 1415px) and (max-width: 1664px) {
    #main.floating-sidebar-container {
        max-width:1355px
    }

    #main.floating-sidebar-container ol.dribbbles li.group,#main.floating-sidebar-container ol.dribbbles li.constrained-content,#main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,#main.floating-sidebar-container ol.dribbbles li.constrained-content-super,#main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,#main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 4 - 30px)
    }
}

@media screen and (min-width: 1181px) and (max-width: 1414px) {
    #main.floating-sidebar-container {
        max-width:1105px
    }

    #main.floating-sidebar-container ol.dribbbles li.group,#main.floating-sidebar-container ol.dribbbles li.constrained-content,#main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,#main.floating-sidebar-container ol.dribbbles li.constrained-content-super,#main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,#main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 3 - 30px)
    }
}

@media screen and (min-width: 1895px) {
    body.grid-large #main.floating-sidebar-container {
        max-width:2155px
    }

    body.grid-large #main.floating-sidebar-container ol.dribbbles li.group,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-super,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,body.grid-large #main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 4 - 30px)
    }
}

@media screen and (min-width: 1525px) and (max-width: 1894px) {
    body.grid-large #main.floating-sidebar-container {
        max-width:1705px
    }

    body.grid-large #main.floating-sidebar-container ol.dribbbles li.group,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-super,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,body.grid-large #main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 3 - 30px)
    }
}

@media screen and (min-width: 1181px) and (max-width: 1524px) {
    body.grid-large #main.floating-sidebar-container {
        max-width:1255px
    }

    body.grid-large #main.floating-sidebar-container ol.dribbbles li.group,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-alt,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-super,body.grid-large #main.floating-sidebar-container ol.dribbbles li.constrained-content-narrow,body.grid-large #main.floating-sidebar-container ol.dribbbles li.player-list-with-filters {
        width: calc(100% / 2 - 30px)
    }
}

#main.floating-sidebar-container .floating-sidebar-content {
    margin: 0 0 0 355px
}

@media only screen and (max-width: 1180px) {
    #main.floating-sidebar-container .floating-sidebar-content {
        margin:0
    }
}

body#project #main.floating-sidebar-container {
    max-width: 1855px
}

.floating-sidebar {
    position: relative;
    float: left;
    width: 325px;
    margin: 0 0 30px 15px
}

@media only screen and (max-width: 1180px) {
    .floating-sidebar {
        width:auto;
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    body.grid-small .floating-sidebar {
        max-width: 970px
    }
}

@media only screen and (max-width: 1180px) and (max-width: 1059px) {
    body.grid-small .floating-sidebar {
        max-width:720px
    }
}

@media only screen and (max-width: 1180px) and (max-width: 809px) {
    body.grid-small .floating-sidebar {
        max-width:470px
    }
}

@media only screen and (max-width: 1180px) {
    body.grid-large .floating-sidebar {
        margin-left:15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 1180px) and (max-width: 1169px) {
    body.grid-large .floating-sidebar {
        max-width:870px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 1180px) and (max-width: 960px) {
    body.grid-large .floating-sidebar {
        margin-left:15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 1180px) and (max-width: 767px) {
    body.grid-large .floating-sidebar {
        max-width:420px;
        margin-left: auto;
        margin-right: auto
    }
}

.floating-sidebar-fixed {
    position: fixed;
    top: 30px;
    z-index: 1
}

@media screen and (max-height: 680px) {
    .floating-sidebar-fixed .floating-sidebar-float {
        display:none
    }
}

.profile-info,.project-info {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

#profile-secondary .profile-info,#profile-secondary .project-info {
    float: none;
    width: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.profile-info.shotless,.project-info.shotless {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 500px
}

.profile-info.floating-sidebar-fixed ol.team-members li:nth-child(n+15),.project-info.floating-sidebar-fixed ol.team-members li:nth-child(n+15) {
    display: none
}

@media only screen and (max-width: 1180px) {
    .floating-sidebar-float,.floating-sidebar-extra {
        display:none
    }
}

.profile-info-mod {
    padding: 20px 30px;
    border-top: 1px solid #eee;
    position: relative
}

.profile-info-mod.profile-essentials {
    border-top: none
}

@media only screen and (max-width: 1180px) {
    .profile-info-mod {
        padding:20px 15px
    }
}

.profile-info-mod h1.vcard {
    margin: 0 0 10px 0;
    text-align: center
}

.profile-info-mod h1.vcard .photo {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 5px auto;
    border-radius: 50%
}

#profile-secondary .profile-info-mod h1.vcard .photo {
    display: inline-block;
    width: 48px;
    margin: -4px 12px 0 0;
    vertical-align: middle
}

.profile-info-mod h1.vcard .url {
    display: block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -.01em;
    color: #444
}

body#project .profile-info-mod h1.vcard {
    margin-bottom: 0
}

.profile-info-mod .location,.profile-info-mod .location a {
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 14px;
    color: #999;
    font-weight: normal
}

.profile-info-mod .project-owner {
    display: block;
    font-size: 14px;
    text-align: center
}

.profile-info-mod .project-owner span.project-by {
    font-weight: normal;
    color: #999
}

.profile-info-mod .project-owner a {
    font-weight: normal;
    color: #999
}

.profile-info-mod .project-owner a:hover {
    color: #444
}

.profile-info-mod .bio,.profile-info-mod .project-desc {
    margin: 0 0 15px 0;
    line-height: 1.4;
    text-align: center;
    word-wrap: break-word
}

.profile-info-mod .bio a,.profile-info-mod .project-desc a {
    color: #444
}

.profile-info-mod .bio a:hover,.profile-info-mod .project-desc a:hover {
    color: #3a8bbb
}

body#project .profile-info-mod .bio,body#project .profile-info-mod .project-desc {
    margin-bottom: 0;
    margin-top: 10px
}

.profile-info-mod p.project-contents {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #757575;
    font-weight: 500
}

.profile-info-mod p.project-contents span.meta {
    color: #999;
    font-weight: normal
}

.profile-info-mod p.project-contents span.sep {
    color: #bbb
}

.profile-info-mod a.project-url {
    margin-top: 10px;
    text-align: center;
    display: block;
    color: #999
}

.profile-info-mod a.project-url img {
    opacity: 0.37;
    vertical-align: top;
    margin-right: 4px
}

.profile-info-mod a.project-url:hover {
    color: #444
}

.profile-info-mod .badge-link {
    position: absolute;
    top: 20px;
    left: 20px
}

@media only screen and (max-width: 800px) {
    .profile-info-mod .badge-link {
        top:12px;
        left: 15px
    }
}

.profile-info-mod h3 {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #999
}

.profile-info-mod h3 a {
    color: #999
}

.profile-info-mod h3 a:hover {
    color: #757575
}

.profile-info-mod ol.team-members {
    margin: 12px 0 -4px 0
}

.profile-info-mod ol.team-members li {
    display: inline-block;
    margin: 0 4px 4px 0
}

.profile-info-mod ol.team-members li.all a {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #444
}

.profile-info-mod ol.team-members li.all a:hover {
    color: #3a8bbb
}

.profile-info-mod ol.team-members li a {
    display: inline-block
}

.profile-info-mod ol.team-members li a img {
    height: 30px;
    width: 30px;
    border-radius: 50%
}

.profile-info-mod ol.team-members li a:hover img {
    opacity: .75
}

.profile-info-mod ul.skills-list {
    font-size: 12px;
    line-height: 1;
    color: #bbb
}

.profile-info-mod ul.skills-list li {
    display: inline-block;
    margin: 0 4px 8px 0
}

.profile-info-mod ul.skills-list a {
    display: inline-block;
    padding: 6px 8px;
    border: 1px solid #ddd;
    color: #444;
    border-radius: 4px
}

.profile-info-mod ul.skills-list a:hover {
    color: #3a8bbb;
    border-color: #d0d0d0
}

.profile-info-mod ul.profile-details li {
    margin: 5px 0;
    font-size: 14px;
    line-height: 20px
}

.profile-info-mod ul.profile-details li a {
    display: block;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-info-mod ul.profile-details li a img {
    position: relative;
    top: 4px;
    margin: 0 5px 0 0;
    height: 20px;
    opacity: .37
}

.profile-info-mod ul.profile-details li a:hover {
    color: #3a8bbb
}

.profile-info-mod ul.profile-details li a:hover img {
    opacity: .72
}

.profile-info-mod ul.profile-featured li a img {
    opacity: .72
}

.profile-info-mod ul.profile-featured li a:hover img {
    opacity: .51
}

.profile-info-mod ul.on-teams li a img {
    opacity: 1;
    border-radius: 50%
}

.profile-info-mod ul.profile-projects li {
    margin: 5px 0 15px 0;
    overflow: hidden
}

.profile-info-mod ul.profile-projects li:last-of-type {
    margin-bottom: 0
}

.profile-info-mod ul.profile-projects li a {
    display: block;
    color: #444
}

.profile-info-mod ul.profile-projects li a:hover {
    color: #3a8bbb
}

.profile-info-mod ul.profile-projects li a h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3
}

.profile-info-mod ul.profile-projects li a span.meta {
    display: block;
    font-size: 12px;
    color: #999
}

.profile-info-mod ul.profile-projects li a img {
    float: left;
    width: 100px;
    margin: 0 15px 0 0
}

.profile-info-mod ul.profile-projects li a:hover img {
    opacity: .8
}

.profile-info-mod ul.profile-projects li.selected {
    display: none
}

.profile-info-mod ul.profile-projects li.all a {
    font-size: 13px;
    font-weight: 500
}

.profile-info-mod div.hiring-extras div.hiring-bio {
    display: none
}

.profile-info-mod div.hiring-extras div.preferences li {
    max-width: 100%
}

.profile-info-mod div.hiring-experience ul span.title {
    font-weight: normal
}

.profile-actions {
    margin: 0;
    text-align: center
}

.profile-actions div,.profile-actions form.draft-form {
    display: inline-block;
    margin: 0 1px
}

.profile-actions .form-btn,.profile-actions .form-sub,.profile-actions .btn-talent-application {
    padding-top: 7px;
    padding-bottom: 8px
}

.profile-actions div.follow-prompt svg {
    display: none
}

.profile-actions div.actions-menu {
    position: absolute;
    top: 15px;
    right: 10px
}

@media only screen and (max-width: 800px) {
    .profile-actions div.actions-menu {
        top:7px;
        right: 7px
    }
}

a.floating-sidebar-toggle {
    display: block;
    margin: 20px 0 0 0;
    font-weight: 500;
    text-align: center;
    color: #999
}

a.floating-sidebar-toggle span {
    padding-right: 18px;
    background-repeat: no-repeat;
    background-position: 100% 6px;
    background-image: url(/assets/profile/icon-down-arrow-5254fe5b44a76b51673051e47c318fad21e4a2f462d8d4e2d2672e903a93a700.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    a.floating-sidebar-toggle span {
        background-image:url(/assets/profile/icon-down-arrow-2x-ea015b809fe8131c0fb33a574bc949694c45fe9445560c7623c77403bfd0ebb0.png);
        background-size: 12px 7px
    }
}

a.floating-sidebar-toggle.less span {
    background-image: url(/assets/profile/icon-up-arrow-47de76edd2dc905106f222a97f1939a9d765a0d4e6bd2ee5e27a4bd69f0b6cc9.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    a.floating-sidebar-toggle.less span {
        background-image:url(/assets/profile/icon-up-arrow-2x-fea40641faa8df32b8d2a1938d95cc13c939f29228afebfa108e7e3153bee16b.png);
        background-size: 12px 7px
    }
}

a.floating-sidebar-toggle:hover {
    opacity: .72
}

a.floating-sidebar-toggle img {
    margin: 0 auto
}

@media screen and (min-width: 1181px) {
    a.floating-sidebar-toggle {
        display:none
    }
}

.profile-sub-header {
    margin-bottom: 30px;
    text-align: center
}

.profile-sub-header h1 {
    font-weight: 500
}

@media only screen and (max-width: 460px) {
    .profile-sub-header h1 {
        font-size:18px
    }
}

.profile-sub-header h1 .url div {
    display: inline
}

.profile-sub-header h1 img.photo {
    width: 48px;
    height: 48px;
    margin: -4px 6px 0 0;
    vertical-align: middle;
    border-radius: 50%
}

@media only screen and (max-width: 460px) {
    .profile-sub-header h1 img.photo {
        width:24px;
        height: 24px
    }
}

.profile-sub-header h1 span.sep {
    margin: 0 4px;
    font-weight: normal;
    color: #bbb
}

.profile-sub-header h2 {
    font-weight: normal;
    color: #757575
}

body#profile ol.dribbbles li h2,body#user-profile ol.dribbbles li h2 {
    display: none
}

body#profile .is-team ol.dribbbles li h2,body#user-profile .is-team ol.dribbbles li h2 {
    display: block
}

div.related-jobs {
    padding: 15px 0;
    border-bottom: 1px solid #efefef
}

div.related-jobs ol.related-jobs-list {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    line-height: 1
}

div.related-jobs ol.related-jobs-list.single-job li {
    margin-right: 2px;
    margin-left: 2px
}

div.related-jobs ol.related-jobs-list li {
    display: inline-block;
    margin: 0 15px;
    line-height: 1
}

div.related-jobs ol.related-jobs-list li a {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    color: #444
}

div.related-jobs ol.related-jobs-list li a:hover {
    opacity: .8
}

div.related-jobs ol.related-jobs-list li a span.sep {
    margin: 0 1px;
    font-weight: normal;
    color: #bbb
}

div.related-jobs ol.related-jobs-list li a span.job-location {
    color: #999;
    font-weight: normal
}

div.related-jobs ol.related-jobs-list li a img {
    position: relative;
    top: 2px;
    width: 14px;
    margin: 0 2px 0 0
}

div.related-jobs ol.related-jobs-list li:first-child a {
    font-weight: bold;
    color: #7bbb5e
}

div.related-jobs ol.related-jobs-list li.job a {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#report-overlay .blocking {
    display: none
}

#report-overlay.blocked-by-current-user .blocking,#report-overlay .blocked-by-current-user .blocking {
    display: block
}

#report-overlay.blocked-by-current-user .block,#report-overlay .blocked-by-current-user .block {
    display: none
}

.profile-boosted-callout {
    background-color: #7bbb5e;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px 6px 0 0;
    color: #ffffff
}

.profile-boosted-callout a {
    font-weight: normal;
    color: #ffffff;
    text-decoration: underline
}

.message-work-type {
    margin: 8px 0 16px
}

ul.message-skills-list {
    color: #bbb;
    font-size: 11px;
    line-height: 1;
    margin: 8px 0 0
}

ul.message-skills-list li {
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #444;
    display: inline-block;
    margin: 0 2px 4px 0;
    padding: 5px 8px 7px
}

.feed-separator {
    display: block;
    clear: both;
    margin: 20px 15px 50px 15px;
    border-top: 1px solid #ddd;
    float: none;
    width: 100%
}

.feed-separator h1 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px;
    margin-bottom: -30px
}

body.grid-large ol.dribbbles>li.suggested-follow-7,body.grid-large ol.dribbbles>li.suggested-follow-8,body.grid-large ol.dribbbles>li.suggested-follow-9,body.grid-large ol.dribbbles>li.suggested-follow-10 {
    display: none
}

@media screen and (max-width: 2279px) {
    body.grid-large ol.dribbbles>li.suggested-follow-6 {
        display:none
    }
}

@media screen and (max-width: 1909px) {
    body.grid-large ol.dribbbles>li.suggested-follow-5,body.grid-large ol.dribbbles>li.suggested-follow-6 {
        display:none
    }
}

@media screen and (max-width: 1539px) {
    body.grid-large ol.dribbbles>li.suggested-follow-4,body.grid-large ol.dribbbles>li.suggested-follow-5,body.grid-large ol.dribbbles>li.suggested-follow-6 {
        display:none
    }
}

@media screen and (max-width: 1169px) {
    body.grid-large ol.dribbbles>li.suggested-follow-3,body.grid-large ol.dribbbles>li.suggested-follow-4 {
        display:block
    }

    body.grid-large ol.dribbbles>li.suggested-follow-5,body.grid-large ol.dribbbles>li.suggested-follow-6 {
        display: none
    }
}

@media screen and (max-width: 767px) {
    body.grid-large ol.dribbbles>li.feed-separator {
        margin-left:0;
        margin-right: 0
    }

    body.grid-large ol.dribbbles>li.suggested-follow-3,body.grid-large ol.dribbbles>li.suggested-follow-4,body.grid-large ol.dribbbles>li.suggested-follow-5,body.grid-large ol.dribbbles>li.suggested-follow-6 {
        display: none
    }
}

body.grid-small ol.dribbbles>li.feed-separator {
    width: auto;
    margin-bottom: 30px
}

body.grid-small ol.dribbbles>li.feed-separator h1 {
    margin-bottom: -5px
}

body.grid-small ol.dribbbles>li.suggested-follow-9,body.grid-small ol.dribbbles>li.suggested-follow-10 {
    display: none
}

@media screen and (max-width: 530px) {
    body.grid-small ol.dribbbles>li.feed-separator {
        margin-left:0;
        margin-right: 0
    }

    body.grid-small ol.dribbbles>li.group.suggested-follow-2,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-alt,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-super,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-narrow,body.grid-small ol.dribbbles>li.suggested-follow-2.player-list-with-filters,body.grid-small ol.dribbbles>li.group.suggested-follow-4,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-alt,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-super,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-narrow,body.grid-small ol.dribbbles>li.suggested-follow-4.player-list-with-filters {
        margin-left: 5%
    }
}

@media screen and (max-width: 809px) {
    body.grid-small ol.dribbbles>li.group.suggested-follow-2,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-alt,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-super,body.grid-small ol.dribbbles>li.suggested-follow-2.constrained-content-narrow,body.grid-small ol.dribbbles>li.suggested-follow-2.player-list-with-filters,body.grid-small ol.dribbbles>li.group.suggested-follow-4,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-alt,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-super,body.grid-small ol.dribbbles>li.suggested-follow-4.constrained-content-narrow,body.grid-small ol.dribbbles>li.suggested-follow-4.player-list-with-filters {
        margin-right:0
    }

    body.grid-small ol.dribbbles>li.suggested-follow-4 {
        display: block !important
    }

    body.grid-small ol.dribbbles>li.suggested-follow-5,body.grid-small ol.dribbbles>li.suggested-follow-6,body.grid-small ol.dribbbles>li.suggested-follow-7,body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display: none
    }
}

@media screen and (max-width: 1059px) {
    body.grid-small ol.dribbbles>li.suggested-follow-4,body.grid-small ol.dribbbles>li.suggested-follow-5,body.grid-small ol.dribbbles>li.suggested-follow-6,body.grid-small ol.dribbbles>li.suggested-follow-7,body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display:none
    }
}

@media screen and (max-width: 1309px) {
    body.grid-small ol.dribbbles>li.suggested-follow-5,body.grid-small ol.dribbbles>li.suggested-follow-6,body.grid-small ol.dribbbles>li.suggested-follow-7,body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display:none
    }
}

@media screen and (max-width: 1559px) {
    body.grid-small ol.dribbbles>li.suggested-follow-6,body.grid-small ol.dribbbles>li.suggested-follow-7,body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display:none
    }
}

@media screen and (max-width: 1809px) {
    body.grid-small ol.dribbbles>li.suggested-follow-7,body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display:none
    }
}

@media screen and (max-width: 2059px) {
    body.grid-small ol.dribbbles>li.suggested-follow-8 {
        display:none
    }
}

#contact-overlay.message-overlay.overlay-visible,.suggested-designers-overlay.message-overlay.overlay-visible {
    overflow: hidden
}

@media only screen and (max-width: 460px) {
    #contact-overlay.message-overlay,.suggested-designers-overlay.message-overlay {
        height:100%;
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width: 800px) {
    #contact-overlay.message-overlay.overlay-visible,.suggested-designers-overlay.message-overlay.overlay-visible {
        overflow:auto
    }
}

@media (max-height: 820px) {
    #contact-overlay.message-overlay.overlay-visible,.suggested-designers-overlay.message-overlay.overlay-visible {
        overflow:auto
    }
}

#contact-overlay.message-overlay .lightbox,.suggested-designers-overlay.message-overlay .lightbox {
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 760px;
    will-change: transform
}

@media only screen and (max-width: 460px) {
    #contact-overlay.message-overlay .lightbox,.suggested-designers-overlay.message-overlay .lightbox {
        max-width:100%;
        border-radius: 0;
        padding: 0;
        margin: 0;
        overflow-x: hidden
    }
}

#contact-overlay.message-overlay .response-text,.suggested-designers-overlay.message-overlay .response-text {
    padding: 24px;
    text-align: center;
    background: none;
    font-size: 16px
}

#contact-overlay.message-overlay a.close,.suggested-designers-overlay.message-overlay a.close {
    display: none
}

#contact-overlay.message-overlay p,#contact-overlay.message-overlay .description p,#contact-overlay.message-overlay label,#contact-overlay.message-overlay input[type="text"],.suggested-designers-overlay.message-overlay p,.suggested-designers-overlay.message-overlay .description p,.suggested-designers-overlay.message-overlay label,.suggested-designers-overlay.message-overlay input[type="text"] {
    font-size: 14px
}

#contact-overlay.message-overlay .required::after,.suggested-designers-overlay.message-overlay .required::after {
    color: #f55;
    content: "*";
    display: inline-block;
    position: relative;
    top: -2px
}

#contact-overlay.message-overlay fieldset,.suggested-designers-overlay.message-overlay fieldset {
    padding-top: 0
}

#contact-overlay.message-overlay .form-field,.suggested-designers-overlay.message-overlay .form-field {
    margin-bottom: 20px
}

#contact-overlay .message-designers-form div.prompt.for-self,.suggested-designers-overlay .message-designers-form div.prompt.for-self {
    margin-bottom: 20px;
    margin-top: 20px;
    border: none;
    padding: 20px;
    border-radius: none;
    -webkit-box-shadow: 0 1px 1px 0 rgba(68,68,68,0.15);
    box-shadow: 0 1px 1px 0 rgba(68,68,68,0.15)
}

#contact-overlay .designer-option-label,.suggested-designers-overlay .designer-option-label {
    position: relative
}

#contact-overlay .designer-option-label input[type="checkbox"],.suggested-designers-overlay .designer-option-label input[type="checkbox"] {
    width: 0;
    height: 0;
    display: none
}

#contact-overlay .designer-option-label label,.suggested-designers-overlay .designer-option-label label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 4px;
    color: #757575;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(187,187,187,0.5) inset;
    box-shadow: 0px 0px 0px 1px rgba(187,187,187,0.5) inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    height: 34px;
    padding: 0 12px 0 36px;
    line-height: 15px;
    position: relative;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear
}

#contact-overlay .designer-option-label label span,.suggested-designers-overlay .designer-option-label label span {
    color: rgba(68,68,68,0.7);
    font-weight: 400;
    text-align: right
}

#contact-overlay .designer-option-label label::before,.suggested-designers-overlay .designer-option-label label::before {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #999;
    content: "";
    display: block;
    height: 11px;
    left: 14px;
    position: absolute;
    top: calc(50% - 6px);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 11px
}

#contact-overlay .designer-option-label label:hover,#contact-overlay .designer-option-label label:focus,.suggested-designers-overlay .designer-option-label label:hover,.suggested-designers-overlay .designer-option-label label:focus {
    color: #3a8bbb;
    background: rgba(58,139,187,0.1);
    -webkit-box-shadow: inset 0 0 0 1px rgba(58,139,187,0.5);
    box-shadow: inset 0 0 0 1px rgba(58,139,187,0.5)
}

#contact-overlay .designer-option-label label:hover::before,#contact-overlay .designer-option-label label:focus::before,.suggested-designers-overlay .designer-option-label label:hover::before,.suggested-designers-overlay .designer-option-label label:focus::before {
    border-color: rgba(58,139,187,0.5);
    background: white
}

#contact-overlay .designer-option-label input[type="checkbox"]:checked+label::before,.suggested-designers-overlay .designer-option-label input[type="checkbox"]:checked+label::before {
    background: white url(/assets/icons/check-blue-0260b8007440d924466b4c83c91008f856c816e21c003dbc0b0b9b3f188004d2.svg) no-repeat center center;
    background-size: 11px 11px;
    border: 1px solid #3a8bbb;
    border-radius: 3px
}

#contact-overlay .designer-option-label input[type="checkbox"]:checked+label,.suggested-designers-overlay .designer-option-label input[type="checkbox"]:checked+label {
    background: #3a8bbb;
    -webkit-box-shadow: inset 0 0 0 1px #3a8bbb;
    box-shadow: inset 0 0 0 1px #3a8bbb;
    color: #fff
}

#contact-overlay .message-designers-checkbox-radio .types-of-work.selected,.suggested-designers-overlay .message-designers-checkbox-radio .types-of-work.selected {
    margin-bottom: 70px
}

#contact-overlay .message-designers-checkbox-radio .type-of-work:last-of-type,.suggested-designers-overlay .message-designers-checkbox-radio .type-of-work:last-of-type {
    padding-right: 0
}

#contact-overlay .message-designers-checkbox-radio input[type="radio"],.suggested-designers-overlay .message-designers-checkbox-radio input[type="radio"] {
    display: none;
    width: 0;
    height: 0
}

#contact-overlay .message-designers-checkbox-radio fieldset label,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label {
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,0.25);
    border-radius: 6px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
    cursor: pointer;
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: 14px;
    font-weight: 400;
    height: 39px;
    -ms-flex-pack: start;
    justify-content: start;
    line-height: 39px;
    margin-right: 10px;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: background-color ease-in-out 0.2s;
    transition: background-color ease-in-out 0.2s;
    will-change: transform
}

#contact-overlay .message-designers-checkbox-radio fieldset label:hover,#contact-overlay .message-designers-checkbox-radio fieldset label:focus,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label:hover,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(68,68,68,0.1);
    box-shadow: 0 1px 1px rgba(68,68,68,0.1)
}

#contact-overlay .message-designers-checkbox-radio fieldset label:last-of-type,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label:last-of-type {
    margin-right: 0
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio fieldset label,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label {
        width:100%
    }
}

#contact-overlay .message-designers-checkbox-radio fieldset label:before,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#contact-overlay .message-designers-checkbox-radio fieldset label svg,.suggested-designers-overlay .message-designers-checkbox-radio fieldset label svg {
    fill: #ddd;
    width: 16px;
    height: 16px
}

#contact-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label,.suggested-designers-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label {
    background: #fff;
    border: 1px solid #7bbb5e;
    -webkit-box-shadow: 0 1px 2px rgba(68,68,68,0.1);
    box-shadow: 0 1px 2px rgba(68,68,68,0.1)
}

#contact-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label svg,.suggested-designers-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label svg {
    fill: #7bbb5e
}

#contact-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label.designer-not-looking,.suggested-designers-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label.designer-not-looking {
    border: 1px solid #E47B49
}

#contact-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label.designer-not-looking svg,.suggested-designers-overlay .message-designers-checkbox-radio input[type="radio"]:checked+label.designer-not-looking svg {
    fill: #E47B49
}

#contact-overlay .message-designers-checkbox-radio .message-work-type-label,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label {
    -webkit-animation: pop-in 0.1s;
    animation: pop-in 0.1s;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px rgba(68,68,68,0.1);
    box-shadow: 0px 1px 2px rgba(68,68,68,0.1);
    margin-top: 6px;
    padding: 10px 14px;
    position: absolute;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio .message-work-type-label,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label {
        margin-top:16px;
        padding: 10px
    }
}

#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn {
    background-color: rgba(58,139,187,0.05) !important;
    border: 1px solid rgba(58,139,187,0.5);
    color: #3a8bbb;
    padding: 8px 13px 9px;
    line-height: 15px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    font-size: 12px
}

#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn svg.icon path,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn svg.icon path {
    fill: rgba(58,139,187,0.75) !important
}

#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:hover,#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:focus,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:hover,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:focus {
    background-color: #3a8bbb !important;
    border: 1px solid #3a8bbb;
    color: #fff
}

#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:hover svg.icon path,#contact-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:focus svg.icon path,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:hover svg.icon path,.suggested-designers-overlay .message-designers-checkbox-radio .message-work-type-label .form-btn.link-btn:focus svg.icon path {
    fill: #fff !important
}

#contact-overlay .message-designers-checkbox-radio .compensation-block,.suggested-designers-overlay .message-designers-checkbox-radio .compensation-block {
    position: absolute;
    width: 100%;
    left: 0
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio .compensation-block,.suggested-designers-overlay .message-designers-checkbox-radio .compensation-block {
        position:static
    }
}

#contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fulltime"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fulltime"] .message-work-type-label::before {
    left: calc( 222px * 0.5 - 8px)
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fulltime"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fulltime"] .message-work-type-label::before {
        left:calc(50% - 8px)
    }
}

#contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fixed_rate"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fixed_rate"] .message-work-type-label::before {
    right: calc(222px * 0.5 - 8px);
    left: auto
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fixed_rate"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="fixed_rate"] .message-work-type-label::before {
        left:calc(50% - 8px)
    }
}

#contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="hourly"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="hourly"] .message-work-type-label::before {
    left: calc( 50% - 8px)
}

@media only screen and (max-width: 959px) {
    #contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="hourly"] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation="hourly"] .message-work-type-label::before {
        left:calc(50% - 8px)
    }
}

#contact-overlay .message-designers-checkbox-radio div[data-inquiry-compensation] .message-work-type-label::before,.suggested-designers-overlay .message-designers-checkbox-radio div[data-inquiry-compensation] .message-work-type-label::before {
    background: #fff;
    border-left: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top: 1px solid #ddd;
    content: "";
    height: 12px;
    position: absolute;
    top: -7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 12px;
    z-index: 1
}

#contact-overlay .messages-description-of-work,.suggested-designers-overlay .messages-description-of-work {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #ddd;
    padding-top: 16px
}

#contact-overlay .messages-description-of-work .form-field,.suggested-designers-overlay .messages-description-of-work .form-field {
    margin-bottom: 12px
}

#contact-overlay .messages-description-of-work .form-field fieldset,.suggested-designers-overlay .messages-description-of-work .form-field fieldset {
    padding-bottom: 0
}

#contact-overlay .messages-description-of-work .form-field label,.suggested-designers-overlay .messages-description-of-work .form-field label {
    margin: 0
}

#contact-overlay .messages-description-of-work .form-field textarea,#contact-overlay .messages-description-of-work .form-field .ql-container .ql-editor,.ql-container #contact-overlay .messages-description-of-work .form-field .ql-editor,.suggested-designers-overlay .messages-description-of-work .form-field textarea,.suggested-designers-overlay .messages-description-of-work .form-field .ql-container .ql-editor,.ql-container .suggested-designers-overlay .messages-description-of-work .form-field .ql-editor {
    height: 100px
}

#contact-overlay .messages-description-of-work .form-field textarea:focus,#contact-overlay .messages-description-of-work .form-field .ql-container .ql-editor:focus,.ql-container #contact-overlay .messages-description-of-work .form-field .ql-editor:focus,.suggested-designers-overlay .messages-description-of-work .form-field textarea:focus,.suggested-designers-overlay .messages-description-of-work .form-field .ql-container .ql-editor:focus,.ql-container .suggested-designers-overlay .messages-description-of-work .form-field .ql-editor:focus {
    background: #f4f4f4
}

#contact-overlay .messages-description-of-work svg,.suggested-designers-overlay .messages-description-of-work svg {
    fill: #757575
}

#contact-overlay .messages-description-of-work .message-btn,#contact-overlay .messages-description-of-work .cancel-btn,.suggested-designers-overlay .messages-description-of-work .message-btn,.suggested-designers-overlay .messages-description-of-work .cancel-btn {
    padding: 8px 13px 9px;
    line-height: 15px
}

#contact-overlay .messages-description-of-work .message-btn,.suggested-designers-overlay .messages-description-of-work .message-btn {
    background: #7bbb5e;
    color: white
}

#contact-overlay .messages-description-of-work .message-btn:hover,#contact-overlay .messages-description-of-work .message-btn:focus,.suggested-designers-overlay .messages-description-of-work .message-btn:hover,.suggested-designers-overlay .messages-description-of-work .message-btn:focus {
    background: #5b9540
}

#contact-overlay .message-designers-wrap,.suggested-designers-overlay .message-designers-wrap {
    border-radius: 10px;
    overflow: hidden
}

#contact-overlay .message-designers,.suggested-designers-overlay .message-designers {
    position: relative;
    height: 60vh;
    overflow-x: hidden;
    overflow-y: auto
}

@media only screen and (max-width: 460px) {
    #contact-overlay .message-designers,.suggested-designers-overlay .message-designers {
        height:calc(100vh - 175px)
    }
}

#contact-overlay .message-sent-successfully,.suggested-designers-overlay .message-sent-successfully {
    padding-top: 14px;
    padding-bottom: 14px
}

#contact-overlay .message-limit-hidden,.suggested-designers-overlay .message-limit-hidden {
    display: none
}

#contact-overlay .message-designers-hero,.suggested-designers-overlay .message-designers-hero {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#contact-overlay .message-designers-hero .back,.suggested-designers-overlay .message-designers-hero .back {
    padding: 9px 12px 9px
}

#contact-overlay .message-designers-hero .photo,.suggested-designers-overlay .message-designers-hero .photo {
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px #ddd;
    box-shadow: inset 0 0 0 2px #ddd;
    height: 52px;
    width: 52px
}

@media only screen and (max-width: 460px) {
    #contact-overlay .message-designers-hero .photo,.suggested-designers-overlay .message-designers-hero .photo {
        width:32px;
        height: 32px
    }
}

#contact-overlay .suggested-designers-submit,.suggested-designers-overlay .suggested-designers-submit {
    margin-bottom: 2px
}

#contact-overlay .suggested-designers-submit .message-btn[disabled],.suggested-designers-overlay .suggested-designers-submit .message-btn[disabled] {
    cursor: not-allowed
}

#contact-overlay .profile-message-header-contacted,.suggested-designers-overlay .profile-message-header-contacted {
    background: rgba(255,249,223,0.9);
    border-bottom: 1px solid #f7f7f7
}

#contact-overlay .profile-message-info,#contact-overlay .profile-message-availability,.suggested-designers-overlay .profile-message-info,.suggested-designers-overlay .profile-message-availability {
    padding: 4px 0
}

#contact-overlay .profile-message-availability svg,.suggested-designers-overlay .profile-message-availability svg {
    fill: #999
}

#contact-overlay .designer-compensation,.suggested-designers-overlay .designer-compensation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#contact-overlay .designer-compensation .not-looking,.suggested-designers-overlay .designer-compensation .not-looking {
    font-size: 13px
}

#contact-overlay .designer-compensation-range,.suggested-designers-overlay .designer-compensation-range {
    position: relative;
    padding-top: 2px;
    display: block
}

#contact-overlay .designer-compensation-range::after,.suggested-designers-overlay .designer-compensation-range::after {
    display: none;
    content: "";
    background-color: rgba(0,0,0,0.1);
    width: 24px;
    height: 1px;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -12px
}

#contact-overlay .designer-compensation-component.out-of-range,.suggested-designers-overlay .designer-compensation-component.out-of-range {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 690px) {
    #contact-overlay .designer-compensation,.suggested-designers-overlay .designer-compensation {
        -ms-flex-pack:center;
        justify-content: center;
        text-align: center
    }

    #contact-overlay .designer-compensation-component,.suggested-designers-overlay .designer-compensation-component {
        width: 100%
    }

    #contact-overlay .designer-compensation-component.out-of-range,.suggested-designers-overlay .designer-compensation-component.out-of-range {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #contact-overlay .designer-compensation-component h5,.suggested-designers-overlay .designer-compensation-component h5 {
        padding-top: 12px
    }

    #contact-overlay .suggested-designers-cta,.suggested-designers-overlay .suggested-designers-cta {
        margin-top: 10px
    }

    #contact-overlay .designer-compensation-range::after,.suggested-designers-overlay .designer-compensation-range::after {
        display: block
    }
}

@media only screen and (max-width: 460px) {
    #contact-overlay .suggested-designers-list,.suggested-designers-overlay .suggested-designers-list {
        padding:0 20px 20px 20px
    }
}

#contact-overlay .suggested-designer-row,.suggested-designers-overlay .suggested-designer-row {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(68,68,68,0.1);
    box-shadow: 0 1px 1px rgba(68,68,68,0.1);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    width: 700px
}

#contact-overlay .suggested-designer-row:last-of-type,.suggested-designers-overlay .suggested-designer-row:last-of-type {
    margin-bottom: 0
}

#contact-overlay .suggested-designer-row:after,.suggested-designers-overlay .suggested-designer-row:after {
    content: "";
    position: absolute;
    background: #dddddd;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ddd), color-stop(50%, rgba(58,139,187,0.75)));
    background: linear-gradient(to left, #ddd 50%, rgba(58,139,187,0.75) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%
}

#contact-overlay .suggested-designer-row:hover .designer-option-label label,#contact-overlay .suggested-designer-row:focus .designer-option-label label,.suggested-designers-overlay .suggested-designer-row:hover .designer-option-label label,.suggested-designers-overlay .suggested-designer-row:focus .designer-option-label label {
    color: #3a8bbb;
    background: rgba(58,139,187,0.1);
    border-color: rgba(30,97,137,0.1);
    -webkit-box-shadow: inset 0 0 0 1px rgba(58,139,187,0.5);
    box-shadow: inset 0 0 0 1px rgba(58,139,187,0.5)
}

#contact-overlay .suggested-designer-row:hover .designer-option-label label::before,#contact-overlay .suggested-designer-row:focus .designer-option-label label::before,.suggested-designers-overlay .suggested-designer-row:hover .designer-option-label label::before,.suggested-designers-overlay .suggested-designer-row:focus .designer-option-label label::before {
    border-color: rgba(58,139,187,0.5);
    background: white
}

#contact-overlay .suggested-designer-row.selected-designer::after,.suggested-designers-overlay .suggested-designer-row.selected-designer::after {
    background-position: left bottom;
    background: rgba(58,139,187,0.75);
    height: 2px
}

#contact-overlay .suggestions-heading,.suggested-designers-overlay .suggestions-heading {
    max-width: 400px
}

#contact-overlay .suggested-designer-thumbs,.suggested-designers-overlay .suggested-designer-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

#contact-overlay .suggested-designer-thumbs .thumb,.suggested-designers-overlay .suggested-designer-thumbs .thumb {
    width: auto;
    padding-right: 3px
}

#contact-overlay .suggested-designer-thumbs .thumb:first-of-type img,.suggested-designers-overlay .suggested-designer-thumbs .thumb:first-of-type img {
    border-top-left-radius: 3px
}

#contact-overlay .suggested-designer-thumbs .thumb:last-of-type,.suggested-designers-overlay .suggested-designer-thumbs .thumb:last-of-type {
    padding-right: 0
}

#contact-overlay .suggested-designer-thumbs .thumb:last-of-type img,.suggested-designers-overlay .suggested-designer-thumbs .thumb:last-of-type img {
    border-top-right-radius: 3px
}

#contact-overlay .suggested-designer-thumbs .thumb img,.suggested-designers-overlay .suggested-designer-thumbs .thumb img {
    width: 113px;
    height: auto
}

#contact-overlay .suggested-designer-actions-row,.suggested-designers-overlay .suggested-designer-actions-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#contact-overlay .suggested-designer-actions-row .designer-item,#contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-item,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
    width: 33.3333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#contact-overlay .suggested-designer-actions-row .designer-item,.suggested-designers-overlay .suggested-designer-actions-row .designer-item {
    padding-top: 10px
}

#contact-overlay .suggested-designer-actions-row .designer-item:first-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:first-of-type {
    -ms-flex-order: 1;
    order: 1
}

#contact-overlay .suggested-designer-actions-row .designer-item:last-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:last-of-type {
    -ms-flex-order: 3;
    order: 3;
    text-align: right
}

#contact-overlay .suggested-designer-actions-row .designer-item h4.text-small-caps,.suggested-designers-overlay .suggested-designer-actions-row .designer-item h4.text-small-caps {
    padding-bottom: 2px
}

#contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -17.5px;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    top: -40px
}

#contact-overlay .suggested-designer-actions-row .designer-info h3,.suggested-designers-overlay .suggested-designer-actions-row .designer-info h3 {
    margin-bottom: 0
}

#contact-overlay .suggested-designer-actions-row .designer-info .photo,.suggested-designers-overlay .suggested-designer-actions-row .designer-info .photo {
    background: white;
    border-radius: 50%;
    border: 3px solid white;
    display: block;
    height: 60px;
    width: 60px
}

#contact-overlay .designer-recipient-card,.suggested-designers-overlay .designer-recipient-card {
    width: 220px;
    padding: 10px 0 16px 0
}

#contact-overlay .designer-recipient-card .designer-recipient-card-content,.suggested-designers-overlay .designer-recipient-card .designer-recipient-card-content {
    position: relative;
    top: -24px;
    margin-bottom: -24px;
    text-align: center
}

#contact-overlay .designer-recipient-card .photo,.suggested-designers-overlay .designer-recipient-card .photo {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

@media (max-width: 768px) {
    #contact-overlay .suggested-designers-header-heading,.suggested-designers-overlay .suggested-designers-header-heading {
        font-size:16px
    }

    #contact-overlay .designer-recipient-card,.suggested-designers-overlay .designer-recipient-card {
        width: 100%;
        margin-bottom: 30px
    }
}

@media (max-width: 749px) {
    #contact-overlay .suggested-designer-row,.suggested-designers-overlay .suggested-designer-row {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 5px 20px 5px
    }

    #contact-overlay .suggested-designer-thumbs,.suggested-designers-overlay .suggested-designer-thumbs {
        -ms-flex-order: 2;
        order: 2;
        max-width: 350px
    }

    #contact-overlay .suggested-designer-thumbs .thumb,.suggested-designers-overlay .suggested-designer-thumbs .thumb {
        padding: 2px
    }

    #contact-overlay .suggested-designer-actions-row,.suggested-designers-overlay .suggested-designer-actions-row {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #contact-overlay .suggested-designer-actions-row .designer-item,#contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-item,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
        display: block;
        text-align: center;
        width: 100%
    }

    #contact-overlay .suggested-designer-actions-row .designer-item span,#contact-overlay .suggested-designer-actions-row .designer-info span,.suggested-designers-overlay .suggested-designer-actions-row .designer-item span,.suggested-designers-overlay .suggested-designer-actions-row .designer-info span {
        font-size: 13px
    }

    #contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
        -ms-flex-order: 1;
        order: 1;
        top: 0;
        margin-bottom: 8px
    }

    #contact-overlay .suggested-designer-actions-row .designer-info h3,.suggested-designers-overlay .suggested-designer-actions-row .designer-info h3 {
        margin-bottom: 0
    }

    #contact-overlay .suggested-designer-actions-row .designer-info .photo,.suggested-designers-overlay .suggested-designer-actions-row .designer-info .photo {
        margin: 0 auto;
        width: 42px;
        height: 42px
    }

    #contact-overlay .suggested-designer-actions-row .designer-item:first-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:first-of-type {
        -ms-flex-order: 3;
        order: 3
    }

    #contact-overlay .suggested-designer-actions-row .designer-item:last-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:last-of-type {
        -ms-flex-order: 2;
        order: 2;
        text-align: center
    }
}

@media (max-width: 632px) {
    #contact-overlay .suggested-designer-row,.suggested-designers-overlay .suggested-designer-row {
        max-width:320px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #contact-overlay .suggested-designer-actions-row,.suggested-designers-overlay .suggested-designer-actions-row {
        width: 100%
    }

    #contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
        margin-bottom: -24px;
        top: -38px
    }

    #contact-overlay .suggested-designer-actions-row .designer-info .photo,.suggested-designers-overlay .suggested-designer-actions-row .designer-info .photo {
        margin: 0 auto;
        width: 64px;
        height: 64px
    }

    #contact-overlay .suggested-designer-actions-row .designer-item span,#contact-overlay .suggested-designer-actions-row .designer-info span,.suggested-designers-overlay .suggested-designer-actions-row .designer-item span,.suggested-designers-overlay .suggested-designer-actions-row .designer-info span {
        font-size: 14px
    }

    #contact-overlay .suggested-designer-thumbs,.suggested-designers-overlay .suggested-designer-thumbs {
        -ms-flex-order: 1;
        order: 1
    }

    #contact-overlay .suggested-designers-header-edit,.suggested-designers-overlay .suggested-designers-header-edit {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 1;
        flex: 1
    }

    #contact-overlay .suggested-designers-header-heading,.suggested-designers-overlay .suggested-designers-header-heading {
        -ms-flex: none;
        flex: none;
        display: block;
        -ms-flex-order: 4;
        order: 4;
        font-size: 18px;
        width: 100%;
        padding-top: 10px
    }

    #contact-overlay .suggested-designer-thumbs .thumb,.suggested-designers-overlay .suggested-designer-thumbs .thumb {
        width: calc(33.33333% - 4px);
        margin-bottom: -2px;
        padding: 2px
    }

    #contact-overlay .suggested-designer-thumbs .thumb img,.suggested-designers-overlay .suggested-designer-thumbs .thumb img {
        max-width: 100%
    }

    #contact-overlay .suggested-designer-actions-row,.suggested-designers-overlay .suggested-designer-actions-row {
        -ms-flex-pack: center;
        justify-content: center
    }

    #contact-overlay .suggested-designer-actions-row .designer-item,#contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-item,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
        width: 100%
    }

    #contact-overlay .suggested-designer-actions-row .designer-info,.suggested-designers-overlay .suggested-designer-actions-row .designer-info {
        -ms-flex-order: 1;
        order: 1
    }

    #contact-overlay .suggested-designer-actions-row .designer-item,.suggested-designers-overlay .suggested-designer-actions-row .designer-item {
        padding-top: 0
    }

    #contact-overlay .suggested-designer-actions-row .designer-item:first-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:first-of-type {
        -ms-flex-order: 3;
        order: 3
    }

    #contact-overlay .suggested-designer-actions-row .designer-item:last-of-type,.suggested-designers-overlay .suggested-designer-actions-row .designer-item:last-of-type {
        -ms-flex-order: 2;
        order: 2;
        text-align: center
    }
}

.message-sent-successfully {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scale-in-bottom {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: scale-in-bottom;
    animation-name: scale-in-bottom
}

@-webkit-keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale3d(0) translateZ(0);
        transform: scale3d(0) translateZ(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: scale3d(1) translateZ(0);
        transform: scale3d(1) translateZ(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale3d(0) translateZ(0);
        transform: scale3d(0) translateZ(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: scale3d(1) translateZ(0);
        transform: scale3d(1) translateZ(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

div.message {
    float: left;
    color: #757575
}

div.message h2 {
    margin: 0 0 4px 0;
    font-size: 1.2em
}

div.message p {
    font-size: 1.2em
}

form.gen-form {
    margin-top: 20px
}

@media only screen and (max-width: 959px) {
    form.gen-form {
        margin-top:10px
    }
}

form.gen-form fieldset {
    margin: 0;
    padding: 8px 0;
    position: relative
}

form.gen-form fieldset.small input[type=text] {
    width: 85px
}

form.gen-form fieldset.single-row input[type=text] {
    width: 50%
}

@media only screen and (max-width: 800px) {
    form.gen-form fieldset.single-row input[type=text] {
        width:70%
    }
}

form.gen-form fieldset input[type=text],form.gen-form fieldset input[type=search],form.gen-form fieldset input[type=password],form.gen-form fieldset input[type=email],form.gen-form fieldset input[type=url],form.gen-form fieldset input[type=tel],form.gen-form fieldset textarea,form.gen-form fieldset .ql-container .ql-editor,.ql-container form.gen-form fieldset .ql-editor {
    width: 100%;
    padding: 10px 12px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    border: none;
    background: rgba(0,0,0,0.07);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.gen-form fieldset input[type=text]:focus,form.gen-form fieldset input[type=search]:focus,form.gen-form fieldset input[type=password]:focus,form.gen-form fieldset input[type=email]:focus,form.gen-form fieldset input[type=url]:focus,form.gen-form fieldset input[type=tel]:focus,form.gen-form fieldset textarea:focus,form.gen-form fieldset .ql-container .ql-editor:focus,.ql-container form.gen-form fieldset .ql-editor:focus {
    background: #fff;
    outline-width: 0
}

form.gen-form fieldset input[type=text].placeholder,form.gen-form fieldset input[type=search].placeholder,form.gen-form fieldset input[type=password].placeholder,form.gen-form fieldset input[type=email].placeholder,form.gen-form fieldset input[type=url].placeholder,form.gen-form fieldset input[type=tel].placeholder,form.gen-form fieldset textarea.placeholder,form.gen-form fieldset .ql-container .placeholder.ql-editor,.ql-container form.gen-form fieldset .placeholder.ql-editor {
    color: #a1a1a1
}

form.gen-form fieldset input[type=text]:-moz-placeholder,form.gen-form fieldset input[type=search]:-moz-placeholder,form.gen-form fieldset input[type=password]:-moz-placeholder,form.gen-form fieldset input[type=email]:-moz-placeholder,form.gen-form fieldset input[type=url]:-moz-placeholder,form.gen-form fieldset input[type=tel]:-moz-placeholder,form.gen-form fieldset textarea:-moz-placeholder,form.gen-form fieldset .ql-container .ql-editor:-moz-placeholder,.ql-container form.gen-form fieldset .ql-editor:-moz-placeholder {
    color: #a1a1a1
}

form.gen-form fieldset input[type=text]::-moz-placeholder,form.gen-form fieldset input[type=search]::-moz-placeholder,form.gen-form fieldset input[type=password]::-moz-placeholder,form.gen-form fieldset input[type=email]::-moz-placeholder,form.gen-form fieldset input[type=url]::-moz-placeholder,form.gen-form fieldset input[type=tel]::-moz-placeholder,form.gen-form fieldset textarea::-moz-placeholder,form.gen-form fieldset .ql-container .ql-editor::-moz-placeholder,.ql-container form.gen-form fieldset .ql-editor::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1
}

form.gen-form fieldset input[type=text]::-webkit-input-placeholder,form.gen-form fieldset input[type=search]::-webkit-input-placeholder,form.gen-form fieldset input[type=password]::-webkit-input-placeholder,form.gen-form fieldset input[type=email]::-webkit-input-placeholder,form.gen-form fieldset input[type=url]::-webkit-input-placeholder,form.gen-form fieldset input[type=tel]::-webkit-input-placeholder,form.gen-form fieldset textarea::-webkit-input-placeholder,form.gen-form fieldset .ql-container .ql-editor::-webkit-input-placeholder,.ql-container form.gen-form fieldset .ql-editor::-webkit-input-placeholder {
    color: #a1a1a1
}

form.gen-form fieldset input[type=text],form.gen-form fieldset input[type=search],form.gen-form fieldset input[type=password],form.gen-form fieldset input[type=email],form.gen-form fieldset input[type=url],form.gen-form fieldset input[type=tel] {
    font-size: 16px;
    background: rgba(0,0,0,0.07);
    vertical-align: middle
}

form.gen-form fieldset input[type=checkbox] {
    margin: 0 4px 0 0
}

form.gen-form fieldset input[type=radio] {
    margin: -1px 4px 0 0
}

form.gen-form fieldset input[type=search] {
    -webkit-appearance: none
}

form.gen-form fieldset textarea,form.gen-form fieldset .ql-container .ql-editor,.ql-container form.gen-form fieldset .ql-editor {
    height: 110px;
    font-size: 14px;
    line-height: 1.5;
    display: block
}

form.gen-form fieldset textarea.shot-description,form.gen-form fieldset .ql-container .shot-description.ql-editor,.ql-container form.gen-form fieldset .shot-description.ql-editor {
    height: 138px
}

body.on-team form.gen-form fieldset textarea.shot-description,body.on-team form.gen-form fieldset .ql-container .shot-description.ql-editor,.ql-container body.on-team form.gen-form fieldset .shot-description.ql-editor {
    height: 110px
}

@media only screen and (max-width: 460px) {
    form.gen-form fieldset textarea.shot-description,form.gen-form fieldset .ql-container .shot-description.ql-editor,.ql-container form.gen-form fieldset .shot-description.ql-editor {
        font-size:16px
    }
}

form.gen-form label {
    display: block;
    margin: 5px 0;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500
}

form.gen-form label strong {
    font-weight: 500
}

form.gen-form label strong em {
    margin-left: 4px;
    font-weight: normal;
    font-style: normal;
    color: #999
}

form.gen-form label span {
    margin-right: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #999
}

form.gen-form label img {
    margin-left: 2px;
    position: relative;
    top: 3px
}

form.gen-form label img.avatar {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 0 2px 0 0
}

form.gen-form label.remember {
    display: inline;
    font-size: 1.2em;
    font-weight: normal
}

form.gen-form label.required::after {
    color: #9b569b;
    content: "*";
    display: inline-block;
    font-size: 14px;
    padding-left: 4px;
    position: relative
}

form.gen-form div.horiz-select-input fieldset {
    overflow: hidden;
    margin-bottom: 10px
}

form.gen-form div.horiz-select-input select {
    width: 150px;
    margin-right: 10px;
    float: left
}

form.gen-form div.horiz-select-input input[type=text] {
    width: 300px;
    float: left
}

@media only screen and (min-width: 960px) {
    form.gen-form div.horiz-labeled-input fieldset {
        overflow:hidden;
        margin-bottom: 10px
    }

    form.gen-form div.horiz-labeled-input label.outlined {
        border: 1px solid #bbb;
        border-right: 0;
        border-radius: 6px 0 0 6px;
        color: #757575;
        float: left;
        font-size: 13px;
        font-weight: 500;
        height: 20px;
        letter-spacing: .04em;
        margin: 0 -1px 0 0;
        padding: 10px 15px;
        width: 100px
    }

    form.gen-form div.horiz-labeled-input input[type=text] {
        border: 1px solid #bbb;
        border-radius: 0 6px 6px 0;
        float: left;
        font-size: 12px;
        height: 42px;
        width: 300px
    }
}

form.gen-form div.horiz-hidden-input {
    margin-top: 10px
}

form.gen-form div.horiz-hidden-input label.outlined {
    border: 1px solid #bbb;
    border-radius: 6px 0 0 6px !important;
    color: #444;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -1px 0 0;
    padding: 3px 10px !important;
    min-width: 158px
}

form.gen-form div.horiz-hidden-input label.outlined:hover {
    border-color: #bbb !important
}

@media only screen and (max-width: 800px) {
    form.gen-form div.horiz-hidden-input label.outlined {
        float:none;
        display: block;
        width: 100%;
        border-radius: 6px 6px 0 0 !important;
        border-bottom-width: 0 !important
    }
}

form.gen-form div.horiz-hidden-input label.short {
    width: 120px
}

form.gen-form div.horiz-hidden-input label>span {
    color: #999;
    font-size: 11px !important;
    margin: 1px 0 0 5px !important
}

form.gen-form div.horiz-hidden-input.location {
    position: absolute;
    top: 30px;
    width: calc(100% - 50px);
    left: 30px
}

form.gen-form div.horiz-hidden-input input[type=text] {
    border-radius: 0 6px 6px 0;
    float: left;
    height: 28px;
    max-width: 60%;
    border: 1px solid #bbb
}

@media only screen and (max-width: 800px) {
    form.gen-form div.horiz-hidden-input input[type=text] {
        float:none;
        display: block;
        width: 100%;
        max-width: 100%;
        border-radius: 0 0 6px 6px
    }
}

form.gen-form div.horiz-hidden-input input[name="job[location]"] {
    font-size: 12px
}

form.gen-form div.horiz-hidden-input input[name="job[url]"] {
    margin-top: 5px
}

form.gen-form #job-location label.selected {
    height: 70px
}

@media only screen and (max-width: 800px) {
    form.gen-form #job-location label.selected {
        height:100px
    }
}

form.gen-form div#upload.empty,form.gen-form div#upload img {
    background-color: #f4f4f4;
    border: 1px solid #bbb;
    border-radius: 6px;
    cursor: pointer
}

form.gen-form div#upload p {
    text-align: center;
    padding: 10px
}

form.gen-form div#upload img {
    max-width: 100%;
    max-height: 400px
}

form.gen-form textarea[name="job[description]"],form.gen-form .ql-container .ql-editor[name="job[description]"],.ql-container form.gen-form .ql-editor[name="job[description]"] {
    height: 250px
}

form.gen-form fieldset.organization-name-field img {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: absolute;
    top: 44px;
    left: 10px
}

form.gen-form #job-team-options>label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px
}

form.gen-form #job-team-options>label>img {
    margin-right: 8px
}

form.gen-form .invisible-btn {
    background-color: rgba(47,47,47,0.98);
    border: 0;
    color: #fff;
    font-size: 14px
}

form.gen-form .preview-btns {
    margin-top: -9px
}

form.gen-form div.check-wrap.outlined fieldset {
    padding: 0
}

form.gen-form div.check-wrap.outlined fieldset label {
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 6px 12px 6px 30px;
    cursor: pointer
}

form.gen-form div.check-wrap.outlined fieldset label.selected {
    background-color: white;
    border: 1px solid #3a8bbb
}

form.gen-form div.check-wrap.outlined fieldset label:hover {
    background-color: white;
    border: 1px solid #5ca2cc
}

form.gen-form div.check-wrap fieldset {
    padding: 0 0 0 20px;
    border: none
}

form.gen-form div.check-wrap fieldset input {
    float: left
}

form.gen-form div.check-wrap fieldset input[type=radio] {
    margin: 4px 8px 0 -20px
}

form.gen-form div.check-wrap fieldset input[type=checkbox] {
    margin: 5px 8px 0 -20px
}

form.gen-form div.check-wrap fieldset img.photo {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    float: left;
    margin-top: -1px;
    margin-right: 6px
}

form.gen-form div.check-wrap fieldset label {
    width: auto;
    font-size: 14px;
    font-weight: normal
}

form.gen-form div.check-wrap fieldset label a {
    font-weight: 500
}

form.gen-form div.check-wrap fieldset label span {
    font-size: 13px;
    line-height: 1
}

form.gen-form div.check-wrap.opt-in {
    text-align: left;
    color: #999
}

form.gen-form div.check-wrap.opt-in label {
    font-size: 13px
}

form.gen-form div.check-wrap.opt-in a {
    font-weight: 500;
    color: #757575
}

form.gen-form div.check-wrap.opt-in a:hover {
    color: #444
}

form.gen-form p.message {
    margin: 4px 0 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #999
}

form.gen-form p.message:last-of-type {
    margin-bottom: 0
}

form.gen-form p.message strong {
    font-weight: 500;
    color: #666
}

form.gen-form p.message code {
    font-family: Monaco, monospace;
    font-size: 1.1em
}

form.gen-form p.message.intro {
    color: #444;
    margin-bottom: 10px
}

form.gen-form p.message.intro strong {
    color: #444
}

form.gen-form p.message.videos-pros-or-teams-only {
    margin-top: -10px
}

form.gen-form p.password-message {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    margin-top: 15px
}

form.gen-form div.captcha-not-loaded {
    display: none;
    background-position: 0 7px
}

form.gen-form div.form-btns {
    padding: 10px 0
}

form.gen-form div.form-btns .form-btn,form.gen-form div.form-btns .form-sub,form.gen-form div.form-btns .btn-talent-application {
    margin-left: 3px
}

form.gen-form div.form-btns .form-btn:first-child,form.gen-form div.form-btns .form-sub:first-child,form.gen-form div.form-btns .btn-talent-application:first-child {
    margin-left: 0
}

textarea,.ql-container .ql-editor {
    resize: vertical;
    min-height: 39px
}

select {
    padding: 10px 25px 11px 10px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #999;
    border: 1px solid #bbb;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 10px 6px;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="9.419" y1="0.469661" x2="4.46925" y2="5.41941" stroke="%23999" stroke-width="1.5"/><line x1="5.53022" y1="5.4194" x2="0.580469" y2="0.469651" stroke="%23999" stroke-width="1.5"/></svg>');
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.select-mini {
    font-size: 12px;
    padding: 2px 25px 2px 0;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2;
    color: #444;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 10px 6px;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="9.419" y1="0.469661" x2="4.46925" y2="5.41941" stroke="%23444" stroke-width="1.5"/><line x1="5.53022" y1="5.4194" x2="0.580469" y2="0.469651" stroke="%23444" stroke-width="1.5"/></svg>');
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.payment-and-price .price-table {
    float: right
}

@media only screen and (max-width: 800px) {
    .payment-and-price .price-table {
        float:none
    }
}

.payment-and-price table.data tr {
    border-bottom: 1px solid #ddd
}

.payment-and-price table.data tr.total {
    border: none
}

.payment-and-price table.data tr th.num {
    text-align: right
}

.payment-and-price .purchase-pro .price-table {
    display: none
}

.pro-option {
    position: relative
}

.pro-option .save-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ea4c89;
    border: 1px solid #ea4c89;
    font-weight: 700;
    font-size: 10px;
    border-radius: 20px;
    padding: 2px 8px 3px
}

.pro-option button.form-btn.outlined {
    color: #53c68c;
    -webkit-box-shadow: 0px 0px 0px 1px #53c68c inset;
    box-shadow: 0px 0px 0px 1px #53c68c inset;
    width: 100%;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.pro-option button.form-btn.outlined:hover,.pro-option button.form-btn.outlined:active {
    background-color: #53c68c;
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pro-option.selected {
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.pro-option.selected button.form-btn.outlined {
    background-color: #53c68c;
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pro-option.selected button.form-btn.outlined:hover,.pro-option.selected button.form-btn.outlined:active {
    background-color: #3ebc7d
}

.pro-order-summary .annual,.pro-order-summary .monthly {
    display: none
}

.pro-order-summary .annual.selected,.pro-order-summary .monthly.selected {
    display: block
}

.pro-order-summary span {
    padding: 0 2px;
    margin: 0 2px
}

.pro-order-summary .strike {
    position: relative
}

.pro-order-summary .strike:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    background-color: #bbb;
    top: 50%
}

form.with-messages div.form-field {
    margin: 0;
    padding: 8px 0;
    position: relative
}

form.with-messages div.form-field span.counter {
    position: absolute;
    top: 12px;
    right: 0
}

form.with-messages div.form-field:first-of-type {
    padding-top: 0
}

form.with-messages div.form-field:first-of-type label:first-child {
    margin-top: 0
}

form.with-messages div.form-field:first-of-type.check-wrap label:first-child {
    margin-top: 5px
}

form.with-messages div.form-field:first-of-type span.counter {
    top: 7px
}

form.with-messages div.form-field.custom-text {
    display: none
}

form.with-messages div.form-field.custom-text textarea,form.with-messages div.form-field.custom-text .ql-container .ql-editor,.ql-container form.with-messages div.form-field.custom-text .ql-editor {
    height: 65px
}

form.with-messages div.form-field.settings {
    float: left
}

form.with-messages div.form-field.publish-time {
    float: right
}

form.with-messages div.form-field.settings,form.with-messages div.form-field.publish-time {
    width: 48%
}

@media only screen and (max-width: 739px) {
    form.with-messages div.form-field.settings,form.with-messages div.form-field.publish-time {
        float:none;
        width: auto
    }
}

form.with-messages div.form-field.team fieldset label,form.with-messages div.form-field.settings fieldset label,form.with-messages div.form-field.publish-time fieldset label {
    display: block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 4px
}

form.with-messages div.form-field.wysiwyg textarea,form.with-messages div.form-field.wysiwyg .ql-container .ql-editor,.ql-container form.with-messages div.form-field.wysiwyg .ql-editor {
    border-radius: 0 0 6px 6px
}

form.with-messages div.form-field .message {
    padding-bottom: 10px
}

form.with-messages div.form-field div.friendly {
    font-size: 1em;
    margin: 15px 0 0 0
}

form.with-messages fieldset {
    margin: 0;
    padding: 0
}

.select-team img {
    width: 16px;
    border-radius: 50%;
    margin-right: 2px
}

div.check-strip input[type=radio] {
    display: none
}

div.check-strip fieldset label {
    float: left;
    border: 1px solid #bbb;
    color: #757575;
    padding: 10px 15px;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: .02em;
    font-weight: 500;
    margin: 0 -1px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 959px) {
    div.check-strip fieldset label {
        float:none;
        margin: 0 0 -1px 0;
        display: block
    }
}

div.check-strip fieldset label:hover {
    color: #444;
    background-color: #fafafa
}

div.check-strip fieldset label.selected {
    background-color: #ea4c89;
    color: white;
    border-color: #ea4c89;
    z-index: 1;
    position: relative
}

div.check-strip fieldset label.selected+label.selected {
    border-left-color: #f5a7c5
}

@media only screen and (max-width: 959px) {
    div.check-strip fieldset label.selected+label.selected {
        border-left-color:#ea4c89;
        border-top-color: #f5a7c5
    }
}

div.check-strip fieldset label:first-of-type {
    border-radius: 6px 0 0 6px
}

@media only screen and (max-width: 959px) {
    div.check-strip fieldset label:first-of-type {
        border-radius:6px 6px 0 0
    }
}

div.check-strip fieldset label:last-of-type {
    border-radius: 0 6px 6px 0
}

@media only screen and (max-width: 959px) {
    div.check-strip fieldset label:last-of-type {
        border-radius:0 0 6px 6px
    }
}

.resizable-select .resizing-select {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.resizable-select .sizer-select {
    display: none
}

form.flush {
    margin-top: 0
}

form#invite-form {
    margin-bottom: 40px
}

#email-form form.gen-form label {
    text-align: center
}

#email-form form.gen-form input[type=text] {
    display: block;
    margin: 0 auto 8px;
    text-align: center
}

form span.or {
    margin: 0 4px;
    font-weight: bold;
    color: #757575
}

div.google-connection h4,div.figma-connection h4 {
    display: block;
    margin: 5px 0 0;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500
}

div.google-connection div.connection,div.figma-connection div.connection {
    margin-top: 5px
}

div.connection {
    margin: 15px 0 0 0
}

div.form-field.col-half-right {
    margin-top: -13px !important
}

.ui-autocomplete.ui-menu {
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background: rgba(47,47,47,0.98);
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-top: -3px;
    padding: 6px 0;
    position: absolute;
    width: 172px;
    z-index: 9998
}

.ui-autocomplete.ui-menu:focus {
    outline: none
}

.ui-autocomplete.ui-menu a {
    display: block;
    font-size: 14px;
    padding: 5px 15px;
    color: #999;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ui-autocomplete.ui-menu a img {
    float: left;
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;
    border-radius: 50%;
    opacity: .8
}

.ui-autocomplete.ui-menu a strong {
    color: #bbb
}

.ui-autocomplete.ui-menu li.title {
    padding: 9px 15px 5px;
    margin-top: 2px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 500;
    color: #bbb;
    border-top: 1px solid rgba(255,255,255,0.15)
}

.ui-autocomplete.ui-menu li.title:first-of-type {
    border-top: none;
    padding-top: 0
}

.ui-autocomplete.ui-menu li.place a img {
    width: 13px;
    margin-left: 3px;
    margin-right: 8px
}

.ui-autocomplete.ui-menu li.more a {
    font-size: 12px;
    color: #757575
}

.ui-autocomplete.ui-menu li.more a.ui-state-hover,.ui-autocomplete.ui-menu li.more a.ui-state-focus,.ui-autocomplete.ui-menu li.more a.ui-state-active,.ui-autocomplete.ui-menu li.more a:hover {
    color: #bbb
}

.ui-autocomplete.ui-menu li.shot a img {
    width: 52px;
    height: 39px;
    margin-right: 10px;
    border-radius: 2px
}

.ui-autocomplete.ui-menu li.shot span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ui-autocomplete.ui-menu li.shot span.title {
    font-weight: 500
}

.ui-autocomplete.ui-menu li.shot span.name {
    margin-top: 2px;
    font-size: 12px;
    color: #757575
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active,.ui-autocomplete.ui-menu li a:hover {
    color: #bbb;
    background: rgba(255,255,255,0.1)
}

.ui-menu .ui-menu-item a.ui-state-hover img,.ui-menu .ui-menu-item a.ui-state-focus img,.ui-menu .ui-menu-item a.ui-state-active img,.ui-autocomplete.ui-menu li a:hover img {
    opacity: 1
}

.ui-menu .ui-menu-item a.ui-state-hover strong,.ui-menu .ui-menu-item a.ui-state-focus strong,.ui-menu .ui-menu-item a.ui-state-active strong,.ui-autocomplete.ui-menu li a:hover strong {
    color: #fff
}

.ui-helper-hidden-accessible {
    display: none
}

span.counter {
    font-size: 12px;
    font-weight: bold;
    color: #999
}

span.counter.warning {
    color: #ea4c89
}

span.counter.exceeded {
    padding: 1px 4px;
    color: #fff;
    background: #f55;
    border-radius: 3px
}

div.loading-more .rate-limited {
    font-size: 14px;
    color: #bbb
}

div.loading-more .rate-limited a {
    display: inline-block;
    color: #757575
}

.notice-btn {
    margin-left: 15px;
    text-decoration: none !important
}

#avatar-preview {
    margin-bottom: 10px;
    padding-left: 100px;
    position: relative;
    min-height: 80px
}

#avatar-preview a.edit-avatar {
    margin: 22px 10px 10px 0
}

#avatar-preview input.delete-avatar {
    margin: 22px 0 10px 0
}

#avatar-preview form#delete-avatar-form img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

#avatar-preview noscript {
    clear: both;
    display: block
}

#avatar-preview #edit-avatar-link,#avatar-preview #delete-avatar-button {
    display: none
}

#avatar-preview a.edit-text {
    margin-right: 5px
}

#avatar-preview p {
    padding: 8px 0;
    font-size: 12px;
    color: #999
}

@media only screen and (max-width: 800px) {
    #avatar-preview {
        margin-left:0;
        margin-right: 0
    }
}

#avatar-preview-prefilled img {
    float: left;
    margin-right: 10px;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

a.auth-top {
    display: inline-block;
    float: none;
    margin: 0
}

div.signup-intro {
    text-align: center
}

div.signup-intro h2 {
    font-size: 26px;
    margin-bottom: 5px
}

div.signup-intro h3 {
    font-size: 18px;
    font-weight: normal;
    color: #757575;
    margin-bottom: 30px
}

div.signup-social {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 959px) {
    div.signup-social {
        display:block
    }
}

div.signup-social span {
    margin-top: 10px;
    display: block
}

div.signup-social a {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    margin-bottom: 20px
}

@media only screen and (max-width: 959px) {
    div.signup-social a {
        width:100%
    }
}

.sign-up-below {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #999
}

div.grecaptcha-badge {
    float: right
}

.captcha-page div.grecaptcha-badge {
    float: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    div.grecaptcha-badge {
        float:none;
        margin-bottom: 20px
    }
}

div.edit-form {
    float: right;
    width: 440px;
    margin-bottom: 25px
}

@media only screen and (max-width: 980px) {
    div.edit-form {
        clear:left;
        float: none;
        width: auto
    }
}

div#schedule-overlay div.form-field {
    padding-top: 0
}

div#schedule-overlay .choose-date-and-time {
    display: none;
    margin-bottom: 8px
}

div.good-form {
    margin-bottom: 20px
}

div.pro-prompt {
    position: relative;
    margin-bottom: 10px
}

div.project-or-buy div.project,div.project-or-buy div.for-sale {
    width: 48%;
    position: relative
}

div.project-or-buy div.project {
    float: left
}

div.project-or-buy div.for-sale {
    float: right
}

a.prompt-link,div.project a.add-to-project,div.project a.in-project,div.for-sale a.make-for-sale,div.for-sale a.for-sale {
    display: block;
    padding: 12px 12px 14px 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999;
    border: 1px solid #bbb;
    border-radius: 4px
}

a.prompt-link em,div.project a.add-to-project em,div.project a.in-project em,div.for-sale a.make-for-sale em,div.for-sale a.for-sale em {
    font-style: normal;
    font-weight: normal;
    color: #999
}

a.prompt-link img,div.project a.add-to-project img,div.project a.in-project img,div.for-sale a.make-for-sale img,div.for-sale a.for-sale img {
    position: relative;
    top: 3px;
    width: 16px;
    margin: 0 5px 0 0;
    opacity: .37
}

a.prompt-link:hover,div.project a.add-to-project:hover,div.project a.in-project:hover,div.for-sale a.make-for-sale:hover,div.for-sale a.for-sale:hover {
    color: #444;
    background: rgba(255,255,255,0.6)
}

a.prompt-link:hover img,div.project a.add-to-project:hover img,div.project a.in-project:hover img,div.for-sale a.make-for-sale:hover img,div.for-sale a.for-sale:hover img {
    opacity: .72
}

a.prompt-link {
    color: #444;
    background: rgba(255,255,255,0.6)
}

a.prompt-link span.badge {
    margin-right: 2px;
    background-color: #ea4c89
}

a.prompt-link:hover {
    color: #fff;
    border-color: #df3e7b;
    background-color: #df3e7b
}

a.prompt-link:hover span.badge {
    color: #df3e7b;
    background-color: #fff
}

a.prompt-link:hover em {
    color: rgba(255,255,255,0.7)
}

div.project a.in-project,div.for-sale a.for-sale {
    color: #444;
    border-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

div.project a.in-project img,div.for-sale a.for-sale img {
    opacity: .72
}

div.project-link {
    position: relative;
    margin-top: 15px
}

div.project-link:first-child {
    margin-top: 0
}

div.project a.remove-from-project,div.for-sale a.remove-for-sale {
    position: absolute;
    top: -8px;
    right: -8px
}

div.copy div.echo-plan,div.echo-plan {
    margin: 0 0 20px 0;
    padding: 20px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px
}

div.copy div.echo-plan em,div.echo-plan em {
    font-weight: 500;
    font-style: normal;
    color: #444
}

div.copy div.echo-plan span.sep,div.echo-plan span.sep {
    margin: 0 4px;
    color: #bbb
}

div.copy div.echo-plan p,div.echo-plan p {
    color: #999;
    margin: 10px 0 0 0;
    font-size: 16px
}

div.copy div.echo-plan p.renewal-note,div.copy div.echo-plan p.upgrade-note,div.echo-plan p.renewal-note,div.echo-plan p.upgrade-note {
    color: #999;
    margin: 5px 0 0
}

body#upgrade div.copy div.echo-plan p.renewal-note strong,body#upgrade div.copy div.echo-plan p.upgrade-note strong,body#upgrade div.echo-plan p.renewal-note strong,body#upgrade div.echo-plan p.upgrade-note strong {
    color: #757575;
    font-weight: 500
}

div.copy div.echo-plan p.upgrade-note,div.echo-plan p.upgrade-note {
    font-size: 13px
}

div.copy div.echo-plan p.renewal-note,div.echo-plan p.renewal-note {
    color: #757575
}

div.copy div.echo-plan p.subscription-actions,div.copy div.echo-plan p.subscription-cancellation-actions,div.echo-plan p.subscription-actions,div.echo-plan p.subscription-cancellation-actions {
    margin: 25px 0 10px 0
}

div.copy div.echo-plan p.subscription-actions a.form-btn,div.copy div.echo-plan p.subscription-cancellation-actions a.form-btn,div.echo-plan p.subscription-actions a.form-btn,div.echo-plan p.subscription-cancellation-actions a.form-btn {
    margin: 0 5px
}

div.copy div.echo-plan .team-plan-options,div.copy div.echo-plan .search-plan-options,div.echo-plan .team-plan-options,div.echo-plan .search-plan-options {
    display: none;
    padding-top: 25px;
    margin-top: 20px;
    border-top: 1px solid #e0e0e0
}

div.copy div.echo-plan a,div.echo-plan a {
    display: inline-block
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier,div.echo-plan .hiring-tiers-grid .hiring-tier {
    padding: 10px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier p,div.echo-plan .hiring-tiers-grid .hiring-tier p {
    margin-bottom: 20px;
    font-size: 14px
}

div.copy div.echo-plan .hiring-tiers-grid .hiring-tier a,div.echo-plan .hiring-tiers-grid .hiring-tier a {
    display: block
}

div.copy div.echo-plan .hiring-tiers-grid .tier-features,div.echo-plan .hiring-tiers-grid .tier-features {
    display: none
}

p.cc {
    padding-left: 22px;
    color: #444;
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-image: url(/assets/icon-cc-7f9d34677b8e3673a2bfc7c89486ec94810724c182eed37dfa64ef75dd4db677.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    p.cc {
        background-image:url(/assets/icon-cc-2x-110be616504eb5dfb891f353c5c9963f2cb462a9f7a7aee49890f5a203b461cf.png);
        background-size: 16px 11px
    }
}

p.cc a.form-btn {
    float: right;
    margin-left: 10px
}

p.convert-team a {
    font-weight: bold
}

p.convert-team strong.current-user {
    display: block;
    margin: 10px 0;
    padding: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border: 1px solid #ddd;
    background: #444;
    border-radius: 6px
}

p.convert-team strong.current-user img.avatar {
    position: relative;
    top: 3px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

body#teams-signup h2.alt span {
    font-weight: 300;
    color: #bbb;
    font-size: 18px
}

#contact-overlay div.profile-head,div.for-hire-preview div.profile-head {
    position: static;
    padding-bottom: 30px;
    text-align: center
}

#contact-overlay div.profile-head h1,div.for-hire-preview div.profile-head h1 {
    line-height: 1;
    text-align: center
}

#contact-overlay div.profile-head h1 a.url,div.for-hire-preview div.profile-head h1 a.url {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em;
    color: #444
}

#contact-overlay div.profile-head h1 img.photo,div.for-hire-preview div.profile-head h1 img.photo {
    width: 60px;
    height: 60px;
    padding: 4px;
    background-color: #f4f4f4;
    margin-top: -30px;
    margin-bottom: 5px;
    margin: -30px auto 5px auto;
    border-radius: 50%
}

#contact-overlay div.profile-head h1 img.photo:hover,div.for-hire-preview div.profile-head h1 img.photo:hover {
    opacity: 1
}

#contact-overlay div.profile-head h3.profile-location,div.for-hire-preview div.profile-head h3.profile-location {
    font-size: 13px;
    margin: 5px 0 0 0;
    font-weight: normal;
    text-align: center
}

#contact-overlay div.profile-head h3.profile-location a,div.for-hire-preview div.profile-head h3.profile-location a {
    color: #999
}

#meetup-message-overlay p,#contact-overlay p,div.for-hire-preview p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.4
}

#meetup-message-overlay p.response-text,#contact-overlay p.response-text,div.for-hire-preview p.response-text {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-subscribed-d2720932c58dbc42d86b2cb893d960df8b04758fdbdeda5bd7583959d154c019.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #meetup-message-overlay p.response-text,#contact-overlay p.response-text,div.for-hire-preview p.response-text {
        background-image:url(/assets/icon-subscribed-2x-ed3293356d0b6ad2cff6185306a7f18235364d75355297cc11f3345a30a81e80.png);
        background-size: 16px 16px
    }
}

#meetup-message-overlay .error,#contact-overlay .error,div.for-hire-preview .error {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    color: #444;
    background-color: #fff;
    border-radius: 6px;
    z-index: 999
}

#meetup-message-overlay .previous-messages p,#contact-overlay .previous-messages p,div.for-hire-preview .previous-messages p {
    font-size: 13px
}

#meetup-message-overlay div.prompt,#contact-overlay div.prompt,div.for-hire-preview div.prompt {
    font-size: 12px;
    margin: 10px 0 20px 0;
    padding: 20px 20px 20px 65px;
    border-radius: 6px;
    text-align: left;
    border: 1px solid #ddd;
    background: #fff;
    position: relative
}

#meetup-message-overlay div.prompt svg,#contact-overlay div.prompt svg,div.for-hire-preview div.prompt svg {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
    width: 30px
}

#meetup-message-overlay div.prompt svg path,#contact-overlay div.prompt svg path,div.for-hire-preview div.prompt svg path {
    fill: #7bbb5e
}

#meetup-message-overlay div.prompt h2,#contact-overlay div.prompt h2,div.for-hire-preview div.prompt h2 {
    font-weight: 500;
    color: #444;
    margin-bottom: 5px;
    font-size: 15px
}

#meetup-message-overlay div.prompt p,#contact-overlay div.prompt p,div.for-hire-preview div.prompt p {
    color: #999;
    font-size: 13px;
    line-height: 1.5
}

#meetup-message-overlay div.prompt p:last-of-type,#contact-overlay div.prompt p:last-of-type,div.for-hire-preview div.prompt p:last-of-type {
    margin-bottom: 0
}

#meetup-message-overlay div.prompt a,#contact-overlay div.prompt a,div.for-hire-preview div.prompt a {
    font-weight: 500
}

#meetup-message-overlay div.prompt.for-self,#contact-overlay div.prompt.for-self,div.for-hire-preview div.prompt.for-self {
    margin-top: 0
}

#contact .form-field-topic {
    display: none
}

#contact_mutable_wrap fieldset {
    display: none
}

#contact_mutable_wrap fieldset,#contact_mutable_wrap .form-btns {
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear
}

#contact_mutable_wrap p.contact_mutable_intro {
    line-height: 1.4
}

@media only screen and (max-width: 959px) {
    #contact_mutable_wrap p.contact_mutable_intro {
        width:94%;
        margin: 0;
        padding: 0
    }
}

.contact-us input[type=text]:disabled {
    color: #757575
}

img.contact-kit {
    float: left;
    width: 100px;
    margin: 0 10px 0 0
}

img.contact-map {
    display: block;
    max-width: 100%;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

address.hq {
    padding: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #757575;
    background: rgba(0,0,0,0.07);
    font-style: normal;
    text-align: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

img.help-icon {
    float: left;
    margin: 5px 10px 0 0;
    border-radius: 6px;
    width: 50px
}

body#upld #main.main-full {
    max-width: 1000px;
    margin: 0 auto
}

div.debut-prompt {
    margin: 10px 0 40px 0;
    padding: 40px;
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    background: #3a8bbb;
    border-radius: 10px
}

div.debut-prompt img.icon {
    float: left;
    width: 47px;
    margin: 6px 20px 15px 0
}

div.debut-prompt p {
    color: rgba(255,255,255,0.8)
}

div.debut-prompt strong {
    color: #fff
}

div.debut-prompt a:link,div.debut-prompt a:visited {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

#add {
    margin: 0 0 20px 0;
    text-align: center
}

#add #add-btn {
    margin: 20px 0 0 0;
    font-size: 1.1em
}

#add #add-btn input.form-sub,#add #add-btn input.btn-talent-application {
    width: 440px;
    padding: 20px 0;
    font-size: 16px;
    line-height: 1
}

@media only screen and (max-width: 460px) {
    #add #add-btn input.form-sub,#add #add-btn input.btn-talent-application {
        width:100%
    }
}

#add fieldset input {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    color: #333
}

#add fieldset#upload {
    position: relative;
    width: 400px;
    min-height: 300px;
    margin: 0 auto;
    padding: 20px;
    font-size: 1em;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

@media only screen and (max-width: 460px) {
    #add fieldset#upload {
        max-width:100%;
        width: auto;
        min-height: 190px
    }

    #add fieldset#upload img {
        max-width: 100%;
        height: auto
    }
}

#add fieldset#upload h3 {
    margin: 130px 0 100px 0;
    font-size: 22px;
    font-weight: normal;
    color: #bbb
}

@media only screen and (max-width: 460px) {
    #add fieldset#upload h3 {
        margin:100px 0
    }
}

#add fieldset#upload h3 a {
    font-weight: bold
}

#add fieldset#upload p.as-team {
    position: absolute;
    bottom: 20px;
    width: 378px;
    margin: 0 auto;
    padding: 10px 10px 12px 10px;
    border: 1px solid #ecdeca;
    background: #fff9df;
    border-radius: 4px
}

#add fieldset#upload p.as-team a {
    margin: 0 0 0 6px;
    font-weight: bold;
    color: #444
}

#add fieldset#upload p.as-team a img {
    position: relative;
    top: 3px;
    margin: 0 2px 0 0;
    border-radius: 50%
}

#add p.meta {
    margin: 25px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #999
}

#add p.meta span.badge {
    position: relative;
    top: -1px;
    margin-right: 2px
}

#add p.meta strong {
    color: #757575
}

#crop-container {
    display: none
}

div.copy ol.steps {
    margin: 10px 0 30px 0;
    padding: 0 0 30px 0;
    text-align: center;
    border-bottom: 2px solid #eee
}

body#teams-signup div.copy ol.steps,body#jobs-signup div.copy ol.steps {
    margin: 0 0 60px;
    padding: 0;
    border-bottom: none
}

@media only screen and (max-width: 959px) {
    div.copy ol.steps {
        text-align:left
    }
}

div.copy ol.steps li {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    font-size: 15px;
    line-height: 1;
    color: rgba(0,0,0,0.2)
}

@media only screen and (max-width: 959px) {
    div.copy ol.steps li {
        display:block;
        margin: 0 0 15px 0;
        padding: 0;
        font-size: 13px;
        font-weight: bold
    }

    div.copy ol.steps li:nth-child(even) {
        display: none
    }
}

div.copy ol.steps li:last-child {
    margin: 0;
    padding: 0;
    border: none
}

@media only screen and (max-width: 959px) {
    div.copy ol.steps li:last-child {
        margin:0
    }
}

div.copy ol.steps li.active {
    color: rgba(0,0,0,0.7)
}

div.copy ol.steps li.active strong {
    color: #fff;
    background: rgba(0,0,0,0.7)
}

div.copy ol.steps li.active span.meta {
    font-weight: bold;
    color: rgba(0,0,0,0.7)
}

div.copy ol.steps li strong {
    width: 8px;
    margin-right: 2px;
    padding: 3px 8px;
    color: #fff;
    background: rgba(0,0,0,0.2);
    border-radius: 50%
}

form.gen-form div.choose {
    margin: 0;
    padding: 0
}

#map {
    width: 100%
}

form.plain label {
    font-weight: normal
}

form.plain fieldset {
    padding: 0 0 5px 0;
    border: none
}

form.plain fieldset+p {
    margin-top: 25px
}

form.plain label {
    float: none;
    width: auto;
    margin: 0;
    text-align: left
}

form.plain label span.meta {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #999
}

form.plain label a.see {
    margin-left: 5px;
    font-size: 13px
}

form.plain div.form-btns {
    padding-left: 0
}

#publish-actions {
    padding-top: 20px;
    clear: both
}

.prospect-note {
    font-size: 13px;
    line-height: 1.4;
    color: #757575;
    margin-bottom: 20px
}

.skip-the-draft {
    display: block;
    text-align: center;
    font-weight: 500;
    margin: 20px 0 10px;
    font-size: 13px
}

.skip-the-draft:link,.skip-the-draft:visited {
    color: #444
}

.skip-the-draft:hover,.skip-the-draft:active {
    color: #ea4c89
}

.skip-the-draft .badge {
    background-color: #ea4c89
}

#publish-screenshot-btn {
    display: inline
}

#publish-screenshot-btn input {
    min-width: 122px;
    margin-right: 13px
}

#cancel-screenshot-link,#cancel-screenshot-form {
    display: inline
}

form.edit-comment {
    margin-bottom: 10px
}

form.edit-comment button {
    margin-right: 5px
}

a.schedule-shot {
    display: none;
    font-weight: 500
}

a.schedule-shot:hover {
    color: #444
}

a.schedule-shot:hover span.unscheduled {
    color: #1e6189
}

div.account-notifications .disabled {
    color: #999
}

div.account-notifications .form-field {
    position: relative;
    margin-bottom: 30px
}

div.account-notifications .message {
    margin-bottom: 12px !important
}

div.account-notifications .meta {
    margin-bottom: 0 !important
}

div.account-notifications fieldset {
    padding-bottom: 0
}

div.account-notifications fieldset:not(:last-child) {
    border-bottom: 1px solid #ddd
}

div.account-notifications .badge {
    color: #fff;
    font-weight: 500;
    margin-right: 0;
    margin-left: 5px
}

.toggle-all-anchor {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (min-width: 960px) {
    .notification-option-inner {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .notification-option-inner label:first-child {
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }
}

.notification-option-inner>label {
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background-color 0.08s ease-in;
    transition: background-color 0.08s ease-in
}

.notification-option-inner>label:hover {
    background-color: #f9f9f9
}

.check-box-invitation-allotment-expiring {
    display: none
}

.expiring-invitations-on .check-box-invitation-allotment-expiring {
    display: block
}

.opportunities-location-filter .meta {
    display: block;
    padding: 10px 0 5px;
    color: #999;
    font-size: 13px;
    width: 110px
}

.opportunities-location-filter .meta span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

@media only screen and (min-width: 960px) {
    .opportunities-location-filter {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .opportunities-location-filter .meta {
        text-align: right;
        margin-right: 10px
    }
}

.scout-notifications-filter .meta {
    display: block;
    padding: 10px 0 5px;
    color: #999;
    font-size: 13px;
    line-height: 18px
}

.scout-notifications-filter .meta span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

@media only screen and (min-width: 960px) {
    .scout-notifications-filter {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px
    }

    .scout-notifications-filter .meta {
        text-align: right;
        margin-right: 10px;
        max-width: 300px
    }
}

div.work-opportunities header h1 {
    font-size: 20px;
    font-weight: 500
}

div.work-opportunities header strong {
    font-weight: 500
}

div.work-opportunities header p {
    margin: 15px 0 0;
    line-height: 1.5
}

div.work-opportunities header p.opt-out-notice {
    font-size: 12px;
    color: #999
}

div.work-opportunities div.email-or-cta form.gen-form {
    max-width: 780px;
    margin: 0 auto
}

div.work-opportunities div.email-or-cta div#avatar-preview {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 780px;
    margin: 30px auto;
    padding-top: 30px;
    border-top: 1px solid #eee
}

div.work-opportunities div.email-or-cta div#avatar-preview form#delete-avatar-form img {
    top: 30px
}

div.work-opportunities div.email-or-cta div.profile-skills {
    max-width: 780px;
    margin: 30px auto 0
}

div.work-opportunities div.email-or-cta div.profile-skills ol li {
    margin: 0 4px 4px 0
}

div.work-opportunities div.email-or-cta header {
    text-align: center
}

div.work-opportunities div.email-or-cta a.delete-account {
    display: none
}

div.work-opportunities div.form-btns {
    margin-top: 30px
}

div.work-opportunities p.visibility {
    background-color: white;
    border: 1px solid #e0e0e0;
    padding: 10px 30px 10px 70px;
    color: #999;
    position: relative;
    border-radius: 4px;
    margin-top: 30px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.work-opportunities p.visibility img {
    position: absolute;
    top: 17px;
    left: 17px;
    opacity: 0.75
}

div.work-opportunities a.form-btn.tiny.outlined.remove {
    padding-right: 14px
}

div.work-opportunities a.form-btn.tiny.outlined.remove.tiny {
    padding-right: 7px
}

div.work-opportunities div.form-field {
    margin-top: 30px;
    padding: 30px 0 0 0
}

div.work-opportunities div.form-field:first-of-type label:first-child {
    margin-top: 5px
}

div.work-opportunities div.form-field label.opt-out {
    margin-top: 20px
}

div.work-opportunities div.form-field div.field-actions {
    padding-top: 15px
}

div.work-opportunities div.form-field div.work-row,div.work-opportunities div.form-field div.education-row,div.work-opportunities div.form-field div.location-row,div.work-opportunities div.form-field div.compensation-row {
    border-top: 1px dashed #ddd;
    padding-top: 5px;
    margin-top: 15px
}

div.work-opportunities div.form-field div.work-row:first-of-type,div.work-opportunities div.form-field div.education-row:first-of-type,div.work-opportunities div.form-field div.location-row:first-of-type,div.work-opportunities div.form-field div.compensation-row:first-of-type {
    border: 0;
    padding: 0;
    margin: 0
}

div.work-opportunities div.form-field div.location-row {
    padding-top: 15px
}

div.work-opportunities div.form-field.interested {
    padding-top: 0;
    border-top: 0
}

div.work-opportunities div.form-field.interested label:first-child {
    margin-top: 5px
}

div.work-opportunities div.form-field.skills div.skills-section ol.skills {
    line-height: normal;
    color: inherit
}

div.work-opportunities div.form-field.skills div.skills-section ol.skills li {
    margin: 0 4px 4px 0
}

div.work-opportunities div.form-field.work-history div.work-row>fieldset,div.work-opportunities div.form-field.work-history div.education-row>fieldset,div.work-opportunities div.form-field.work-history div.dropdown-date-container,div.work-opportunities div.form-field.work-history div.salary-fields>fieldset,div.work-opportunities div.form-field.work-history div.hourly-fields>fieldset,div.work-opportunities div.form-field.work-history div.project-fields>fieldset,div.work-opportunities div.form-field.education-history div.work-row>fieldset,div.work-opportunities div.form-field.education-history div.education-row>fieldset,div.work-opportunities div.form-field.education-history div.dropdown-date-container,div.work-opportunities div.form-field.education-history div.salary-fields>fieldset,div.work-opportunities div.form-field.education-history div.hourly-fields>fieldset,div.work-opportunities div.form-field.education-history div.project-fields>fieldset,div.work-opportunities div.form-field.compensation div.work-row>fieldset,div.work-opportunities div.form-field.compensation div.education-row>fieldset,div.work-opportunities div.form-field.compensation div.dropdown-date-container,div.work-opportunities div.form-field.compensation div.salary-fields>fieldset,div.work-opportunities div.form-field.compensation div.hourly-fields>fieldset,div.work-opportunities div.form-field.compensation div.project-fields>fieldset {
    float: left;
    padding-left: 10px
}

div.work-opportunities div.form-field.work-history div.work-row>fieldset label,div.work-opportunities div.form-field.work-history div.education-row>fieldset label,div.work-opportunities div.form-field.work-history div.dropdown-date-container label,div.work-opportunities div.form-field.work-history div.salary-fields>fieldset label,div.work-opportunities div.form-field.work-history div.hourly-fields>fieldset label,div.work-opportunities div.form-field.work-history div.project-fields>fieldset label,div.work-opportunities div.form-field.education-history div.work-row>fieldset label,div.work-opportunities div.form-field.education-history div.education-row>fieldset label,div.work-opportunities div.form-field.education-history div.dropdown-date-container label,div.work-opportunities div.form-field.education-history div.salary-fields>fieldset label,div.work-opportunities div.form-field.education-history div.hourly-fields>fieldset label,div.work-opportunities div.form-field.education-history div.project-fields>fieldset label,div.work-opportunities div.form-field.compensation div.work-row>fieldset label,div.work-opportunities div.form-field.compensation div.education-row>fieldset label,div.work-opportunities div.form-field.compensation div.dropdown-date-container label,div.work-opportunities div.form-field.compensation div.salary-fields>fieldset label,div.work-opportunities div.form-field.compensation div.hourly-fields>fieldset label,div.work-opportunities div.form-field.compensation div.project-fields>fieldset label {
    font-weight: normal;
    font-size: 13px
}

div.work-opportunities div.form-field.work-history div.salary-fields>fieldset:first-of-type,div.work-opportunities div.form-field.work-history div.hourly-fields>fieldset:first-of-type,div.work-opportunities div.form-field.work-history div.project-fields>fieldset:first-of-type,div.work-opportunities div.form-field.work-history div.work-row>fieldset:first-of-type,div.work-opportunities div.form-field.work-history div.education-row>fieldset:first-of-type,div.work-opportunities div.form-field.education-history div.salary-fields>fieldset:first-of-type,div.work-opportunities div.form-field.education-history div.hourly-fields>fieldset:first-of-type,div.work-opportunities div.form-field.education-history div.project-fields>fieldset:first-of-type,div.work-opportunities div.form-field.education-history div.work-row>fieldset:first-of-type,div.work-opportunities div.form-field.education-history div.education-row>fieldset:first-of-type,div.work-opportunities div.form-field.compensation div.salary-fields>fieldset:first-of-type,div.work-opportunities div.form-field.compensation div.hourly-fields>fieldset:first-of-type,div.work-opportunities div.form-field.compensation div.project-fields>fieldset:first-of-type,div.work-opportunities div.form-field.compensation div.work-row>fieldset:first-of-type,div.work-opportunities div.form-field.compensation div.education-row>fieldset:first-of-type {
    padding-left: 0
}

div.work-opportunities div.form-field.work-history select,div.work-opportunities div.form-field.education-history select,div.work-opportunities div.form-field.compensation select {
    padding: 5px 25px 6px 6px
}

div.work-opportunities div.form-field.work-history a.form-btn.remove,div.work-opportunities div.form-field.education-history a.form-btn.remove,div.work-opportunities div.form-field.compensation a.form-btn.remove {
    margin-top: 29px;
    margin-left: 10px
}

div.work-opportunities div.form-field.work-history a.form-btn.remove.tiny,div.work-opportunities div.form-field.education-history a.form-btn.remove.tiny,div.work-opportunities div.form-field.compensation a.form-btn.remove.tiny {
    margin-top: 0
}

div.work-opportunities div.form-field.compensation em {
    display: inline-block;
    margin: 40px 10px 10px;
    font-style: normal;
    color: #757575
}

div.work-opportunities div.form-field.compensation em strong {
    font-weight: 500;
    color: #444
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.compensation em {
        margin:10px 10px 0 0;
        clear: left
    }
}

div.work-opportunities div.form-field.compensation div.salary-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.salary-fields fieldset:nth-of-type(2) {
    width: 100px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.compensation div.salary-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.salary-fields fieldset:nth-of-type(2) {
        width:calc(50% - 10px)
    }
}

div.work-opportunities div.form-field.compensation div.hourly-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.hourly-fields fieldset:nth-of-type(2) {
    width: 70px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.compensation div.hourly-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.hourly-fields fieldset:nth-of-type(2) {
        width:calc(50% - 10px)
    }
}

div.work-opportunities div.form-field.compensation div.project-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.project-fields fieldset:nth-of-type(2) {
    width: 100px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.compensation div.project-fields fieldset:nth-of-type(1),div.work-opportunities div.form-field.compensation div.project-fields fieldset:nth-of-type(2) {
        width:calc(50% - 10px)
    }
}

div.work-opportunities div.form-field .dropdown-date-container {
    display: inline-block
}

div.work-opportunities div.form-field .dropdown-date-container .dropdown-date-trigger {
    padding: 10px 25px 10px 8px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2;
    color: #999;
    border: 1px solid #bbb;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 30px 6px;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="9.419" y1="0.469661" x2="4.46925" y2="5.41941" stroke="#999" stroke-width="1.5"/><line x1="5.53022" y1="5.4194" x2="0.580469" y2="0.469651" stroke="#999" stroke-width="1.5"/></svg>');
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    cursor: pointer
}

div.work-opportunities div.form-field .dropdown-date-container.active .dropdown-date-trigger {
    border-radius: 4px 4px 0 0;
    border-bottom: 0
}

div.work-opportunities div.form-field .dropdown-date-container.active .dropdown-date-content {
    display: block
}

div.work-opportunities div.form-field .dropdown-date-container .dropdown-date-content {
    display: none;
    position: absolute;
    width: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #bbb;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 0 8px 8px 8px;
    z-index: 1
}

div.work-opportunities div.form-field .dropdown-date-container label.still-here {
    margin: 10px 0 0
}

div.work-opportunities div.form-field .dropdown-date-container div.form-btns {
    padding-bottom: 0;
    margin-top: 0
}

div.work-opportunities div.form-field .dropdown-date-container div.form-btns div.error {
    color: #f55;
    margin-bottom: 10px;
    font-size: 12px
}

div.work-opportunities div.form-field div.work-row>fieldset:nth-of-type(1),div.work-opportunities div.form-field div.education-row>fieldset:nth-of-type(1) {
    width: calc(30%)
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field div.work-row>fieldset:nth-of-type(1),div.work-opportunities div.form-field div.education-row>fieldset:nth-of-type(1) {
        width:100%
    }
}

div.work-opportunities div.form-field div.work-row>fieldset:nth-of-type(2),div.work-opportunities div.form-field div.education-row>fieldset:nth-of-type(2) {
    width: calc(24% - 10px)
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field div.work-row>fieldset:nth-of-type(2),div.work-opportunities div.form-field div.education-row>fieldset:nth-of-type(2) {
        width:100%;
        padding-left: 0
    }
}

div.work-opportunities div.form-field div.work-row div.dropdown-date-container,div.work-opportunities div.form-field div.education-row div.dropdown-date-container {
    width: 140px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field div.work-row div.dropdown-date-container:first-of-type,div.work-opportunities div.form-field div.education-row div.dropdown-date-container:first-of-type {
        padding-left:0
    }
}

div.work-opportunities div.form-field.locations em {
    padding: 0 10px;
    color: #bbb
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.locations em {
        padding-left:0
    }
}

div.work-opportunities div.form-field.locations fieldset.onsite-remote {
    margin-top: 15px
}

div.work-opportunities div.form-field.locations div.location-row {
    margin-top: 15px
}

div.work-opportunities div.form-field.locations div.location-row fieldset {
    padding-left: 0;
    display: inline-block;
    width: 350px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.locations div.location-row fieldset {
        width:100%
    }
}

div.work-opportunities div.form-field.locations div.location-row fieldset input[type="text"] {
    float: none
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.locations div.location-row fieldset input[type="text"] {
        width:100%;
        margin-bottom: 5px
    }
}

div.work-opportunities div.form-field.locations label.visa-sponsorship {
    display: inline-block;
    padding: 0 10px;
    font-weight: normal;
    font-size: 14px
}

@media only screen and (max-width: 959px) {
    div.work-opportunities div.form-field.locations label.visa-sponsorship {
        padding-left:0
    }
}

div.work-opportunities div.form-field.locations label.visa-sponsorship input[type="checkbox"] {
    margin: 5px 8px 0 0px
}

div.work-opportunities div.email-or-cta p.visibility {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    border-color: rgba(83,198,140,0.5)
}

div.work-opportunities div.email-or-cta div.form-field {
    border-top-color: #eee
}

div.work-opportunities div.email-or-cta div.form-field div.work-row,div.work-opportunities div.email-or-cta div.form-field div.education-row,div.work-opportunities div.email-or-cta div.form-field div.location-row,div.work-opportunities div.email-or-cta div.form-field div.compensation-row {
    border-top-color: #eee
}

div.work-opportunities div.email-or-cta header h1 {
    font-size: 28px
}

div.work-opportunities div.email-or-cta header h1 strong {
    font-size: 16px;
    margin-bottom: 2px
}

div.work-opportunities div.email-or-cta header p {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

div.work-opportunities div.email-or-cta header p strong {
    display: block
}

div.work-opportunities div.email-or-cta header p.opt-out-notice {
    color: #bbb
}

#statement-overlay p,#how-it-works-overlay p {
    margin-top: 15px
}

#statement-overlay p:first-of-type,#how-it-works-overlay p:first-of-type {
    margin-top: 0
}

#search-tips-overlay li {
    margin-top: 10px
}

#search-tips-overlay code {
    color: #ea4c89;
    display: block;
    font-size: 18px
}

form.dribbble-rsvp-true .rsvp-elsewhere-only {
    display: none
}

form.dribbble-rsvp-false .rsvp-dribbble-only {
    display: none
}

form fieldset.datepicker span {
    position: relative
}

form fieldset.datepicker input.date {
    width: 200px
}

form fieldset.datepicker input.time {
    width: 100px
}

.signup-container {
    text-align: center
}

.signup-container .signup-social {
    padding: 0;
    margin: 0;
    border: none;
    display: block
}

.signup-container .signup-social a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    min-width: 200px;
    margin: 0 5px 10px
}

.signup-container .signup-or-label {
    display: block;
    font-weight: 500;
    font-size: 18px;
    margin-top: 5px;
    color: #999
}

.signup-container div.grecaptcha-badge {
    float: none;
    margin: 30px auto 0
}

.signup-container p.already-a-member {
    margin-top: 30px;
    font-weight: 500
}

.signup-container a.forgotten-password {
    float: right;
    font-size: 12px;
    margin: 0 0 10px 0;
    white-space: nowrap
}

.signup-container form .message {
    text-align: left
}

.subscription-renewal-label.down {
    text-transform: lowercase
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle
}

.switch input {
    display: none
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c142a0;
    -webkit-transition: .4s;
    transition: .4s
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

.switch input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #c142a0;
    box-shadow: 0 0 1px #c142a0
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.switch .slider.round {
    border-radius: 34px
}

.switch .slider.round:before {
    border-radius: 50%
}

.ql-container .ql-editor {
    border-radius: 0 0 6px 6px;
    height: auto !important;
    max-height: 36em;
    min-height: 12em;
    resize: none
}

.ql-container .ql-editor h1,.ql-container .ql-editor h2,.ql-container .ql-editor h3,.ql-container .ql-editor p,.ql-container .ql-editor ul,.ql-container .ql-editor ol {
    margin-bottom: 15px
}

.ql-container .ql-editor ol,.ql-container .ql-editor ul {
    padding-left: 0
}

.ql-container .ql-editor ol li,.ql-container .ql-editor ul li {
    margin: 0 0 10px 30px
}

.ql-container .ql-editor ol li ul,.ql-container .ql-editor ol li ol,.ql-container .ql-editor ul li ul,.ql-container .ql-editor ul li ol {
    margin-top: 5px
}

.ql-container .ql-editor ol li:not(.ql-direction-rtl),.ql-container .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 0
}

.ql-container .ql-tooltip[data-mode=link] input[type=text]::-webkit-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode=link] input[type=text]:-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode=link] input[type=text]::-ms-input-placeholder {
    visibility: hidden
}

.ql-container .ql-tooltip[data-mode=link] input[type=text]::placeholder {
    visibility: hidden
}

.ql-toolbar.ql-snow {
    border-color: #bbb;
    border-radius: 6px 6px 0 0
}

.ql-container.ql-snow {
    border-color: #bbb;
    border-radius: 0 0 6px 6px
}

form.gen-form .ql-tooltip-editor input[type="text"],.ql-tooltip-editor input[type="text"] {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.enhanced-checkbox-radio fieldset label,fieldset .enhanced-checkbox-radio label {
    -ms-flex-align: baseline;
    align-items: baseline;
    border-top: 1px solid #ddd;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 14px 10px;
    -webkit-transition: background-color 0.08s ease-in;
    transition: background-color 0.08s ease-in
}

.enhanced-checkbox-radio fieldset label div,fieldset .enhanced-checkbox-radio label div {
    line-height: 1.25;
    padding-left: 10px
}

.enhanced-checkbox-radio fieldset label div span,fieldset .enhanced-checkbox-radio label div span {
    color: #757575;
    display: block;
    font-size: 13px;
    padding-top: 4px
}

.enhanced-checkbox-radio fieldset label:first-of-type,fieldset .enhanced-checkbox-radio label:first-of-type {
    border-top: none
}

.enhanced-checkbox-radio fieldset label:hover,.enhanced-checkbox-radio fieldset label:focus,fieldset .enhanced-checkbox-radio label:hover,fieldset .enhanced-checkbox-radio label:focus {
    background-color: #f9f9f9
}

@media only screen and (min-width: 960px) {
    .enhanced-checkbox-radio fieldset label,fieldset .enhanced-checkbox-radio label {
        -ms-flex-align:center;
        align-items: center
    }
}

.enhanced-checkbox-radio label.enhanced-checkbox-internal-form {
    font-size: 13px;
    padding: 0
}

@media only screen and (max-width: 700px) {
    .enhanced-checkbox-radio label.enhanced-checkbox-internal-form {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin: 8px 0 4px 36px
    }
}

.enhanced-checkbox-radio label.enhanced-checkbox-internal-form span {
    color: #999;
    font-size: 13px;
    font-weight: 400
}

@media only screen and (max-width: 700px) {
    .enhanced-checkbox-radio label.enhanced-checkbox-internal-form fieldset {
        width:calc(100% - 36px)
    }
}

.enhanced-checkbox-radio label.enhanced-checkbox-internal-form fieldset input[type="text"] {
    font-size: 12px
}

@media only screen and (max-width: 700px) {
    .enhanced-checkbox-radio label.enhanced-checkbox-internal-form fieldset input[type="text"] {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin-bottom: 14px;
        width: 100%
    }
}

label.enhanced-checkbox-internal-form:nth-of-type(2n),.enhanced-checkbox-internal-form-2 {
    border-top: none !important
}

@media only screen and (min-width: 700px) {
    label.enhanced-checkbox-internal-form:nth-of-type(2n),.enhanced-checkbox-internal-form-2 {
        -ms-flex:1;
        flex: 1;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 10px !important
    }
}

.enhanced-checkbox-radio-no-hover label:hover,.enhanced-checkbox-radio-no-hover label:focus,.enhanced-checkbox-radio-no-hover:hover,.enhanced-checkbox-radio-no-hover:focus {
    background-color: transparent !important
}

.enhanced-checkbox-radio-split {
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.enhanced-checkbox-radio-split:first-of-type {
    border-top: none
}

.work-opportunity-range-tooltip {
    position: relative
}

.work-opportunity-range-tooltip span {
    position: absolute;
    right: 16px;
    top: -7px
}

.checkbox-airtable+label {
    background-color: #dddddd;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 0px;
    height: 12px;
    margin: 0;
    padding: 6px;
    position: relative;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    vertical-align: middle;
    width: 12px
}

.checkbox-airtable+label::before {
    background-image: url(/images/icons/airtable-gray.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
    display: block;
    height: 16px;
    left: -1px;
    position: relative;
    top: -1px;
    width: 16px
}

.checkbox-airtable+label:hover,.checkbox-airtable+label:focus {
    background-color: #c52e46
}

.checkbox-airtable+label:hover::before,.checkbox-airtable+label:focus::before {
    background-image: url(/images/icons/airtable-white.svg)
}

.checkbox-airtable:checked+label {
    background-color: #d65065
}

.checkbox-airtable:checked+label::before {
    background-image: url(/images/icons/airtable-white.svg)
}

.checkbox-airtable:checked+label:hover,.checkbox-airtable:checked+label:focus {
    background-color: #c52e46
}

.airtable-project-selection {
    position: relative
}

.airtable-project-selection::after {
    width: 120%;
    height: 1px;
    content: "";
    background: pink;
    position: relative;
    bottom: 0;
    left: -10%
}

.airtable-project-selection input[type="radio"],.airtable-project-selection input[type="checkbox"] {
    display: none
}

.airtable-project-selection input[type="radio"]+label,.airtable-project-selection input[type="checkbox"]+label {
    background: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    color: #444;
    display: block;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 10px 6px;
    position: relative;
    text-align: left;
    width: 100%
}

.airtable-project-selection input[type="radio"]+label:hover,.airtable-project-selection input[type="radio"]+label:focus,.airtable-project-selection input[type="checkbox"]+label:hover,.airtable-project-selection input[type="checkbox"]+label:focus {
    background: #fff;
    cursor: pointer
}

.airtable-project-selection input[type="radio"]:checked+label,.airtable-project-selection input[type="checkbox"]:checked+label {
    background: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.airtable-project-selection input[type="radio"]:checked+label:hover,.airtable-project-selection input[type="radio"]:checked+label:focus,.airtable-project-selection input[type="checkbox"]:checked+label:hover,.airtable-project-selection input[type="checkbox"]:checked+label:focus {
    background: #df3e7b;
    cursor: pointer
}

.follow-prompt {
    position: relative
}

.follow-prompt a.unfollow,.follow-prompt a.unblock {
    display: none
}

body.self .profile-actions .follow-prompt,ol.player-cards li.self div.player-actions .follow-prompt,.shot-byline .attribution.self .follow-prompt {
    display: none
}

div.actions-menu.active:hover::before {
    width: 220px;
    height: 30px;
    position: absolute;
    right: 0;
    content: ""
}

@media screen and (max-width: 520px) {
    div.actions-menu.active:hover::before {
        width:0
    }
}

div.actions-menu a.settings {
    padding-left: 9px;
    padding-right: 9px;
    background: none
}

div.actions-menu a.settings span {
    display: inline-block;
    padding-left: 25px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-settings-dd-f540fe208419002cceaa30537de05e70310b1c56235e575d2082093498f501ee.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.actions-menu a.settings span {
        background-image:url(/assets/icon-settings-dd-2x-dd8c4e26febc3d85d3f1c0b0ddb25b8d2b96030cec2273f5ddb796b4faadc03e.png?2);
        background-size: 25px 48px
    }
}

div.actions-menu a.grid {
    padding: 7px 9px;
    background: none
}

div.actions-menu a.grid:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

div.actions-menu a.grid span {
    display: inline-block;
    height: 16px;
    padding-left: 16px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-shot-options-e5ecd0cd64a0a2d9f4439646908f4d50994452de9c1cc8a7f65448289063f60c.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.actions-menu a.grid span {
        background-image:url(/assets/icon-shot-options-2x-0260bded012031476b94cfdb61ea26e52d68f253a1046939d97c19cc6c41dc6d.png?2);
        background-size: 16px 48px
    }
}

div.actions-menu a.accounts {
    padding: 7px 9px;
    background: none
}

div.actions-menu a.accounts:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

div.actions-menu a.accounts span {
    display: inline-block;
    height: 16px;
    padding-left: 16px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-account-options-e7bb21db9099b1d66a4cf32badaae32e8115fb8ff42d86635a66cd3831003dc2.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.actions-menu a.accounts span {
        background-image:url(/assets/icon-account-options-2x-f8383b16211023812f0b46fc2815e144e3b8206016368a061357cde0a4d20982.png?2);
        background-size: 16px 48px
    }
}

div.actions-menu:hover a.grid span,div.actions-menu:hover a.accounts span {
    background-position: 0 -32px
}

div.actions-menu.active a.settings,div.actions-menu.active a.grid,div.actions-menu.active a.accounts {
    background: #333;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

div.actions-menu.active a.settings {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

div.actions-menu.active a.settings span {
    background-position: 0 -33px
}

div.actions-menu ul.actions-list {
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background: #333;
    border-radius: 4px;
    border-top-right-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    display: none;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: left;
    width: 220px;
    z-index: 1000
}

div.actions-menu ul.actions-list>li ul li.separate:not(:first-child) {
    margin: 4px 0 0 0;
    padding: 4px 0 0 0;
    border-top: 1px solid rgba(255,255,255,0.15)
}

div.actions-menu ul.actions-list>li ul:empty {
    background-color: red;
    height: 200px;
    margin: 0;
    padding: 0;
    border: 0
}

div.actions-menu ul.actions-list>li.shot-display {
    padding: 5px 15px
}

div.actions-menu ul.actions-list>li.shot-display h3 {
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #ccc;
    border: none;
    background: none
}

div.actions-menu ul.actions-list>li.shot-display ul.large-small {
    overflow: hidden
}

@media screen and (max-width: 530px) {
    div.actions-menu ul.actions-list>li.shot-display ul.large-small li {
        width:48%
    }

    div.actions-menu ul.actions-list>li.shot-display ul.large-small li.small-with-meta,div.actions-menu ul.actions-list>li.shot-display ul.large-small li.large-without-meta {
        display: none
    }

    div.actions-menu ul.actions-list>li.shot-display ul.large-small li.large-with-meta {
        padding-left: 0
    }

    div.actions-menu ul.actions-list>li.shot-display ul.large-small li.small-without-meta {
        padding-left: 4%
    }
}

div.actions-menu ul.actions-list>li.shot-display li {
    float: left;
    width: 23%;
    padding-left: 2.666%
}

div.actions-menu ul.actions-list>li.shot-display li:first-child {
    padding-left: 0
}

div.actions-menu ul.actions-list>li.shot-display li.active a {
    background-color: #999
}

div.actions-menu ul.actions-list>li.shot-display li.active svg path {
    fill: #fff
}

div.actions-menu ul.actions-list>li.shot-display li a {
    display: block;
    height: 42px;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
    vertical-align: center;
    background: #505050;
    border-radius: 2px
}

div.actions-menu ul.actions-list>li.shot-display li a:hover {
    background-color: #999
}

div.actions-menu ul.actions-list>li.shot-display li a svg {
    height: 42px;
    width: 42px
}

div.actions-menu ul.actions-list>li li a {
    display: block;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: normal;
    color: #999
}

div.actions-menu ul.actions-list>li li a.processing {
    padding-left: 30px
}

.listed-by-current-user div.actions-menu ul.actions-list>li li a.show-list-ui {
    padding-right: 34px;
    background-repeat: no-repeat;
    background-position: 100% 6px;
    background-image: url(/assets/icon-listed-ba926569b9770105ac74a16c727b64dd42e057c24c15519708a7602b6afd6940.png?2)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .listed-by-current-user div.actions-menu ul.actions-list>li li a.show-list-ui {
        background-image:url(/assets/icon-listed-2x-b23438119bc2d401c7514097c21024a9d94fd4262cd8b88a8b26e30e77821c01.png?2);
        background-size: 28px 10px
    }
}

div.actions-menu ul.actions-list>li li a.unblock {
    display: none
}

div.actions-menu ul.actions-list>li li a:hover {
    color: #ddd;
    background-color: rgba(255,255,255,0.1)
}

div.actions-menu ul.actions-list>li li a:active {
    color: #fff;
    background-color: rgba(0,0,0,0.3)
}

div.player-actions div.actions-menu {
    display: inline-block
}

div.player-actions div.actions-menu.active:hover::before {
    right: auto
}

div.player-actions div.actions-menu a.settings {
    padding: 4px 8px 3px
}

div.player-actions div.actions-menu ul.actions-list {
    right: auto;
    border-radius: 4px;
    border-top-left-radius: 0
}

.followed-by-current-user .follow-prompt a.follow,.followed-by-current-user .follow-prompt a.unblock {
    display: none
}

.followed-by-current-user .follow-prompt a.unfollow {
    display: inline-block
}

.blocked-by-current-user .follow-prompt a.follow,.blocked-by-current-user .follow-prompt a.unfollow {
    display: none
}

.blocked-by-current-user .follow-prompt a.unblock {
    display: inline-block
}

.blocked-by-current-user.player .follow-prompt a.unblock {
    display: none
}

.blocked-by-current-user div.actions-menu ul.actions-list>li li a.unblock {
    display: block
}

.blocked-by-current-user div.actions-menu ul.actions-list>li li a.block {
    display: none
}

div.screenshot-actions {
    position: absolute;
    top: 11px;
    right: 21px
}

@media only screen and (max-width: 800px) {
    div.screenshot-actions {
        top:4px;
        right: 2px
    }
}

div.screenshot-actions ul.actions-list {
    padding-bottom: 10px
}

div.screenshot-actions a.settings {
    margin: 0
}

div.screenshot-actions div.active a.settings,div.screenshot-actions div.active a.grid {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

.subscribe-to-notification,div.rsvp-mod {
    margin: 0 0 30px 0;
    padding: 20px;
    background: #333;
    text-align: center;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body#jobs div.secondary .subscribe-to-notification,body#jobs div.secondary div.rsvp-mod {
    margin-bottom: 15px
}

body#jobs div.secondary .subscribe-to-notification.subscribe-to-notification-target,body#jobs div.secondary div.rsvp-mod.subscribe-to-notification-target {
    margin-bottom: 0
}

.subscribe-to-notification h4,div.rsvp-mod h4 {
    width: auto;
    margin: 0 0 6px 0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: #fff
}

.subscribe-to-notification h4.subscribed,div.rsvp-mod h4.subscribed {
    color: #7bbb5e
}

.subscribe-to-notification h4.subscribed span,div.rsvp-mod h4.subscribed span {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-subscribed-d2720932c58dbc42d86b2cb893d960df8b04758fdbdeda5bd7583959d154c019.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .subscribe-to-notification h4.subscribed span,div.rsvp-mod h4.subscribed span {
        background-image:url(/assets/icon-subscribed-2x-ed3293356d0b6ad2cff6185306a7f18235364d75355297cc11f3345a30a81e80.png);
        background-size: 16px 16px
    }
}

.subscribe-to-notification p,div.rsvp-mod p {
    width: auto;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1.4;
    color: #999
}

div.secondary .subscribe-to-notification p,div.copy .subscribe-to-notification p,div.secondary div.rsvp-mod p,div.copy div.rsvp-mod p {
    color: #999
}

.subscribe-to-notification p.subscribed,div.rsvp-mod p.subscribed {
    margin-bottom: 0
}

.subscribe-to-notification p a,div.rsvp-mod p a {
    font-weight: 500;
    color: #bbb
}

.subscribe-to-notification p a:hover,div.rsvp-mod p a:hover {
    color: #fff
}

.subscribe-to-notification .subscribe-btn,.subscribe-to-notification .rsvp-btn,div.rsvp-mod .subscribe-btn,div.rsvp-mod .rsvp-btn {
    display: inline-block;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: none;
    background: #ea4c89;
    border-radius: 4px;
    display: inline-block;
    margin: 0 auto
}

.subscribe-to-notification .subscribe-btn.rsvp-yes,.subscribe-to-notification .rsvp-btn.rsvp-yes,div.rsvp-mod .subscribe-btn.rsvp-yes,div.rsvp-mod .rsvp-btn.rsvp-yes {
    background-color: #7bbb5e
}

.subscribe-to-notification .subscribe-btn:hover,.subscribe-to-notification .rsvp-btn:hover,div.rsvp-mod .subscribe-btn:hover,div.rsvp-mod .rsvp-btn:hover {
    background-color: #df3e7b
}

.subscribe-to-notification .subscribe-btn:active,.subscribe-to-notification .rsvp-btn:active,div.rsvp-mod .subscribe-btn:active,div.rsvp-mod .rsvp-btn:active {
    background-color: #c22b65
}

.subscribe-to-notification .subscribe-btn span,.subscribe-to-notification .rsvp-btn span,div.rsvp-mod .subscribe-btn span,div.rsvp-mod .rsvp-btn span {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-paperplane-51d4dcabaffea59d3ad1088ebcb39af4675bb3e8bc006f9bd14961cb8019a8f9.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .subscribe-to-notification .subscribe-btn span,.subscribe-to-notification .rsvp-btn span,div.rsvp-mod .subscribe-btn span,div.rsvp-mod .rsvp-btn span {
        background-image:url(/assets/icon-paperplane-2x-5e878015fd64a6653be713de548ad1a1e28a7b5febb4d0feb33b415a8f072587.png);
        background-size: 16px 16px
    }
}

.subscribe-to-notification.subscribe-to-notification-target,div.rsvp-mod.subscribe-to-notification-target {
    background: none;
    padding: 0;
    text-align: left
}

.subscribe-to-notification.subscribe-to-notification-target h4.subscribed,div.rsvp-mod.subscribe-to-notification-target h4.subscribed {
    font-size: 14px;
    display: inline
}

.subscribe-to-notification.subscribe-to-notification-target h4.subscribed span,div.rsvp-mod.subscribe-to-notification-target h4.subscribed span {
    padding: 0;
    background: none
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed,div.rsvp-mod.subscribe-to-notification-target p.subscribed {
    display: inline
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed a,div.rsvp-mod.subscribe-to-notification-target p.subscribed a {
    color: #3a8bbb
}

.subscribe-to-notification.subscribe-to-notification-target p.subscribed a:hover,div.rsvp-mod.subscribe-to-notification-target p.subscribed a:hover {
    color: #1e6189
}

body#story .subscribe-to-notification,body#story div.rsvp-mod {
    width: 63.917525773196%;
    margin: -20px auto 60px auto
}

@media only screen and (max-width: 800px) {
    body#story .subscribe-to-notification,body#story div.rsvp-mod {
        width:92%
    }
}

.subscribe-to-notification-target.new-for-you a {
    color: #3a8bbb !important
}

.subscribe-to-notification-target.new-for-you p.subscribed {
    display: none
}

.subscribe-to-notification-target.overtime {
    margin-bottom: 0
}

.subscribe-to-notification-target.overtime p.subscribed {
    display: none
}

div.rsvp-mod {
    padding: 40px
}

.sidebar-subscribe-link {
    margin-bottom: 20px
}

.scrolling-row.before-promo {
    border-bottom: 0 !important;
    padding-bottom: 0 !important
}

#draftees-subscription-prompt {
    margin: 10px 0 40px 0;
    padding: 40px 30px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px
}

#draftees-subscription-prompt b {
    font-weight: 500
}

table.data {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums
}

table.data.middle-aligned th,table.data.middle-aligned td {
    vertical-align: middle
}

table.data .form-sub,table.data .btn-talent-application,table.data .form-btn,table.data a.follow,table.data a.unfollow {
    font-size: 12px;
    padding: 4px 8px
}

table.data th,table.data td {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    vertical-align: top;
    border-bottom: 1px solid #ddd
}

table.data th.vertical-align-middle,table.data td.vertical-align-middle {
    vertical-align: middle
}

table.data th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 0 10px 5px 10px;
    text-align: left
}

table.data th.text-align-right {
    text-align: right
}

table.data td.user,table.data td.actions,table.data th.user,table.data th.actions {
    white-space: nowrap
}

table.data td.user a,table.data th.user a {
    font-weight: bold;
    line-height: 32px
}

table.data td.user a img,table.data th.user a img {
    float: left;
    width: 32px;
    margin: 0 8px 0 0;
    border-radius: 50%
}

table.data td.user a:hover img,table.data th.user a:hover img {
    opacity: .8
}

table.data td.num,table.data td.number,table.data th.num,table.data th.number {
    text-align: right
}

table.data td.date {
    color: #757575;
    white-space: nowrap
}

table.data td.date span.sep {
    margin: 0 4px;
    color: #bbb
}

table.data td.flagging-actions {
    width: 300px
}

table.data td.flagging-actions .user-quick-look {
    margin-bottom: 10px
}

table.data td.follow div.follow-prompt {
    float: right;
    font-size: .9em;
    line-height: 12px;
    margin: 0
}

table.data td.follow a.follow,table.data td.follow a.unfollow {
    float: right;
    padding: 6px;
    width: 12px;
    height: 12px;
    margin-right: 0
}

table.data td.follow a.follow span,table.data td.follow a.unfollow span {
    float: left;
    padding-left: 12px;
    text-indent: -999em
}

table.data td.draft a.draft,table.data td.draft span.draft-pending {
    float: none;
    margin: 0 10px 0 0;
    font-size: .8em
}

table.data td a.url {
    font-weight: 500
}

table.data td blockquote {
    margin-left: 0
}

table.data td em.meta {
    display: block;
    font-size: .9em;
    line-height: 1.4;
    font-style: normal;
    color: #999
}

table.data td p,table.data td blockquote,table.data td.note {
    word-break: break-word;
    overflow-wrap: break-word
}

table.data tr:last-child th,table.data tr:last-child td {
    border-bottom: none
}

table.data button {
    cursor: pointer
}

table.data.vertical th {
    padding: 10px
}

table.invitations td form {
    display: inline
}

span.user-meta a.url {
    color: #999
}

span.user-meta a.url:hover {
    color: #666;
    background-position: 100% -19px
}

table.lists-table {
    margin-bottom: 30px
}

table.lists-table td {
    vertical-align: middle
}

table.lists-table td.avatar {
    width: 42px;
    padding-right: 0;
    padding-left: 0
}

table.lists-table td.avatar img {
    width: 42px;
    border-radius: 50%;
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s
}

table.lists-table td.avatar a:hover img {
    opacity: .7
}

table.lists-table td.title {
    width: 50%
}

table.lists-table td.title img.private {
    margin: 0 0 0 2px
}

table.lists-table td.title strong {
    font-size: 16px;
    font-weight: 500
}

table.lists-table td.title span.count {
    font-weight: normal;
    color: #757575
}

table.lists-table td.title span.attr {
    display: block;
    margin: 4px 0;
    color: #999
}

table.lists-table td.title span.attr a {
    font-weight: normal;
    color: #999
}

table.lists-table td.members ol.players-list {
    float: right;
    margin: 0;
    padding: 0
}

table.lists-table td.members ol.players-list li {
    float: left;
    margin: 0;
    padding: 0;
    border: none
}

table.lists-table td.members ol.players-list li img {
    float: right;
    width: 24px;
    margin: 0 5px 0 0;
    border-radius: 50%;
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s
}

table.lists-table td.members ol.players-list li a:hover img {
    opacity: .7
}

table.horiz {
    width: auto
}

table.horiz th {
    padding: 10px
}

table.confirm th,table.confirm td,table.confirm-alt th,table.confirm-alt td {
    font-size: 16px;
    border: none
}

table.confirm th,table.confirm-alt th {
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    padding: 10px 20px 10px 0
}

table.confirm th {
    color: #757575
}

table.confirm td {
    font-weight: 500
}

table.confirm-alt th {
    font-weight: 500
}

table.confirm-alt td {
    color: #757575
}

div.account-stats {
    margin: 0 0 30px 0
}

body#admin div.account-stats {
    padding: 20px 0
}

div.account-stats:last-of-type {
    border-bottom: none
}

div.account-stats form.gen-form {
    margin: 0
}

div.account-stats form.gen-form fieldset {
    padding: 0
}

div.account-stats form.gen-form fieldset input[type=text] {
    color: #757575
}

div.account-stats h3 {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-weight: 500;
    border-bottom: 1px solid #ddd
}

div.account-stats h3.last {
    margin-top: 20px
}

div.account-stats h3 span.sep {
    margin: 0 5px;
    color: #bbb
}

div.account-stats h3 span.meta {
    color: #999
}

div.account-stats h3 span.meta a {
    font-weight: normal
}

div.account-stats h3 a.form-sub,div.account-stats h3 a.btn-talent-application {
    float: right;
    margin: -5px 0 0 0;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px
}

div.account-stats pre.key {
    margin: 0 0 25px 0;
    font-size: 15px;
    color: #999
}

div.account-stats ol.features h3 {
    margin-bottom: 0;
    border: none
}

div.account-stats table.data td {
    vertical-align: middle;
    color: #999;
    border-color: #ddd
}

div.account-stats table.data td.user span[rel='tipsy'] {
    margin-left: 20px
}

div.account-stats table.data td:last-child {
    text-align: right
}

div.account-stats ol.jobs {
    padding: 10px 15px;
    background: #fff;
    border-radius: 10px
}

div.account-stats div.info-links {
    padding: 30px 30px 10px 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08)
}

div.account-stats div.info-links .form-sub,div.account-stats div.info-links .btn-talent-application {
    float: right;
    margin-top: -2px;
    color: #fff;
    padding: 7px 12px
}

div.account-stats div.info-links h2 {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #eee;
    font-size: 22px;
    font-weight: 500
}

div.account-stats div.info-links>h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    border: none
}

div.account-stats div.info-links ol.features {
    margin-top: 20px
}

div.account-stats table.applications td span.description {
    display: block;
    margin: 5px 0 0 0
}

div.account-stats table.applications td span.scopes {
    display: block;
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1;
    color: #bbb
}

div.account-stats table.applications td.avatar {
    width: 40px;
    padding-right: 0;
    vertical-align: top
}

div.account-stats table.applications td.avatar img {
    width: 40px;
    border-radius: 50%
}

div.account-stats table.applications td.user {
    white-space: normal
}

div.account-stats table.applications td.user a {
    font-weight: normal;
    line-height: 1
}

div.account-stats table.applications td.user strong {
    color: #444
}

div.account-stats table.applications td.user strong a {
    font-weight: bold
}

div.tiers {
    position: relative;
    padding-bottom: 77px
}

@media only screen and (max-width: 800px) {
    div.tiers {
        padding-bottom:0
    }
}

div.tiers div.tier {
    float: left;
    width: 33.333%;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    border: none
}

body#signup div.tiers div.tier {
    margin-bottom: 35px
}

@media only screen and (max-width: 800px) {
    div.tiers div.tier {
        float:none;
        width: auto;
        padding: 20px;
        border: 1px solid #e0e0e0;
        border-radius: 4px
    }
}

div.tiers div.tier h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: #444
}

div.tiers div.tier h3.basic {
    color: #ea4c89
}

div.tiers div.tier h3 span.badge {
    padding: 1px 6px 2px 6px;
    font-size: 20px;
    line-height: 1;
    border-radius: 4px
}

div.tiers div.tier h3 span.badge-pro {
    background: #ea4c89
}

div.tiers div.tier h3 span.badge-hiring {
    background: #c142a0
}

div.tiers div.tier h3 span.badge-team {
    background: #00b6e3
}

div.tiers div.tier span.tiers-price {
    display: block;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1;
    font-weight: normal
}

div.tiers div.tier span.tiers-price span {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 5px;
    font-size: 11px;
    color: #bbb
}

div.tiers div.tier span.tiers-price-annual {
    color: #bbb;
    font-size: 12px;
    display: block;
    margin-top: 8px
}

div.tiers div.tier strong {
    font-size: 16px;
    line-height: 1;
    color: #444
}

div.tiers div.tier em {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1;
    color: #444
}

div.tiers div.tier div.tiers-info {
    margin: 20px
}

div.tiers div.tier span.meta {
    display: block;
    font-size: 14px;
    color: #999
}

div.tiers div.tier ul.features-list {
    margin: 20px;
    text-align: left;
    list-style: disc
}

div.tiers div.tier ul.features-list li {
    margin: 0 0 5px 0
}

div.tiers div.tier ul.features-list li:last-child {
    margin-bottom: 0
}

div.tiers div.tier div.bottom {
    position: absolute;
    bottom: 20px;
    width: 33.333%
}

@media only screen and (max-width: 800px) {
    div.tiers div.tier div.bottom {
        position:relative;
        width: auto;
        bottom: auto
    }
}

div.tiers div.tier span.sep,div.tiers div.tier span.na {
    margin: 0 4px;
    color: #bbb
}

div.tiers div.tier a.form-sub,div.tiers div.tier a.btn-talent-application {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 14px;
    text-align: center
}

@media only screen and (max-width: 800px) {
    div.tiers div.tier a.form-sub,div.tiers div.tier a.btn-talent-application {
        width:100%
    }
}

div.tiers .disabled {
    opacity: .3
}

body#signup div.tiers {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0
}

p.quote-team {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.4;
    text-align: center
}

p.quote-team em {
    font-style: normal;
    color: #444
}

p.quote-team a {
    font-weight: bold;
    color: #757575
}

p.quote-team a:hover {
    color: #444
}

form.post-job-form {
    border-bottom: 1px solid #ddd
}

form.post-job-form.with-credit {
    padding: 25px 0 40px;
    text-align: center
}

form.post-job-form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

form.post-job-form div.single-or-recurring {
    float: left;
    width: 60%;
    margin-bottom: 20px
}

form.post-job-form div.form-btns {
    float: right;
    padding-top: 6px
}

form.post-job-form .form-sub,form.post-job-form .btn-talent-application {
    font-size: 16px;
    padding: 15px 40px 16px
}

@media only screen and (max-width: 520px) {
    form.post-job-form div.single-or-recurring {
        float:none;
        width: auto;
        margin-bottom: 10px
    }

    form.post-job-form div.form-btns {
        float: none
    }
}

table.sessions {
    line-height: 1.5
}

.form-sub,.btn-talent-application,.form-btn,a.form-sub,a.btn-talent-application,a.form-btn {
    color: #fff
}

.form-sub,.btn-talent-application,.form-btn {
    display: inline-block;
    padding: 10px 15px 11px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: .02em;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #ea4c89;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.form-sub.tiny,.tiny.btn-talent-application,.form-btn.tiny {
    font-size: 12px;
    padding: 4px 8px
}

.form-sub.outlined,.outlined.btn-talent-application,.form-btn.outlined {
    color: #757575;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #bbb inset;
    box-shadow: 0px 0px 0px 1px #bbb inset
}

.form-sub.outlined:hover,.outlined.btn-talent-application:hover,.form-sub.outlined:focus,.outlined.btn-talent-application:focus,.form-btn.outlined:hover,.form-btn.outlined:focus {
    color: #444;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #757575 inset;
    box-shadow: 0px 0px 0px 1px #757575 inset
}

.form-sub.outlined:active,.outlined.btn-talent-application:active,.form-btn.outlined:active {
    color: #444;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 1px #444 inset;
    box-shadow: 0px 0px 0px 1px #444 inset
}

.form-sub.outlined.follow-all-btn,.outlined.follow-all-btn.btn-talent-application,.form-btn.outlined.follow-all-btn {
    color: #3a8bbb;
    -webkit-box-shadow: 0px 0px 0px 1px #3a8bbb inset;
    box-shadow: 0px 0px 0px 1px #3a8bbb inset
}

.form-sub.outlined.follow-all-btn:hover,.outlined.follow-all-btn.btn-talent-application:hover,.form-sub.outlined.follow-all-btn:focus,.outlined.follow-all-btn.btn-talent-application:focus,.form-btn.outlined.follow-all-btn:hover,.form-btn.outlined.follow-all-btn:focus {
    color: #1e6189;
    -webkit-box-shadow: 0px 0px 0px 1px #1e6189 inset;
    box-shadow: 0px 0px 0px 1px #1e6189 inset
}

.form-sub.outlined.follow-all-btn:active,.outlined.follow-all-btn.btn-talent-application:active,.form-btn.outlined.follow-all-btn:active {
    color: #0c3f5d;
    -webkit-box-shadow: 0px 0px 0px 1px #0c3f5d inset;
    box-shadow: 0px 0px 0px 1px #0c3f5d inset
}

.form-sub.outlined.highlighted,.outlined.highlighted.btn-talent-application,.form-btn.outlined.highlighted {
    color: #ea4c89;
    -webkit-box-shadow: 0px 0px 0px 1px #ea4c89 inset;
    box-shadow: 0px 0px 0px 1px #ea4c89 inset
}

.form-sub.outlined.highlighted:hover,.outlined.highlighted.btn-talent-application:hover,.form-sub.outlined.highlighted:focus,.outlined.highlighted.btn-talent-application:focus,.form-sub.outlined.highlighted:active,.outlined.highlighted.btn-talent-application:active,.form-btn.outlined.highlighted:hover,.form-btn.outlined.highlighted:focus,.form-btn.outlined.highlighted:active {
    color: #ba1655;
    -webkit-box-shadow: 0px 0px 0px 1px #ba1655 inset;
    box-shadow: 0px 0px 0px 1px #ba1655 inset
}

.form-sub.floated,.floated.btn-talent-application,.form-btn.floated {
    float: right
}

.form-sub.compact,.compact.btn-talent-application,.form-btn.compact {
    padding: 6px;
    line-height: 1;
    font-size: 0
}

.form-sub.compact span,.compact.btn-talent-application span,.form-btn.compact span {
    display: none
}

.form-sub.compact svg,.compact.btn-talent-application svg,.form-btn.compact svg {
    margin-right: 0;
    height: 12px;
    width: 12px;
    margin-top: 0
}

.form-sub span.check,.btn-talent-application span.check,.form-btn span.check {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-color: #888;
    border-radius: 50%;
    padding: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
    line-height: 1;
    font-size: 0
}

.form-sub span.check svg,.btn-talent-application span.check svg,.form-btn span.check svg {
    height: 6px;
    width: 6px;
    vertical-align: baseline;
    margin: 0;
    display: block;
    fill: #fff
}

.form-sub.pro-btn,#update-payment-method-prompt a.form-sub,#update-payment-method-prompt a.btn-talent-application,.pro-btn.btn-talent-application,.form-btn.pro-btn,#update-payment-method-prompt a.form-btn.form-sub,#update-payment-method-prompt a.form-btn.btn-talent-application {
    background: linear-gradient(45deg, #E47B49 0%, #ea4c89 100%)
}

.form-sub.pro-btn:hover,#update-payment-method-prompt a.form-sub:hover,#update-payment-method-prompt a.btn-talent-application:hover,.pro-btn.btn-talent-application:hover,.form-sub.pro-btn:focus,#update-payment-method-prompt a.form-sub:focus,#update-payment-method-prompt a.btn-talent-application:focus,.pro-btn.btn-talent-application:focus,.form-btn.pro-btn:hover,#update-payment-method-prompt a.form-btn.form-sub:hover,#update-payment-method-prompt a.form-btn.btn-talent-application:hover,.form-btn.pro-btn:focus,#update-payment-method-prompt a.form-btn.form-sub:focus,#update-payment-method-prompt a.form-btn.btn-talent-application:focus {
    background: #df3e7b
}

.form-sub.pro-btn:active,#update-payment-method-prompt a.form-sub:active,#update-payment-method-prompt a.btn-talent-application:active,.pro-btn.btn-talent-application:active,.form-btn.pro-btn:active,#update-payment-method-prompt a.form-btn.form-sub:active,#update-payment-method-prompt a.form-btn.btn-talent-application:active {
    background: #c22b65
}

.form-sub.message-btn,.message-btn.btn-talent-application,.form-sub.good-btn,.good-btn.btn-talent-application,.form-btn.message-btn,.form-btn.good-btn {
    background-color: #7bbb5e
}

.form-sub.message-btn:hover,.message-btn.btn-talent-application:hover,.form-sub.message-btn:focus,.message-btn.btn-talent-application:focus,.form-sub.good-btn:hover,.good-btn.btn-talent-application:hover,.form-sub.good-btn:focus,.good-btn.btn-talent-application:focus,.form-btn.message-btn:hover,.form-btn.message-btn:focus,.form-btn.good-btn:hover,.form-btn.good-btn:focus {
    background-color: #5b9540
}

.form-sub.message-btn:active,.message-btn.btn-talent-application:active,.form-sub.good-btn:active,.good-btn.btn-talent-application:active,.form-btn.message-btn:active,.form-btn.good-btn:active {
    background-color: #3b6d25
}

.form-sub.hiring-btn,.hiring-btn.btn-talent-application,.form-sub.job-btn,.job-btn.btn-talent-application,.form-btn.hiring-btn,.form-btn.job-btn {
    background-color: #c142a0
}

.form-sub.hiring-btn:hover,.hiring-btn.btn-talent-application:hover,.form-sub.hiring-btn:focus,.hiring-btn.btn-talent-application:focus,.form-sub.job-btn:hover,.job-btn.btn-talent-application:hover,.form-sub.job-btn:focus,.job-btn.btn-talent-application:focus,.form-btn.hiring-btn:hover,.form-btn.hiring-btn:focus,.form-btn.job-btn:hover,.form-btn.job-btn:focus {
    background-color: #ac388e
}

.form-sub.hiring-btn:active,.hiring-btn.btn-talent-application:active,.form-sub.job-btn:active,.job-btn.btn-talent-application:active,.form-btn.hiring-btn:active,.form-btn.job-btn:active {
    background-color: #9d3381
}

.form-sub.team-btn,.team-btn.btn-talent-application,.form-btn.team-btn {
    background-color: #00b6e3
}

.form-sub.team-btn:hover,.team-btn.btn-talent-application:hover,.form-sub.team-btn:focus,.team-btn.btn-talent-application:focus,.form-btn.team-btn:hover,.form-btn.team-btn:focus {
    background-color: #00a8d2
}

.form-sub.team-btn:active,.team-btn.btn-talent-application:active,.form-btn.team-btn:active {
    background-color: #0093b7
}

.form-sub.playbook-btn,.playbook-btn.btn-talent-application,.form-sub.btn-interested,.btn-interested.btn-talent-application,.form-btn.playbook-btn,.form-btn.btn-interested {
    background-color: #53c68c
}

.form-sub.playbook-btn:hover,.playbook-btn.btn-talent-application:hover,.form-sub.playbook-btn:focus,.playbook-btn.btn-talent-application:focus,.form-sub.btn-interested:hover,.btn-interested.btn-talent-application:hover,.form-sub.btn-interested:focus,.btn-interested.btn-talent-application:focus,.form-btn.playbook-btn:hover,.form-btn.playbook-btn:focus,.form-btn.btn-interested:hover,.form-btn.btn-interested:focus {
    background-color: #3ebc7d
}

.form-sub.playbook-btn:active,.playbook-btn.btn-talent-application:active,.form-sub.btn-interested:active,.btn-interested.btn-talent-application:active,.form-btn.playbook-btn:active,.form-btn.btn-interested:active {
    background-color: #39ad72
}

.form-sub.link-btn,.link-btn.btn-talent-application,.form-btn.link-btn {
    background-color: #3a8bbb
}

.form-sub.link-btn:hover,.link-btn.btn-talent-application:hover,.form-sub.link-btn:focus,.link-btn.btn-talent-application:focus,.form-btn.link-btn:hover,.form-btn.link-btn:focus {
    background-color: #1e6189
}

.form-sub.link-btn:active,.link-btn.btn-talent-application:active,.form-btn.link-btn:active {
    background-color: #0c3f5d
}

.form-sub.light-btn,.light-btn.btn-talent-application,.form-btn.light-btn {
    background-color: #ddd;
    color: #666
}

.form-sub.light-btn:hover,.light-btn.btn-talent-application:hover,.form-sub.light-btn:focus,.light-btn.btn-talent-application:focus,.form-btn.light-btn:hover,.form-btn.light-btn:focus {
    background-color: #3a8bbb;
    color: white
}

.form-sub.light-btn:active,.light-btn.btn-talent-application:active,.form-btn.light-btn:active {
    background-color: #1e6189;
    color: white
}

.form-sub.lighter-btn,.lighter-btn.btn-talent-application,.form-btn.lighter-btn {
    background-color: #f2f2f2;
    color: #757575
}

.form-sub.lighter-btn:hover,.lighter-btn.btn-talent-application:hover,.form-sub.lighter-btn:focus,.lighter-btn.btn-talent-application:focus,.form-sub.lighter-btn:active,.lighter-btn.btn-talent-application:active,.form-btn.lighter-btn:hover,.form-btn.lighter-btn:focus,.form-btn.lighter-btn:active {
    background-color: #ddd;
    color: #444
}

.form-sub.transparent-btn,.transparent-btn.btn-talent-application,.form-btn.transparent-btn {
    background-color: transparent;
    border: 0;
    color: #666
}

.form-sub.transparent-btn:hover,.transparent-btn.btn-talent-application:hover,.form-sub.transparent-btn:focus,.transparent-btn.btn-talent-application:focus,.form-btn.transparent-btn:hover,.form-btn.transparent-btn:focus {
    background-color: #f4f4f4
}

.form-sub.transparent-btn.is-active,.transparent-btn.is-active.btn-talent-application,.form-btn.transparent-btn.is-active {
    background-color: rgba(58,139,187,0.15);
    color: #3a8bbb
}

.form-sub.talent-btn,.talent-btn.btn-talent-application,.form-btn.talent-btn {
    background-color: #5960B3;
    color: #fff
}

.form-sub.talent-btn:hover,.talent-btn.btn-talent-application:hover,.form-sub.talent-btn:focus,.talent-btn.btn-talent-application:focus,.form-btn.talent-btn:hover,.form-btn.talent-btn:focus {
    color: white;
    background-color: #444a95
}

.form-sub.talent-btn:hover.disabled,.talent-btn.btn-talent-application:hover.disabled,.form-sub.talent-btn:hover[disabled],.talent-btn.btn-talent-application:hover[disabled],.form-sub.talent-btn:focus.disabled,.talent-btn.btn-talent-application:focus.disabled,.form-sub.talent-btn:focus[disabled],.talent-btn.btn-talent-application:focus[disabled],.form-btn.talent-btn:hover.disabled,.form-btn.talent-btn:hover[disabled],.form-btn.talent-btn:focus.disabled,.form-btn.talent-btn:focus[disabled] {
    background-color: rgba(89,96,179,0.6)
}

.form-sub.talent-btn:active,.talent-btn.btn-talent-application:active,.form-btn.talent-btn:active {
    background-color: #5960B3;
    color: white
}

.form-sub.talent-btn:active.disabled,.talent-btn.btn-talent-application:active.disabled,.form-sub.talent-btn:active[disabled],.talent-btn.btn-talent-application:active[disabled],.form-btn.talent-btn:active.disabled,.form-btn.talent-btn:active[disabled] {
    background-color: rgba(89,96,179,0.6)
}

.form-sub.warning-btn,.warning-btn.btn-talent-application,.form-btn.warning-btn {
    background-color: #f55;
    border: 0;
    color: #fff
}

.form-sub.warning-btn:hover,.warning-btn.btn-talent-application:hover,.form-sub.warning-btn:focus,.warning-btn.btn-talent-application:focus,.form-btn.warning-btn:hover,.form-btn.warning-btn:focus {
    background-color: #ff2222
}

.form-sub.talent-prompt-btn,.talent-prompt-btn.btn-talent-application,.form-btn.talent-prompt-btn {
    background-color: #ddd;
    color: #666
}

.form-sub.talent-prompt-btn:hover,.talent-prompt-btn.btn-talent-application:hover,.form-sub.talent-prompt-btn:focus,.talent-prompt-btn.btn-talent-application:focus,.form-btn.talent-prompt-btn:hover,.form-btn.talent-prompt-btn:focus {
    background-color: #df3e7b;
    color: white
}

.form-sub.talent-prompt-btn:hover.disabled,.talent-prompt-btn.btn-talent-application:hover.disabled,.form-sub.talent-prompt-btn:hover[disabled],.talent-prompt-btn.btn-talent-application:hover[disabled],.form-sub.talent-prompt-btn:focus.disabled,.talent-prompt-btn.btn-talent-application:focus.disabled,.form-sub.talent-prompt-btn:focus[disabled],.talent-prompt-btn.btn-talent-application:focus[disabled],.form-btn.talent-prompt-btn:hover.disabled,.form-btn.talent-prompt-btn:hover[disabled],.form-btn.talent-prompt-btn:focus.disabled,.form-btn.talent-prompt-btn:focus[disabled] {
    background-color: #ddd
}

.form-sub.talent-prompt-btn:active,.talent-prompt-btn.btn-talent-application:active,.form-btn.talent-prompt-btn:active {
    background-color: #c22b65;
    color: white
}

.form-sub.talent-prompt-btn:active.disabled,.talent-prompt-btn.btn-talent-application:active.disabled,.form-sub.talent-prompt-btn:active[disabled],.talent-prompt-btn.btn-talent-application:active[disabled],.form-btn.talent-prompt-btn:active.disabled,.form-btn.talent-prompt-btn:active[disabled] {
    background-color: #ddd
}

.form-sub.draft-pending,.draft-pending.btn-talent-application,.form-btn.draft-pending {
    background-color: #ea4c89
}

.form-sub.draft-pending:hover,.draft-pending.btn-talent-application:hover,.form-sub.draft-pending:focus,.draft-pending.btn-talent-application:focus,.form-sub.draft-pending:active,.draft-pending.btn-talent-application:active,.form-btn.draft-pending:hover,.form-btn.draft-pending:focus,.form-btn.draft-pending:active {
    background-color: #ea4c89
}

ol.player-cards .form-sub.draft-pending,ol.player-cards .draft-pending.btn-talent-application,ol.player-cards .form-btn.draft-pending {
    font-size: 12px;
    padding: 4px 8px
}

.form-sub.auth-twitter.auth-nonlink,.auth-twitter.auth-nonlink.btn-talent-application,.form-sub.auth-facebook.auth-nonlink,.auth-facebook.auth-nonlink.btn-talent-application,.form-sub.auth-google.auth-nonlink,.auth-google.auth-nonlink.btn-talent-application,.form-sub.auth-figma.auth-nonlink,.auth-figma.auth-nonlink.btn-talent-application,.form-btn.auth-twitter.auth-nonlink,.form-btn.auth-facebook.auth-nonlink,.form-btn.auth-google.auth-nonlink,.form-btn.auth-figma.auth-nonlink {
    color: #444;
    border: 1px solid #ccc;
    background-color: rgba(0,0,0,0.05);
    padding-right: 24px
}

.form-sub.auth-twitter.auth-nonlink:hover,.auth-twitter.auth-nonlink.btn-talent-application:hover,.form-sub.auth-twitter.auth-nonlink:focus,.auth-twitter.auth-nonlink.btn-talent-application:focus,.form-sub.auth-twitter.auth-nonlink:active,.auth-twitter.auth-nonlink.btn-talent-application:active,.form-sub.auth-facebook.auth-nonlink:hover,.auth-facebook.auth-nonlink.btn-talent-application:hover,.form-sub.auth-facebook.auth-nonlink:focus,.auth-facebook.auth-nonlink.btn-talent-application:focus,.form-sub.auth-facebook.auth-nonlink:active,.auth-facebook.auth-nonlink.btn-talent-application:active,.form-sub.auth-google.auth-nonlink:hover,.auth-google.auth-nonlink.btn-talent-application:hover,.form-sub.auth-google.auth-nonlink:focus,.auth-google.auth-nonlink.btn-talent-application:focus,.form-sub.auth-google.auth-nonlink:active,.auth-google.auth-nonlink.btn-talent-application:active,.form-sub.auth-figma.auth-nonlink:hover,.auth-figma.auth-nonlink.btn-talent-application:hover,.form-sub.auth-figma.auth-nonlink:focus,.auth-figma.auth-nonlink.btn-talent-application:focus,.form-sub.auth-figma.auth-nonlink:active,.auth-figma.auth-nonlink.btn-talent-application:active,.form-btn.auth-twitter.auth-nonlink:hover,.form-btn.auth-twitter.auth-nonlink:focus,.form-btn.auth-twitter.auth-nonlink:active,.form-btn.auth-facebook.auth-nonlink:hover,.form-btn.auth-facebook.auth-nonlink:focus,.form-btn.auth-facebook.auth-nonlink:active,.form-btn.auth-google.auth-nonlink:hover,.form-btn.auth-google.auth-nonlink:focus,.form-btn.auth-google.auth-nonlink:active,.form-btn.auth-figma.auth-nonlink:hover,.form-btn.auth-figma.auth-nonlink:focus,.form-btn.auth-figma.auth-nonlink:active {
    background-color: rgba(0,0,0,0.05)
}

.form-sub.auth-twitter a.remove,.auth-twitter.btn-talent-application a.remove,.form-sub.auth-facebook a.remove,.auth-facebook.btn-talent-application a.remove,.form-sub.auth-google a.remove,.auth-google.btn-talent-application a.remove,.form-sub.auth-figma a.remove,.auth-figma.btn-talent-application a.remove,.form-btn.auth-twitter a.remove,.form-btn.auth-facebook a.remove,.form-btn.auth-google a.remove,.form-btn.auth-figma a.remove {
    position: absolute;
    top: -2px;
    right: -7px;
    margin: 6px 12px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #999;
    background: url(/assets/icon-tagx-91eac54571c25946382f84965c2111fef1ef9a27f90b5eff69441c7fb855e0a7.png) no-repeat 0 0;
    z-index: 3
}

.form-sub.auth-twitter a.remove:hover,.auth-twitter.btn-talent-application a.remove:hover,.form-sub.auth-facebook a.remove:hover,.auth-facebook.btn-talent-application a.remove:hover,.form-sub.auth-google a.remove:hover,.auth-google.btn-talent-application a.remove:hover,.form-sub.auth-figma a.remove:hover,.auth-figma.btn-talent-application a.remove:hover,.form-btn.auth-twitter a.remove:hover,.form-btn.auth-facebook a.remove:hover,.form-btn.auth-google a.remove:hover,.form-btn.auth-figma a.remove:hover {
    background-position: 0 -12px
}

.form-sub.auth-twitter a.remove img,.auth-twitter.btn-talent-application a.remove img,.form-sub.auth-facebook a.remove img,.auth-facebook.btn-talent-application a.remove img,.form-sub.auth-google a.remove img,.auth-google.btn-talent-application a.remove img,.form-sub.auth-figma a.remove img,.auth-figma.btn-talent-application a.remove img,.form-btn.auth-twitter a.remove img,.form-btn.auth-facebook a.remove img,.form-btn.auth-google a.remove img,.form-btn.auth-figma a.remove img {
    height: 0
}

.form-sub.auth-twitter,.auth-twitter.btn-talent-application,.form-btn.auth-twitter {
    background-color: #1da1f2
}

.form-sub.auth-twitter span.new,.auth-twitter.btn-talent-application span.new,.form-btn.auth-twitter span.new {
    display: none
}

.form-sub.auth-twitter.connected,.auth-twitter.connected.btn-talent-application,.form-sub.auth-twitter.connected:focus,.auth-twitter.connected.btn-talent-application:focus,.form-btn.auth-twitter.connected,.form-btn.auth-twitter.connected:focus {
    background: none;
    -webkit-box-shadow: 0px 0px 0px 1px #1da1f2 inset;
    box-shadow: 0px 0px 0px 1px #1da1f2 inset;
    color: #1da1f2
}

.form-sub.auth-twitter.connected span.initial,.auth-twitter.connected.btn-talent-application span.initial,.form-sub.auth-twitter.connected img,.auth-twitter.connected.btn-talent-application img,.form-sub.auth-twitter.connected:focus span.initial,.auth-twitter.connected.btn-talent-application:focus span.initial,.form-sub.auth-twitter.connected:focus img,.auth-twitter.connected.btn-talent-application:focus img,.form-btn.auth-twitter.connected span.initial,.form-btn.auth-twitter.connected img,.form-btn.auth-twitter.connected:focus span.initial,.form-btn.auth-twitter.connected:focus img {
    display: none
}

.form-sub.auth-twitter.connected span.new,.auth-twitter.connected.btn-talent-application span.new,.form-sub.auth-twitter.connected:focus span.new,.auth-twitter.connected.btn-talent-application:focus span.new,.form-btn.auth-twitter.connected span.new,.form-btn.auth-twitter.connected:focus span.new {
    display: inline
}

.form-sub.auth-twitter:hover,.auth-twitter.btn-talent-application:hover,.form-sub.auth-twitter:focus,.auth-twitter.btn-talent-application:focus,.form-btn.auth-twitter:hover,.form-btn.auth-twitter:focus {
    background-color: #0d95e8
}

.form-sub.auth-twitter:active,.auth-twitter.btn-talent-application:active,.form-btn.auth-twitter:active {
    background-color: #0d8cda
}

.form-sub.auth-facebook,.auth-facebook.btn-talent-application,.form-btn.auth-facebook {
    background-color: #3b5998
}

.form-sub.auth-facebook:hover,.auth-facebook.btn-talent-application:hover,.form-sub.auth-facebook:focus,.auth-facebook.btn-talent-application:focus,.form-btn.auth-facebook:hover,.form-btn.auth-facebook:focus {
    background-color: #344e86
}

.form-sub.auth-facebook:active,.auth-facebook.btn-talent-application:active,.form-btn.auth-facebook:active {
    background-color: #30487b
}

.form-sub.auth-google,.auth-google.btn-talent-application,.form-btn.auth-google {
    background-color: #4285f4
}

.form-sub.auth-google:hover,.auth-google.btn-talent-application:hover,.form-sub.auth-google:focus,.auth-google.btn-talent-application:focus,.form-btn.auth-google:hover,.form-btn.auth-google:focus {
    background-color: #2a75f3
}

.form-sub.auth-google:active,.auth-google.btn-talent-application:active,.form-btn.auth-google:active {
    background-color: #1b6cf2
}

.form-sub.auth-figma,.auth-figma.btn-talent-application,.form-btn.auth-figma {
    background-color: #000
}

.form-sub.pinterest-btn svg,.pinterest-btn.btn-talent-application svg,.form-btn.pinterest-btn svg {
    fill: #bd081c
}

.form-sub.facebook-btn svg,.facebook-btn.btn-talent-application svg,.form-btn.facebook-btn svg {
    fill: #3b5998
}

.form-sub.twitter-btn svg,.twitter-btn.btn-talent-application svg,.form-btn.twitter-btn svg {
    fill: #1da1f2
}

.form-sub.clipboard-btn svg,.clipboard-btn.btn-talent-application svg,.form-btn.clipboard-btn svg {
    fill: #3a8bbb
}

.form-sub.sentence-btn,.sentence-btn.btn-talent-application,.form-btn.sentence-btn {
    background-color: transparent;
    color: #ea4c89;
    display: inline;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    overflow: visible
}

.form-sub.sentence-btn.processing,.sentence-btn.processing.btn-talent-application,.form-btn.sentence-btn.processing {
    background-color: transparent !important;
    background-size: 17px 17px !important;
    padding-left: 17px !important
}

.form-sub.sentence-btn:hover,.sentence-btn.btn-talent-application:hover,.form-sub.sentence-btn:focus,.sentence-btn.btn-talent-application:focus,.form-btn.sentence-btn:hover,.form-btn.sentence-btn:focus {
    background-color: transparent;
    color: #df3e7b
}

.form-sub.sentence-btn:active,.sentence-btn.btn-talent-application:active,.form-btn.sentence-btn:active {
    background-color: transparent;
    color: #c22b65
}

.form-sub.stripped-btn,.stripped-btn.btn-talent-application,.form-btn.stripped-btn {
    background-color: transparent;
    color: inherit;
    display: inline;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    overflow: visible
}

.form-sub.stripped-btn.processing,.stripped-btn.processing.btn-talent-application,.form-btn.stripped-btn.processing {
    background-color: transparent !important;
    background-size: 17px 17px !important;
    padding-left: 17px !important
}

.form-sub.stripped-btn:hover,.stripped-btn.btn-talent-application:hover,.form-sub.stripped-btn:focus,.stripped-btn.btn-talent-application:focus,.form-btn.stripped-btn:hover,.form-btn.stripped-btn:focus {
    background-color: transparent;
    color: #df3e7b
}

.form-sub.stripped-btn:active,.stripped-btn.btn-talent-application:active,.form-btn.stripped-btn:active {
    background-color: transparent;
    color: #c22b65
}

.form-sub svg,.btn-talent-application svg,.form-btn svg {
    fill: currentColor;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px
}

.listed-by-current-user div.add-to-list .form-sub span.check,.listed-by-current-user div.add-to-list .btn-talent-application span.check,.form-sub.messaged span.check,.messaged.btn-talent-application span.check,.listed-by-current-user div.add-to-list .form-btn span.check,.form-btn.messaged span.check {
    display: block
}

@-moz-document url-prefix() {
    input[type=submit].form-sub,input.btn-talent-application[type=submit],input[type=submit].form-btn {
        padding: 9px 15px 10px
    }
}

.form-sub,.btn-talent-application {
    background: #ea4c89
}

.form-sub:hover,.btn-talent-application:hover,.form-sub:focus,.btn-talent-application:focus {
    background-color: #df3e7b
}

.form-sub:hover.disabled,.btn-talent-application:hover.disabled,.form-sub:hover[disabled],.btn-talent-application:hover[disabled],.form-sub:focus.disabled,.btn-talent-application:focus.disabled,.form-sub:focus[disabled],.btn-talent-application:focus[disabled] {
    background-color: #ea4c89
}

.form-sub:active,.btn-talent-application:active {
    background-color: #c22b65
}

.form-sub:active.disabled,.btn-talent-application:active.disabled,.form-sub:active[disabled],.btn-talent-application:active[disabled] {
    background-color: #ea4c89
}

@-moz-document url-prefix() {
    input[type=submit].form-sub,input.btn-talent-application[type=submit],input[type=submit].form-btn {
        padding: 9px 15px 10px
    }
}

.form-sub.disabled,.disabled.btn-talent-application,form input[type=submit][disabled],a.form-sub[disabled],a.btn-talent-application[disabled] {
    opacity: .4;
    cursor: not-allowed
}

.form-btn {
    background: rgba(0,0,0,0.3)
}

.form-btn:hover,.form-btn:focus {
    background-color: rgba(0,0,0,0.4)
}

.form-btn:active {
    background-color: rgba(0,0,0,0.5)
}

.btn-dropdown {
    position: relative;
    display: inline-block
}

.btn-dropdown .form-btn.outlined.btn-dropdown-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 35px
}

.btn-dropdown svg.btn-dropdown-caret {
    position: absolute;
    right: 15px;
    top: 15px;
    fill: currentColor;
    width: 10px;
    height: 10px;
    margin: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.btn-dropdown svg.btn-dropdown-option {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px
}

.btn-dropdown.open .btn-dropdown-link svg.btn-dropdown-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-dropdown.open div.btn-dropdown-options {
    display: block
}

div.btn-dropdown-options {
    background: white;
    border-radius: 4px;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.04);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.04);
    display: none;
    left: 0;
    min-width: 180px;
    position: absolute;
    top: calc(100% + 4px);
    z-index: 1
}

div.btn-dropdown-options ul {
    list-style: none;
    padding: 8px 0
}

div.btn-dropdown-options li.rule {
    border-bottom: 1px solid #bbb;
    margin: 5px 0
}

div.btn-dropdown-options a {
    display: block;
    padding: 8px 15px;
    font-size: 13px;
    color: #757575
}

div.btn-dropdown-options a:hover,div.btn-dropdown-options a:active {
    color: #444;
    background-color: #F5F6F7
}

div.btn-dropdown-options a.active,div.btn-dropdown-options li.active a {
    font-weight: 500;
    color: #444
}

div.copy div.btn-dropdown-options {
    list-style: none
}

div.copy div.btn-dropdown-options ul {
    margin: 0
}

div.copy div.btn-dropdown-options li {
    margin: 0
}

div.copy div.btn-dropdown-options li.rule {
    margin: 5px 0
}

.btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link {
    border-radius: 8px;
    font-weight: normal;
    -webkit-box-shadow: 0px 0px 0px 1px #D8DDE2 inset;
    box-shadow: 0px 0px 0px 1px #D8DDE2 inset;
    color: #444;
    letter-spacing: normal
}

@media only screen and (max-width: 959px) {
    .btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link {
        font-size:16px
    }
}

.btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link:hover,.btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link:active {
    -webkit-box-shadow: 0px 0px 0px 1px #D8DDE2 inset,0px 3px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 0px 1px #D8DDE2 inset,0px 3px 4px rgba(0,0,0,0.04)
}

.shot-filters-form .btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link {
    font-weight: 500
}

.btn-dropdown.btn-dropdown-neue .form-btn.outlined.btn-dropdown-link span.default-option {
    color: #757575;
    font-weight: normal
}

.btn-dropdown.btn-dropdown-neue svg.btn-dropdown-caret {
    fill: #bbb
}

.btn-dropdown.btn-dropdown-neue div.btn-dropdown-options {
    border-radius: 8px;
    border-color: #D8DDE2
}

.btn-dropdown.btn-dropdown-neue div.btn-dropdown-options li.active a {
    color: #3a8bbb;
    background-color: rgba(58,139,187,0.15)
}

.btn-dropdown.btn-dropdown-neue div.btn-dropdown-options li.rule {
    border-color: #D8DDE2
}

@media only screen and (max-width: 959px) {
    .btn-dropdown.btn-dropdown-neue div.btn-dropdown-options a {
        font-size:16px
    }
}

.red-text-button {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: transparent;
    color: #f55;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.red-text-button:link,.red-text-button:visited {
    color: #f55
}

.red-text-button:hover,.red-text-button:focus {
    color: #e64c4d
}

div.processing {
    margin: 0;
    padding: 10px 10px 10px 42px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8em;
    color: #444;
    background-color: #fff;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-radius: 6px;
    z-index: 999
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.processing {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 32px 32px
    }
}

div.processing em {
    font-weight: normal;
    font-style: normal;
    color: #757575
}

#infscr-loading {
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    color: #999
}

#infscr-loading img {
    display: block;
    margin: 0 auto 8px auto
}

.processing,a.processing,a.stats-action.processing,a.processing:hover,input.processing:hover {
    padding-left: 32px;
    color: #333 !important;
    background-color: #fff !important;
    background-image: url(/assets/processing-46166388f946b122afec7880ec771747811001faf38bb33b1b9d6e8d8549d8bc.gif);
    background-repeat: no-repeat;
    background-position: 0 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .processing,a.processing,a.stats-action.processing,a.processing:hover,input.processing:hover {
        background-image:url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif);
        background-size: 32px 32px
    }
}

#add-btn .processing,#add-btn a.processing,#add-btn a.stats-action.processing,#add-btn a.processing:hover,#add-btn input.processing:hover {
    background-position: 20px 50%
}

.processing svg,a.processing svg,a.stats-action.processing svg,a.processing:hover svg,input.processing:hover svg {
    display: none
}

a.stats-action.processing {
    background-color: transparent
}

a.processing span {
    padding: 0;
    background: none
}

a.processing:hover span {
    color: #333;
    background: none
}

span.processing {
    display: inline-block;
    padding: 6px 10px 6px 33px;
    font-weight: bold;
    border-radius: 4px
}

table.data td.follow a.processing,ol.player-cards li a.compact.processing {
    padding: 0;
    width: 24px;
    height: 24px;
    background-position: -4px -2px;
    overflow: hidden
}

ol.activity li a.processing {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/processing-mini-72e109e1c1d7dac0298cfc113dd67f5d9398920849ddae9d2e888a181095e458.gif);
    overflow: hidden
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.activity li a.processing {
        background-image:url(/assets/processing-mini-2x-ed9155b581465d4d03a00ab58f3f68cbe7e2fff3b2ce1d1aa7c71fed4bf09fa6.gif);
        background-size: 14px 14px
    }
}

ol.activity li a.processing span,ol.activity li a.processing:hover span {
    background: none
}

table.data td.follow a.processing:hover span,ol.players-list li a.processing:hover span,ol.player-cards li a.processing:hover span {
    background: none
}

div.processing-results {
    width: 350px;
    position: absolute;
    top: 136px;
    left: 50%;
    margin-left: -175px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15)
}

@media only screen and (max-width: 959px) {
    div.processing-results {
        width:100%;
        position: absolute;
        top: 211px;
        left: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
        box-shadow: 1px 1px 3px rgba(0,0,0,0.15)
    }
}

div.copy .errorExplanation,.errorExplanation {
    margin: 0 0 10px 0;
    font-weight: normal;
    text-align: left;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px #ddd;
    box-shadow: 0 2px 2px #ddd
}

div.copy .errorExplanation h2,.errorExplanation h2 {
    padding: 10px 20px;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    margin: 0;
    font-weight: bold;
    background: #f55;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

div.copy .errorExplanation p,div.copy .errorExplanation ol,div.copy .errorExplanation ul,div.copy .errorExplanation li,.errorExplanation p,.errorExplanation ol,.errorExplanation ul,.errorExplanation li {
    color: #f55;
    font-size: 13px;
    line-height: 1.5
}

.errorExplanation ul,div.copy .errorExplanation ul,.errorExplanation p {
    margin-top: 0;
    padding: 15px
}

.errorExplanation ul li,div.copy .errorExplanation ul li {
    margin: 5px 0 0 20px;
    list-style: disc
}

.errorExplanation ul li:first-of-type,div.copy .errorExplanation ul li:first-of-type {
    margin-top: 0
}

#project-add .errorExplanation ul li,#bucket-add .errorExplanation ul li,#list-add .errorExplanation ul li,#good-add .errorExplanation ul li {
    font-size: 12px;
    line-height: 1.4
}

#project-add fieldset.fieldWithErrors,#bucket-add fieldset.fieldWithErrors,#list-add fieldset.fieldWithErrors,#good-add fieldset.fieldWithErrors {
    background: none
}

form.gen-form fieldset.fieldWithErrors input[type=text],form.gen-form fieldset.fieldWithErrors input[type=password],form.gen-form fieldset.fieldWithErrors input[type=email],form.gen-form fieldset.fieldWithErrors input[type=url],form.gen-form fieldset.fieldWithErrors input[type=tel],form.gen-form fieldset.fieldWithErrors textarea,form.gen-form fieldset.fieldWithErrors .ql-container .ql-editor,.ql-container form.gen-form fieldset.fieldWithErrors .ql-editor {
    -webkit-box-shadow: inset 0 0 5px #f55;
    box-shadow: inset 0 0 5px #f55;
    background-color: white
}

.null {
    font-size: .8em;
    font-style: normal;
    color: #999
}

.copy .null-message,.null-message {
    color: #999;
    margin: 40px;
    text-align: center;
    font-style: normal
}

.copy .null-message h2,.null-message h2 {
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.5;
    color: #999
}

.copy .null-message p,.null-message p {
    margin-top: 10px;
    color: #999
}

.copy .null-message p.null-subhead,.null-message p.null-subhead {
    font-size: 18px;
    margin-bottom: 8px
}

.copy .null-message a,.null-message a {
    font-weight: 500
}

.copy .null-message a.form-sub,.copy .null-message a.btn-talent-application,.null-message a.form-sub,.null-message a.btn-talent-application {
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 18px
}

.go-pro {
    margin: 0;
    padding: 0
}

.go-pro h2 {
    font-size: 22px;
    line-height: 2
}

div.pro-search-mod .go-pro h2 {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    color: #999
}

.go-pro h2 em {
    display: block;
    margin: 12px 0 0 0;
    font-size: 14px;
    font-style: normal;
    line-height: 1
}

.go-pro h2 strong {
    color: #444;
    font-weight: 500
}

.go-pro h2 a.form-sub,.go-pro h2 a.btn-talent-application {
    margin: 0 4px 0 0;
    color: #fff
}

div.pro-search-mod .go-pro h2 a.form-sub,div.pro-search-mod .go-pro h2 a.btn-talent-application {
    display: block;
    margin: 0 0 8px 0
}

div.friendly {
    margin: -30px 0 25px 0;
    padding: 25px 30px 25px 30px;
    line-height: 1.4;
    color: #444;
    background: #fff;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

@media only screen and (max-width: 959px) {
    div.friendly {
        margin-top:-15px
    }
}

div.prompt {
    padding: 25px 30px 25px 30px;
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 1.4;
    color: #444;
    text-align: center;
    border: 1px solid #ecdeca;
    background-color: #fff9df;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

div.prompt em,div.prompt strong {
    font-style: normal;
    color: #444
}

div.prompt span.badge-sale {
    position: relative;
    top: -1px;
    margin: 0 4px 0 0;
    padding: 2px 6px;
    font-size: 13px
}

div.secondary div.prompt {
    padding: 15px
}

div.secondary div.prompt h2 {
    font-size: 15px;
    line-height: 1.3
}

div.secondary div.prompt p {
    font-size: 13px;
    line-height: 1.5
}

div.friendly h2,div.prompt h2 {
    margin: 0 0 6px 0;
    font-size: 24px;
    line-height: 1;
    font-weight: 500
}

div.friendly h3,div.prompt h3 {
    margin: 15px 0 10px 0;
    font-size: 20px;
    line-height: 1;
    font-weight: normal
}

div.friendly p,div.prompt p {
    font-size: 16px;
    line-height: 1.4;
    color: rgba(0,0,0,0.5);
    margin-bottom: 10px
}

div.friendly p:last-child,div.prompt p:last-child {
    margin-bottom: 0
}

div.friendly p strong,div.prompt p strong {
    color: #444;
    font-weight: 500
}

div.friendly a,div.prompt a {
    font-weight: 500
}

div.friendly ul,div.prompt ul {
    margin: 20px 0 0;
    padding: 0 0 0 25px;
    list-style: disc;
    font-size: 14px
}

div.friendly ul li,div.prompt ul li {
    margin: 0 0 2px 0
}

div.friendly a.close,div.prompt a.close {
    float: right
}

div.job-prompt svg {
    vertical-align: text-bottom;
    height: 18px;
    width: 18px;
    margin-right: 4px;
    fill: #c142a0
}

div.signup-prompt {
    text-align: left
}

div.prospect-prompt {
    margin: 10px auto 40px auto;
    max-width: 600px
}

div.prospect-prompt strong {
    display: block;
    margin-bottom: 4px
}

div.prospect-prompt em {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #999
}

div.warning-prompt {
    margin: 0 0 20px 0;
    text-align: center
}

div.warning-prompt span {
    display: inline-block;
    padding-left: 32px;
    font-size: 15px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-warning-prompt-0064b91f8ccea8d91a9a4ce922c4a677e4a8c95283ac4696b09eb26a645dac82.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.warning-prompt span {
        background-image:url(/assets/icon-warning-prompt-2x-22256dd3032e86e35f1a3d66a0440edc3e145031c82e00edfe552d00918b6240.png);
        background-size: 24px 24px
    }
}

div.warning-prompt a {
    font-weight: bold
}

div.form-info-prompt {
    padding: 20px 0 0 0;
    text-align: left
}

div.form-info-prompt span {
    display: block;
    padding-left: 36px;
    font-size: 14px;
    line-height: 1.4;
    background-position: 0 0;
    min-height: 24px;
    background-image: url(/assets/icon-form-info-7979ee8b9e1802cb609e40d7fe66b32cd4d4386730c4f6437e244665663ee7db.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.form-info-prompt span {
        background-image:url(/assets/icon-form-info-2x-2d765a2d00d99b49f26cf08b2769770b4ae71130ed4acbbfa9d884396873cc94.png?1);
        background-size: 24px 24px
    }
}

div.notice-alert {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    background: rgba(234,76,137,0.95);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

div.notice-alert h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    padding: 0 36px
}

div.notice-alert a {
    color: #fff;
    border-bottom: 2px solid #fff
}

div.notice-alert a.close {
    position: absolute;
    top: 12px;
    right: 30px;
    border-bottom: none;
    opacity: .6
}

div.notice-alert a.close:hover {
    opacity: 1
}

@media only screen and (max-width: 959px) {
    div.notice-alert {
        margin:0 2%;
        left: 0;
        width: 96%;
        text-align: center
    }

    div.notice-alert a.close {
        right: 12px
    }

    div.notice-alert h3 {
        font-size: 14px;
        padding: 0 12px
    }
}

div.psst {
    position: relative;
    padding: 15px 50px;
    font-size: 13px;
    line-height: 1.3;
    color: #fff;
    background: #fff;
    z-index: 1
}

div.psst div {
    text-align: center;
    color: rgba(0,0,0,0.5)
}

div.psst div b {
    font-weight: 500;
    color: rgba(0,0,0,0.72)
}

div.psst div a {
    font-weight: 500;
    color: #ea4c89
}

div.psst div a:hover {
    color: #df3e7b
}

div.psst div a.close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 8px;
    line-height: 1;
    opacity: .37;
    border-radius: 50%
}

@media only screen and (max-width: 800px) {
    div.psst div a.close {
        right:10px
    }
}

div.psst div a.close img {
    float: right
}

div.psst div a.close:hover {
    opacity: .72;
    background: rgba(0,0,0,0.1)
}

@media only screen and (max-width: 959px) {
    div.psst {
        border-bottom:1px solid #ddd
    }
}

div.confirmation {
    margin: 20px;
    text-align: center
}

div.confirmation h1 {
    margin: 0 0 10px 0;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 1.3
}

div.confirmation h2 {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
    color: #757575
}

div.confirmation h2 strong {
    font-weight: 500;
    color: #444
}

div.confirmation p {
    margin: 0 0 20px 0;
    font-size: 15px;
    line-height: 1.5;
    color: #999
}

div.confirmation p.back {
    margin-top: 60px
}

div.confirmation p .form-sub,div.confirmation p .btn-talent-application {
    padding: 10px 20px;
    font-size: 13px
}

div.confirmation p a {
    font-weight: 500
}

.sorry-message {
    padding: 60px 180px;
    text-align: center;
    background: #fff;
    border-radius: 10px
}

.sorry-message h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.01em
}

.sorry-message p {
    margin: 20px 0 0 0;
    font-size: 18px;
    line-height: 1.5;
    color: #757575
}

.sorry-message p strong {
    color: #444
}

.sorry-message p a {
    font-weight: 500
}

@media only screen and (max-width: 800px) {
    .sorry-message {
        padding:20px
    }

    .sorry-message h1 {
        font-size: 24px
    }

    .sorry-message p {
        font-size: 16px
    }
}

div.toasty {
    border-radius: 8px;
    bottom: 15px;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    left: 15px;
    padding: 20px;
    max-width: 500px;
    overflow: hidden;
    position: fixed;
    z-index: 3;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 530px) {
    div.toasty {
        right:15px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

div.toasty,div.toasty * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.toasty-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

div.toasty-text {
    padding-left: 15px
}

@media screen and (max-width: 530px) {
    div.toasty-text {
        padding-left:0;
        padding-top: 15px
    }
}

div.toasty p {
    font-size: 13px
}

div.toasty .close {
    color: #bbb;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 10px
}

div.toasty .close:hover,div.toasty .close:active {
    color: #999
}

div.toasty .toasty-cta {
    width: 100%
}

@media screen and (max-width: 530px) {
    div.toasty .toasty-cta {
        width:auto
    }
}

div.toasty:before {
    background-image: url(/assets/dribbble-vector-ball-95ca193529993e9b3904f7adb541680aba196642f557cfaf3cdbb0a48a284be4.svg);
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 283px;
    opacity: 0.05;
    position: absolute;
    right: -63px;
    top: -87px;
    width: 283px
}

div.toasty.toasty-dark {
    background-color: #000
}

div.toasty.toasty-dark:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid' width='128' height='128' viewBox='0 0 128 128'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23221c24; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M64.000,128.002 C28.709,128.002 -0.002,99.291 -0.002,64.000 C-0.002,28.709 28.709,-0.002 64.000,-0.002 C99.291,-0.002 128.002,28.709 128.002,64.000 C128.002,99.291 99.291,128.002 64.000,128.002 ZM117.976,72.761 C116.106,72.171 101.055,67.682 83.924,70.424 C91.075,90.073 93.985,106.076 94.545,109.402 C106.809,101.109 115.540,87.972 117.976,72.761 ZM85.354,114.406 C84.541,109.610 81.367,92.895 73.692,72.950 C73.572,72.991 73.452,73.030 73.332,73.072 C42.497,83.816 31.428,105.200 30.444,107.211 C39.714,114.439 51.362,118.751 64.000,118.751 C71.573,118.751 78.791,117.202 85.354,114.406 ZM23.386,100.636 C24.624,98.516 39.628,73.674 67.822,64.561 C68.535,64.331 69.253,64.114 69.976,63.910 C68.604,60.805 67.109,57.696 65.544,54.633 C38.244,62.803 11.752,62.462 9.360,62.413 C9.343,62.968 9.332,63.524 9.332,64.083 C9.332,78.124 14.655,90.944 23.386,100.636 ZM10.487,52.887 C12.932,52.919 35.455,53.017 61.027,46.226 C51.968,30.124 42.199,16.586 40.758,14.610 C25.464,21.824 14.032,35.923 10.487,52.887 ZM51.189,10.935 C52.700,12.959 62.629,26.480 71.587,42.938 C91.026,35.652 99.256,24.591 100.239,23.191 C90.585,14.626 77.890,9.416 64.000,9.416 C59.589,9.416 55.300,9.944 51.189,10.935 ZM106.316,29.513 C105.164,31.072 96.003,42.815 75.790,51.068 C77.062,53.672 78.282,56.320 79.417,58.986 C79.820,59.931 80.211,60.871 80.595,61.807 C98.785,59.520 116.859,63.186 118.661,63.567 C118.541,50.664 113.930,38.815 106.316,29.513 Z' class='cls-1'/%3E%3C/svg%3E");
    opacity: 1;
    z-index: -1
}

div.toasty.toasty-dark .close {
    color: #8C7496
}

div.toasty.toasty-dark .close:hover,div.toasty.toasty-dark .close:active {
    color: #a491ac
}

div.toasty.toasty-dark p {
    color: #8C7496
}

div.toasty.toasty-dark .form-sub,div.toasty.toasty-dark .btn-talent-application {
    background: radial-gradient(farthest-side at -30% -40%, #FFE500, #FF8554 49.17%, #F22C84, #2F27E9)
}

div.toasty.toasty-ht:before {
    background: transparent
}

.dd-hero {
    overflow-x: hidden
}

.dd-hero-inner {
    max-width: 1240px;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .dd-hero-inner {
        position:relative
    }
}

.dd-hero-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

@media only screen and (min-width: 960px) {
    .dd-hero-text {
        -ms-flex-order:1;
        order: 1
    }
}

@media all and (min-width: 1280px) {
    .dd-hero-text {
        padding-left:0
    }
}

.dd-hero-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .dd-hero-title {
        font-size:48px
    }
}

.dd-hero-paragraph {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 30px
}

@media only screen and (min-width: 960px) {
    .dd-hero-paragraph {
        font-size:20px
    }
}

.dd-hero-cta {
    min-width: 185px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .dd-hero-cta {
        min-width:225px
    }
}

.dd-hero-secondary-cta {
    min-width: 88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 16px;
    margin-left: 20px
}

.dd-hero-cta-note {
    width: 225px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.2;
    color: #757575;
    margin-top: 12px
}

@media only screen and (min-width: 960px) {
    .dd-hero-cta-note {
        text-align:center
    }
}

.dd-hero-art {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dd-hero-art {
        background: transparent !important
    }
}

.dd-hero-art img,.dd-hero-art video {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    mix-blend-mode: multiply;
    height: auto;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .dd-hero-art img,.dd-hero-art video {
        max-width:100%
    }
}

@media only screen and (min-width: 960px) {
    .dd-hero-art {
        -ms-flex-order:2;
        order: 2
    }
}

.dd-hero-art-user {
    position: absolute;
    font-size: 14px;
    line-height: 1.5;
    right: 15px;
    bottom: 15px
}

.dd-hero-art-user a {
    text-decoration: underline
}

.dd-hero-art-user a:link,.dd-hero-art-user a:visited,.dd-hero-art-user a:hover,.dd-hero-art-user a:active,.dd-hero-art-user a:focus {
    color: inherit
}

@media only screen and (min-width: 960px) {
    .dd-hero-box {
        position:absolute;
        width: 100vw;
        top: 0;
        left: 100%;
        right: 0;
        bottom: 0
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dd-hero-box {
        display: none
    }
}

.dd-hero-nav.nav {
    margin-bottom: -56px
}

@media only screen and (max-width: 959px) {
    .dd-hero-nav.nav {
        margin-bottom:-40px
    }
}

.dd-hero-nav .nav-items {
    max-width: 1240px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto
}

.dd-hero-nav .nav-items a {
    font-weight: 500
}

div.hero {
    background: #9da3a5;
    padding: 0 30px
}

@media only screen and (max-width: 959px) {
    div.hero {
        padding:0 15px
    }
}

body#signup div.hero {
    background: #9da3a5
}

div.hero.hero-pb {
    background: #53c68c
}

div.hero.hero-teams {
    background: #00b6e3
}

div.hero.hero-jobs {
    background: linear-gradient(45deg, #5761b4 0%, #c142a0 100%)
}

div.hero.hero-meetups {
    background-size: cover;
    background: #9da3a5 url(/assets/meetup-cf2ce5e729efce245791312f4a2a6712b5afcff1c8a3af87248298b745ee446a.jpg) no-repeat center center fixed
}

div.hero.hero-places {
    background-size: 500px 496px;
    background: #9da3a5 url(/assets/places-topo-bg-af13cc91db2639a47dd9908026dcb51b36c6abccdc99c4dfc9ba809d637517a6.png) repeat center center fixed;
    overflow: hidden;
    position: relative
}

div.hero.hero-places .breadcrumbs {
    font-size: 16px
}

div.hero.hero-blog {
    background: #dac494 url(/assets/blog/courtside-bg-f9bd6eac7c7d96cf5404cd4db175a8826063826cceac905bf8902529b1e1b373.jpg) repeat fixed
}

div.hero.hero-deals {
    background: #6cc
}

div.hero div.hero-inner {
    margin: 0 auto;
    max-width: 1100px;
    padding: 18px 0 60px 0;
    position: relative
}

@media only screen and (max-width: 959px) {
    div.hero div.hero-inner {
        padding-bottom:70px
    }
}

div.hero div.hero-inner a.hero-link {
    bottom: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    left: 750px;
    opacity: .7;
    position: absolute
}

div.hero div.hero-inner a.hero-link:hover {
    opacity: 1
}

div.hero div.hero-inner div.hero-title {
    float: left
}

div.hero div.hero-inner div.hero-title span.pre-head {
    color: rgba(0,0,0,0.5);
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1;
    margin: 0 0 5px 0;
    text-transform: uppercase
}

div.hero div.hero-inner div.hero-title span.pre-head a {
    color: rgba(0,0,0,0.5)
}

div.hero div.hero-inner div.hero-title span.pre-head a img {
    position: relative;
    top: 2px
}

div.hero div.hero-inner div.hero-title h1,div.hero div.hero-inner div.hero-title span.blog-name {
    color: #fff;
    font-size: 78px;
    font-weight: bold;
    letter-spacing: -.02em;
    line-height: 1;
    margin: -5px 0 6px 0
}

div.hero div.hero-inner div.hero-title h1 a,div.hero div.hero-inner div.hero-title span.blog-name a {
    color: #fff
}

div.hero div.hero-inner div.hero-title h1 em,div.hero div.hero-inner div.hero-title span.blog-name em {
    color: rgba(255,255,255,0.5);
    font-style: normal;
    font-weight: normal
}

@media only screen and (max-width: 959px) {
    div.hero div.hero-inner div.hero-title {
        float:none
    }

    div.hero div.hero-inner div.hero-title span.pre-head {
        font-size: 14px;
        line-height: 1
    }

    div.hero div.hero-inner div.hero-title h1,div.hero div.hero-inner div.hero-title span.blog-name {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 1;
        margin: -5px 0 10px 0
    }
}

div.hero div.hero-inner div.hero-info {
    float: right;
    padding: 25px 0 0 0;
    width: 22.72727%
}

@media only screen and (max-width: 959px) {
    div.hero div.hero-inner div.hero-info {
        display:none
    }
}

div.hero div.hero-inner div.hero-info h2 {
    color: #fff;
    float: left;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1;
    margin: 0 10px 0 0
}

div.hero div.hero-inner div.hero-info h2 span {
    font-size: 24px;
    font-weight: 300;
    margin: 0 4px 0 0;
    position: relative;
    top: -12px
}

div.hero div.hero-inner div.hero-info h2 s {
    opacity: .5
}

div.hero div.hero-inner div.hero-info h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    margin: 5px 0 0 -4px
}

div.hero div.hero-inner div.hero-info h4 {
    color: rgba(0,0,0,0.5);
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-top: 3px
}

div.hero div.hero-inner div.hero-info h4 a {
    color: rgba(0,0,0,0.5)
}

div.hero div.hero-inner div.hero-info h4 a:hover {
    color: rgba(0,0,0,0.6);
    text-decoration: underline
}

div.hero div.hero-btn a {
    background: rgba(255,255,255,0.75);
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,0.4);
    display: block;
    float: right;
    font-size: 12px;
    line-height: 1.4;
    margin: 5px 0 0 0;
    overflow: hidden;
    padding: 12px 10px;
    text-align: center;
    width: 250px
}

div.hero div.hero-btn a.with-img {
    padding: 12px;
    text-align: left
}

div.hero div.hero-btn a strong.title {
    color: rgba(0,0,0,0.7);
    display: block;
    font-size: 13px;
    font-weight: 500
}

div.hero div.hero-btn a:hover {
    background-color: #fff
}

div.hero div.hero-btn a:active {
    background-color: rgba(255,255,255,0.6)
}

@media only screen and (max-width: 959px) {
    div.hero div.hero-btn {
        display:none
    }

    body#jobs div.hero div.hero-btn {
        display: block
    }

    body#jobs div.hero div.hero-btn a {
        float: none;
        margin: 0 0 15px 0;
        width: auto
    }
}

span.hero-link-jobs {
    bottom: 18px;
    bottom: 20px;
    position: absolute;
    right: 0;
    width: 22.72727%
}

span.hero-link-jobs a.twitter-jobs,span.hero-link-jobs a.rss-stories,span.hero-link-jobs a.edit-story {
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 20px 5px 0;
    opacity: .7;
    padding-left: 21px
}

span.hero-link-jobs a.twitter-jobs:hover,span.hero-link-jobs a.rss-stories:hover,span.hero-link-jobs a.edit-story:hover {
    opacity: 1
}

span.hero-link-jobs a.rss-stories {
    background-image: url(/assets/icon-rss-white-f51978bd4a36f74dc09233c5b5b1c3225f83c75ae6036a8318dd8bce60e4273f.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    span.hero-link-jobs a.rss-stories {
        background-image:url(/assets/icon-rss-white-2x-e4f3fde84d9a9d5ee004aff628b67fd12396ff6c7bc5e18518ce48a91734915e.png);
        background-size: 16px 16px
    }
}

span.hero-link-jobs a.twitter-jobs {
    margin-right: 0;
    background-image: url(/assets/icon-tweet16-white-e81db9e22ebd754050c1c630300490ec2b4aeb25a854f5ebd2ecce9bc9547a21.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    span.hero-link-jobs a.twitter-jobs {
        background-image:url(/assets/icon-tweet16-white-2x-800f12329f93b0f7f19f8ec75fbaf7ee0592665e3c9723a62c6c8c87e9e2af1a.png);
        background-size: 16px 16px
    }
}

@media only screen and (max-width: 959px) {
    a.twitter-jobs,a.hero-link {
        display:none
    }
}

.super-hero {
    background-size: cover;
    margin: 0 0 20px 0;
    padding: 60px;
    position: relative;
    text-align: center
}

.super-hero.hero-about,.super-hero.hero-careers {
    background-repeat: repeat;
    background-size: 50%;
    background: url(/assets/pebble-bg-8a7fb4fb7ecd677de11727d16c56827b1b96b33afcd2dcc29babdd889ef85576.jpg) no-repeat 50% -80px
}

.super-hero.hero-careers {
    padding: 60px 60px 90px 60px
}

.super-hero.hero-teams {
    background: #00b6e3
}

.super-hero.hero-teams:not(.super-hero-detail) {
    padding: 40px 60px 80px 40px
}

.super-hero.hero-meetups {
    background: url(/assets/meetups/super-hero-bg-c8b364d2dcbb831c1ff103e9f0529010b782e8c744d0e98fdf376bd50116957d.jpg) no-repeat 50% -80px
}

.super-hero.hero-meetup {
    background: #444 url(/assets/meetups/super-hero-bg-bw-18cabc29d05087f94ceecb5a5053f8a95d83d6c067e18decb03ecff47ff589d9.jpg) no-repeat 50% -80px
}

.super-hero.hero-prospects {
    background: -webkit-gradient(linear, left top, right top, from(#3a8bbb), to(#7c62a6));
    background: linear-gradient(to right, #3a8bbb 0%, #7c62a6 100%)
}

.super-hero.hero-prospects #prospect-invitation {
    padding: 30px
}

.super-hero.hero-friends {
    background: -webkit-gradient(linear, left top, right top, from(#1da1f2), to(#3b5998));
    background: linear-gradient(to right, #1da1f2 0%, #3b5998 100%)
}

.super-hero.hero-friends .form-btn.auth-twitter,.super-hero.hero-friends .form-btn.auth-facebook {
    background-color: rgba(255,255,255,0.1)
}

.super-hero.hero-friends .form-btn.auth-twitter img,.super-hero.hero-friends .form-btn.auth-facebook img {
    height: 16px;
    vertical-align: top;
    width: 16px
}

.super-hero.hero-overtime {
    background-size: 100%;
    background: url(/assets/overtime-hero-bg-d330998f38a86a979a470235a6cc3f4301f14924316e8a854dc685d781422e8f.png),linear-gradient(45deg, #5d46eb 0%, #ea4c89 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 50%, 0 0;
    background-size: 100%, 100%
}

.super-hero.hero-handbook {
    background-size: 100%;
    background: url(/assets/handbook-bg-35c4ae683a5ffd58f4120d6f256a52035640cfa94a20184e31ece8157a0f9ea3.jpg) no-repeat 50% 40%
}

.super-hero.hero-ios {
    background-blend-mode: multiply;
    background-size: 50%;
    background: #3a8bbb url(/assets/ios/hero-bg-73dcc7cb4e7640ace4a6e472986fcf4088056a207662f5e3a9821f2b9d84e68c.png) repeat 50% 35%;
    padding: 60px 60px 90px 60px
}

.super-hero.hero-business {
    background-blend-mode: multiply;
    background-size: cover;
    background: #ea4c89 url(/assets/business/avatars-bg-500-d5c63fa4c60e85d649accd472c5765bb8eb0e2f78c6959ea56ea77345d9344b3.jpg) no-repeat 0 0
}

.super-hero.hero-deals {
    background: url(/assets/bg-dribbble-pattern-893a5696ffb3156626c08077893c73a16b8bbdfd6b100506d413eb443bb2e6d7.png),-webkit-gradient(linear, left top, right top, from(#43b4b0), to(#2b8f9d));
    background: url(/assets/bg-dribbble-pattern-893a5696ffb3156626c08077893c73a16b8bbdfd6b100506d413eb443bb2e6d7.png),linear-gradient(to right, #43b4b0 0%, #2b8f9d 100%);
    background-repeat: repeat, no-repeat;
    background-position: 50% 50%, 0 0;
    background-size: 50%, 100%
}

.super-hero.hero-hiring {
    padding: 100px 60px;
    background-image: url(/assets/avatar-collage-hiring-59145fe7858c597d3754dddd717db4663b06ceadee888776d17d3a9ef1d0ca31.jpg),linear-gradient(45deg, #5761b4 0%, #c142a0 100%);
    background-repeat: repeat, no-repeat;
    background-size: 68%, auto;
    background-blend-mode: multiply, normal
}

@media only screen and (max-width: 800px) {
    .super-hero.hero-hiring {
        padding:40px
    }
}

.super-hero.hero-settings {
    background: #ea4c89
}

@media only screen and (max-width: 800px) {
    .super-hero {
        padding:30px;
        background-size: auto
    }
}

.super-hero h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -.02em;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .super-hero h1 {
        font-size:30px
    }
}

.super-hero h1 a {
    color: #fff
}

.super-hero h2 {
    color: rgba(255,255,255,0.7);
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    margin: 10px 0 0 0
}

.super-hero h2.invites {
    font-size: 22px;
    margin: 20px 0 0 0
}

.super-hero h2 span.sep {
    color: rgba(255,255,255,0.4);
    margin: 0 10px
}

@media only screen and (max-width: 800px) {
    .super-hero h2 {
        font-size:16px;
        line-height: 1.4;
        margin: 6px 0 0 0
    }
}

.super-hero h2 a {
    color: #fff;
    text-decoration: underline
}

.super-hero h3 {
    color: rgba(255,255,255,0.5);
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 20px 0 0 0
}

.super-hero h3.invites-remaining {
    color: rgba(0,0,0,0.45);
    font-size: 24px;
    font-weight: 900;
    margin: 40px 0 0 0
}

.super-hero h3.invites-remaining span.tada {
    margin: 0 3px
}

@media only screen and (max-width: 800px) {
    .super-hero h3.invites-remaining {
        font-size:16px
    }
}

.super-hero h3.invites-expiration {
    color: rgba(0,0,0,0.45);
    font-size: 20px;
    margin: 15px 0 0 0;
    font-weight: 900
}

@media only screen and (max-width: 800px) {
    .super-hero h3 {
        font-size:14px
    }
}

.super-hero h3.sponsor img {
    margin-left: 10px;
    opacity: .51;
    position: relative;
    top: -2px;
    vertical-align: middle
}

.super-hero h3.sponsor img:hover {
    opacity: .72
}

.super-hero .form-btn {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.4);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 30px 6px -10px 6px;
    padding: 12px 30px
}

.super-hero .form-btn:hover {
    background: rgba(0,0,0,0.37);
    border-color: rgba(0,0,0,0.37)
}

@media only screen and (max-width: 800px) {
    .super-hero .form-btn {
        margin:15px 0 0 0
    }
}

.super-hero .form-btn span {
    color: rgba(255,255,255,0.7);
    font-weight: normal;
    padding-left: 10px
}

.super-hero .hero-back-link {
    color: rgba(255,255,255,0.8);
    font-size: 15px;
    left: 30px;
    position: absolute;
    top: 34px
}

.super-hero .hero-back-link:hover {
    color: #fff
}

@media only screen and (max-width: 800px) {
    .super-hero .hero-back-link {
        position:initial
    }
}

span.countdown {
    background-color: #ea4c89;
    border-radius: 3px;
    border: 1px solid #c22b65;
    font-size: 18px;
    margin: 0 5px;
    padding: 2px 7px 3px
}

span.countdown span.sep {
    color: #444;
    font-weight: 500;
    padding: 0 4px
}

span.countdown strong {
    color: white;
    font-weight: 800;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}

.super-hero-detail {
    padding: 20px 20px 54px 20px;
    position: relative
}

@media only screen and (max-width: 959px) {
    .super-hero-detail {
        padding-bottom:65px
    }
}

.super-hero-detail h1 {
    font-size: 40px;
    line-height: 1
}

.job-preview-header .relative {
    max-width: 1100px;
    margin: 0 auto
}

.job-preview-header .actions {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width: 959px) {
    .job-preview-header .actions {
        position:initial;
        margin-top: 15px
    }
}

.job-preview-header .actions .form-btn {
    margin: 0
}

.job-preview-header .actions .archive-listing {
    border-color: transparent;
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal
}

.job-preview-header .go-back {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.75);
    background-color: transparent;
    border: 0;
    margin-top: 15px
}

.job-preview-header .go-back:hover {
    color: white
}

@media only screen and (max-width: 959px) {
    .job-preview-header .go-back {
        position:initial;
        margin: 0 0 10px
    }
}

.job-preview-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding-bottom: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

.job-preview-header-wrapper {
    min-height: 114px
}

.no-results {
    padding: 20px;
    text-align: center;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .no-results {
        padding:40px
    }
}

.no-results h3 {
    color: #444;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

@media only screen and (min-width: 960px) {
    .no-results h3 {
        font-size:24px;
        margin-bottom: 20px
    }
}

.no-results p {
    color: #757575;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 20px;
    margin-bottom: 20px
}

@media only screen and (min-width: 960px) {
    .no-results p {
        font-size:16px
    }
}

.no-results h3,.no-results p {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto
}

.no-results-image {
    max-width: 510px;
    position: relative;
    margin: 0 auto 20px
}

@media only screen and (max-width: 959px) {
    .no-results-image {
        max-width:300px
    }
}

.no-results-image img {
    width: 100%;
    height: auto;
    mix-blend-mode: multiply
}

.no-results-credit {
    position: absolute;
    color: #bbb;
    font-size: 12px;
    bottom: 20px;
    right: 60px
}

@media only screen and (max-width: 959px) {
    .no-results-credit {
        right:0
    }
}

.no-results-credit a {
    color: #bbb;
    text-decoration: underline
}

.no-results-credit a:hover,.no-results-credit a:focus {
    color: #999
}

div.page {
    padding: 10px 0 0 0;
    font-weight: bold;
    text-align: center
}

div.page span.disabled {
    display: none
}

div.page a {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 10px;
    text-indent: -9999px
}

div.page a.previous_page {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-previous-570ffe8237c3c8e0ae42db4d6ee0348206bc28889fa585356b65f145a6e132f6.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.page a.previous_page {
        background-image:url(/assets/icon-previous-2x-b519449b531ebbe51235005eb6b90957fe816589b6b3f79dd42201d9e33f6100.png);
        background-size: 44px 88px
    }
}

div.page a.next_page {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/assets/icon-next-3754645b9cd152a2a06a829c605e2b0c31ab9c52890dc5d3d30468dc01f9ecee.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.page a.next_page {
        background-image:url(/assets/icon-next-2x-d56bc086e46b41fcafbe4def4b7d63d2a3faf0de75066a059d49f5fe726153b1.png);
        background-size: 44px 88px
    }
}

div.page a:hover {
    background-position: 0 -44px
}

#comments-section div.page {
    margin-bottom: 40px
}

div.infinite,div.loading-more {
    display: none;
    text-align: center
}

div.infinite a,div.loading-more a {
    display: block;
    margin: 0 auto;
    padding: 15px 12px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.infinite a.sign-up-to-continue,div.loading-more a.sign-up-to-continue {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

div.infinite span.processing,div.loading-more span.processing {
    font-weight: 500;
    color: #757575;
    background-color: transparent
}

div.infinite .rate-limited,div.loading-more .rate-limited {
    font-size: 14px;
    color: #bbb
}

div.infinite .rate-limited a,div.loading-more .rate-limited a {
    padding: 0;
    display: inline-block;
    color: #757575
}

div.infinite {
    margin: 0 auto
}

div.infinite a {
    margin: 0 15px
}

@media screen and (max-width: 530px) {
    div.infinite a {
        margin:0
    }
}

.video-container {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: left
}

@media only screen and (max-width: 460px) {
    .video-container {
        display:block
    }
}

#edit-shot .video-container {
    width: 400px;
    height: 300px
}

.video-container video[data-shot-url] {
    cursor: pointer
}

.video-controls {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 10px 10px;
    opacity: 0
}

.video-controls.show {
    opacity: 1
}

.loaded .video-controls {
    display: block
}

.video-controls .mute-controls button {
    background: rgba(0,0,0,0.5);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    line-height: 1;
    padding: 8px 12px
}

.video-controls .mute-controls button:hover {
    background: rgba(0,0,0,0.75)
}

.video-controls .mute-controls svg {
    height: 18px;
    width: 18px;
    fill: white
}

.video-controls .mute-controls.mute-mute .show-unmute,.video-controls .mute-controls.mute-unmute .show-mute {
    display: block
}

#edit-shot .video-controls.mobile,.detail-shot.loaded .video-controls.mobile,#edit-shot .the-shot:hover .video-controls,.detail-shot.loaded:hover .video-controls,.post-content .video-container:hover .video-controls {
    opacity: 1;
    -webkit-transition: .5s opacity ease;
    transition: .5s opacity ease
}

.well {
    position: relative;
    padding: 10px;
    border-radius: 6px;
    background-color: #fff9df;
    border: 1px solid #ecdeca;
    margin-bottom: 30px
}

@media only screen and (min-width: 960px) {
    .well {
        padding:15px
    }
}

.well .well-content {
    font-size: 14px;
    text-align: center;
    color: #333;
    line-height: 1.5
}

@media only screen and (min-width: 960px) {
    .well .well-content {
        font-size:16px
    }
}

.indicator.processing {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8) !important;
    background-position: center 20px;
    z-index: 999
}

.search-header {
    padding: 20px 30px;
    border-bottom: 1px solid #F2F2F2;
    background: #fff
}

@media only screen and (max-width: 959px) {
    .search-header {
        padding:15px
    }
}

.search-header-categories li {
    display: inline-block
}

.search-header-categories a {
    color: #999;
    padding: 0 12px;
    font-size: 16px
}

@media only screen and (max-width: 959px) {
    .search-header-categories a {
        font-size:14px
    }
}

.search-header-categories a:hover,.search-header-categories a:focus {
    color: #757575
}

.search-header-categories a.active {
    color: #444;
    font-weight: 500
}

.designer-search-prompt {
    max-width: 750px;
    margin: 0 auto 30px
}

@media only screen and (max-width: 460px) {
    .designer-search-prompt {
        text-align:center
    }
}

.designer-search-prompt .hiring-photo {
    width: 232px;
    height: 135px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 800px) {
    .designer-search-prompt .hiring-photo {
        width:135px
    }
}

@media only screen and (max-width: 460px) {
    .designer-search-prompt .hiring-photo {
        display:none
    }
}

.designer-search-prompt.team-prompt {
    max-width: 800px
}

.designer-search-prompt.team-prompt .team-prompt-add {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    width: 100px;
    color: #bbb;
    border: 5px dashed #bbb;
    margin-left: -30px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding-top: 33px;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.designer-search-prompt.team-prompt .team-prompt-add svg {
    height: 24px;
    width: 24px;
    fill: currentColor
}

.designer-search-prompt.team-prompt .team-prompt-add:hover,.designer-search-prompt.team-prompt .team-prompt-add:focus {
    border-color: #00b6e3;
    color: #00b6e3
}

.designer-search-prompt.team-prompt .team-btn {
    padding-left: 40px;
    padding-right: 40px
}

.designer-search-prompt.team-prompt .team-prompt-avatar {
    margin-left: -30px;
    position: relative
}

.designer-search-prompt.team-prompt .team-prompt-avatar img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    vertical-align: middle
}

.designer-search-prompt.team-prompt .team-prompt-avatar:nth-child(1) {
    z-index: 4;
    margin-left: 0
}

.designer-search-prompt.team-prompt .team-prompt-avatar:nth-child(2) {
    z-index: 3
}

.designer-search-prompt.team-prompt .team-prompt-avatar:nth-child(3) {
    z-index: 2
}

div.search-extra {
    padding: 15px 20px 5px 20px;
    border-bottom: 1px solid #ccc;
    background: #ddd
}

div.search-extra ol.search-extra-list {
    text-align: center;
    overflow: hidden;
    line-height: 1
}

div.search-extra ol.search-extra-list li {
    display: inline-block;
    margin: 0 10px 10px 10px;
    padding: 0 10px;
    line-height: 20px
}

@media only screen and (max-width: 959px) {
    div.search-extra ol.search-extra-list li {
        display:block
    }
}

div.search-extra ol.search-extra-list li.title {
    font-size: 13px;
    line-height: 30px;
    color: #757575
}

div.search-extra ol.search-extra-list li.boosted-account a.url,div.search-extra ol.search-extra-list li.member a.url {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

div.search-extra ol.search-extra-list li.boosted-account img,div.search-extra ol.search-extra-list li.member img {
    border-radius: 50%
}

div.search-extra ol.search-extra-list li.boosted-account .badge-promoted,div.search-extra ol.search-extra-list li.member .badge-promoted {
    margin-left: 5px
}

div.search-extra ol.search-extra-list li a {
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    color: #444
}

div.search-extra ol.search-extra-list li a:hover {
    opacity: .8
}

div.search-extra ol.search-extra-list li a img {
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0
}

div.search-extra ol.search-extra-list li.more {
    margin-right: 0;
    padding-right: 20px
}

div.search-extra ol.search-extra-list li.more a {
    color: #757575;
    font-weight: normal
}

div.search-extra ol.search-extra-list li.location a img {
    width: 15px
}

.boosted-account .username {
    padding-left: 5px
}

.boosted-account a {
    color: #444;
    font-size: 13px
}

.boosted-account a:hover {
    opacity: .8
}

.boosted-account .photo {
    width: 20px;
    height: 20px;
    top: 4px;
    position: relative
}

@media only screen and (max-width: 959px) {
    .boosted-account {
        padding:6px 0 14px 0;
        display: block
    }

    .boosted-account .badge {
        position: relative;
        top: -2px
    }
}

ol.users {
    margin: -6px 0 20px 0
}

#owner-list ol.users {
    margin-top: 10px
}

#owner-list ol.users li {
    padding: 0 0 10px 0;
    margin: 0;
    border-bottom: none
}

#owner-list ol.users li img {
    float: none
}

#owner-list ol.users li a {
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
    line-height: 20px
}

ol.users li {
    overflow: auto;
    border-bottom: 1px solid #ddd
}

ol.users li:last-child {
    border-bottom: none
}

ol.users li span.badge {
    float: right;
    margin: 13px 0 0 0;
    padding: 2px 3px
}

ol.users li img {
    float: left;
    width: 20px;
    max-height: 20px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    border-radius: 50%
}

ol.users li img.remove {
    width: 15px;
    opacity: .6
}

ol.users li a {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
    overflow: auto;
    font-weight: bold
}

ol.users li a:hover img {
    width: 20px;
    background: transparent;
    border-color: transparent
}

ol.users li a:hover img.remove {
    width: 15px;
    opacity: 1
}

ol.users li.all a {
    font-size: 12px;
    text-align: right
}

div.search-prompt {
    padding: 24px 20px 20px 32px;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #757575;
    border-bottom: 1px solid #d7dbdf;
    background: #e1e4e8;
    position: relative
}

div.search-prompt span.search-prompt-faces {
    position: relative;
    top: -3px;
    margin-right: 20px
}

div.search-prompt span.search-prompt-faces img {
    vertical-align: middle;
    width: 34px;
    margin: 0 -8px;
    border: 2px solid #fff;
    border-radius: 50%
}

div.search-prompt strong {
    color: #444
}

div.search-prompt .form-sub,div.search-prompt .btn-talent-application {
    margin: 0 0 0 10px;
    padding: 8px 15px
}

@media only screen and (max-width: 959px) {
    div.search-prompt {
        text-align:center;
        padding: 16px
    }

    div.search-prompt span.search-prompt-faces {
        display: block;
        margin: 0 0 10px 0
    }

    div.search-prompt .form-sub,div.search-prompt .btn-talent-application {
        margin: 10px 0 0 0;
        display: block
    }

    div.search-prompt .user-results-text {
        display: block
    }
}

.tag-list-input {
    background: rgba(51,51,51,0.07);
    border-radius: 6px;
    border: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #444;
    cursor: text;
    min-height: 39px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    position: relative
}

.tag-list-input .selectize-control .selectize-input input {
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    font-size: 13px;
    height: 25px;
    left: 2px;
    padding: 0 6px;
    position: relative;
    top: 0px !important
}

.tag-list-input .selectize-control .selectize-input input:focus {
    background: transparent;
    outline: none
}

.tag-list-input .selectize-input,.tag-list-input .selectize-control.single .selectize-input.input-active {
    background: none !important
}

.tag-list-input .selectize-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 4px
}

.tag-list-input .selectize-input.not-full {
    padding: 7px 12px
}

.tag-list-input .selectize-input.has-items {
    padding: 8px 8px 4px !important
}

.tag-list-input .selectize-control.plugin-remove_button [data-value] {
    padding-right: 12px !important
}

.tag-list-input.tag-list-active {
    background: #fff;
    cursor: text
}

.tag-list-input.tag-list-active .item,.tag-list-input.tag-list-active .selectize-control .selectize-input>div {
    -webkit-box-shadow: 0 1px 2px rgba(68,68,68,0.25),0 0 0 1px rgba(68,68,68,0.1);
    box-shadow: 0 1px 2px rgba(68,68,68,0.25),0 0 0 1px rgba(68,68,68,0.1)
}

.tag-list-input.tag-list-active .item:hover,.tag-list-input.tag-list-active .item:focus,.tag-list-input.tag-list-active .selectize-control .selectize-input>div:hover,.tag-list-input.tag-list-active .selectize-control .selectize-input>div:focus {
    -webkit-box-shadow: 0 1px 2px rgba(68,68,68,0.25),0 0 0 1px transparent;
    box-shadow: 0 1px 2px rgba(68,68,68,0.25),0 0 0 1px transparent
}

.tag-list-input .selectize-dropdown-content {
    background: #fff;
    border-radius: 0 0 3px 3px;
    border: 1px solid rgba(226,226,226,0.5);
    -webkit-box-shadow: 0 -2px 8px #fff,0 1px 8px rgba(68,68,68,0.15);
    box-shadow: 0 -2px 8px #fff,0 1px 8px rgba(68,68,68,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.tag-list-input .selectize-dropdown-content .active {
    background: #fff9df
}

.tag-list-input .selectize-dropdown-content .create {
    -ms-flex-order: 1;
    order: 1
}

.tag-list-input .selectize-dropdown-content .create:first-of-type {
    border-top: 1px solid rgba(226,226,226,0.5);
    padding-left: 40px;
    position: relative
}

.tag-list-input .selectize-dropdown-content .create:first-of-type:before {
    color: #999;
    content: "Add ";
    font-weight: 400;
    left: 10px;
    position: absolute
}

.tag-list-input .selectize-dropdown-content .option,.tag-list-input .selectize-dropdown-content .create {
    border-radius: 0 !important;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    overflow: visible;
    padding: 0 10px;
    position: relative
}

.tag-list-input .selectize-dropdown-content .option strong,.tag-list-input .selectize-dropdown-content .create strong {
    font-weight: 500 !important
}

.tag-list-input .selectize-dropdown-content .option:hover,.tag-list-input .selectize-dropdown-content .create:hover {
    background: #fff9df
}

.tag-list-input .items {
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tag-list-input .item,.tag-list-input .selectize-control .selectize-input>div {
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(68,68,68,0.25);
    box-shadow: 0 1px 2px rgba(68,68,68,0.25);
    color: #444;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    height: 21px;
    margin: 0 4px 4px 0;
    padding: 0 12px 2px 8px;
    -webkit-transition: background ease .3s;
    transition: background ease .3s;
    vertical-align: middle
}

.tag-list-input .item:hover,.tag-list-input .item:focus,.tag-list-input .selectize-control .selectize-input>div:hover,.tag-list-input .selectize-control .selectize-input>div:focus {
    background: #3a8bbb;
    color: #fff
}

.tag-list-input .item:hover .remove,.tag-list-input .item:focus .remove,.tag-list-input .selectize-control .selectize-input>div:hover .remove,.tag-list-input .selectize-control .selectize-input>div:focus .remove {
    background: none;
    color: rgba(255,255,255,0.75)
}

.tag-list-input .item.active,.tag-list-input .item .selectize-control .selectize-input>div.active,.tag-list-input .selectize-control .selectize-input>div.active,.tag-list-input .selectize-control .selectize-input>div .selectize-control .selectize-input>div.active {
    background: #3a8bbb;
    color: #fff
}

.tag-list-input .item.active .remove,.tag-list-input .item .selectize-control .selectize-input>div.active .remove,.tag-list-input .selectize-control .selectize-input>div.active .remove,.tag-list-input .selectize-control .selectize-input>div .selectize-control .selectize-input>div.active .remove {
    background: none;
    color: #fff
}

.tag-list-input .item .remove,.tag-list-input .item .selectize-control.plugin-remove_button [data-value] .remove,.tag-list-input .selectize-control .selectize-input>div .remove,.tag-list-input .selectize-control .selectize-input>div .selectize-control.plugin-remove_button [data-value] .remove {
    border-radius: 0;
    border: none;
    color: rgba(68,68,68,0.5);
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    position: relative;
    right: -5px;
    width: auto
}

.tag-list-input.skill-tags-input .selectize-dropdown-content {
    border-top: 0
}

.tag-list-input.skill-tags-input .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tag-list-input.skill-tags-input .selectize-dropdown-header {
    -webkit-backdrop-filter: blur(4px);
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255,255,255,0.9);
    border-bottom: none;
    border-left: 1px solid rgba(226,226,226,0.5);
    border-radius: 0;
    border-right: 1px solid rgba(226,226,226,0.5);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    height: 24px;
    margin: -2px auto 0 auto;
    padding: 0 10px;
    z-index: 99
}

.tag-list-input.skill-tags-input .selectize-dropdown-header-title .selectize-dropdown-header-label {
    font-weight: 500;
    color: #999;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.tag-list-input.skill-tags-input .selectize-dropdown-header-title a.selectize-dropdown-header-close {
    display: none
}

.copied-text {
    padding: 4px 6px
}

.suggested-tag-wrapper {
    -webkit-transition: ease .3s all;
    transition: ease .3s all;
    position: relative
}

.suggested-tag-wrapper .loader {
    display: none
}

.suggested-tag-wrapper.is-loading .loader {
    display: block
}

.suggested-tag-wrapper.is-loading .suggested-tag-list {
    opacity: .2
}

.loader,.loader:before,.loader:after {
    background: rgba(157,163,165,0.8);
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 1em
}

.loader {
    color: rgba(157,163,165,0.8);
    text-indent: -9999em;
    margin: 60px auto;
    font-size: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loader:before,.loader:after {
    position: absolute;
    top: 0;
    content: ''
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.loader:after {
    left: 1.5em
}

@-webkit-keyframes load1 {
    0%,80%,100% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        -webkit-box-shadow: 0 -2em;
        box-shadow: 0 -2em;
        height: 5em
    }
}

@keyframes load1 {
    0%,80%,100% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        -webkit-box-shadow: 0 -2em;
        box-shadow: 0 -2em;
        height: 5em
    }
}

.suggested-tag-list {
    padding-top: 4px
}

.suggested-tag-list li {
    padding-right: 12px
}

.suggested-tag-list li a:hover {
    text-decoration: underline
}

ol.tags {
    margin: 0 0 16px 0
}

ol.tags li {
    margin: 0;
    position: relative;
    display: block;
    font-size: 13px;
    overflow: hidden;
    z-index: 1
}

ol.tags li:last-child {
    border-bottom: none
}

ol.tags li span.perc {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 12%;
    height: 100%;
    text-indent: -9999px;
    display: block;
    background: rgba(0,0,0,0.05);
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: background ease .2s;
    transition: background ease .2s
}

ol.tags li a {
    display: block;
    position: relative;
    padding: 3px 12px;
    font-weight: normal;
    text-decoration: none;
    z-index: 2;
    color: #999
}

ol.tags li a:hover {
    color: #666;
    text-decoration: none
}

ol.tags li a strong {
    font-weight: normal
}

ol.tags li em {
    float: right;
    padding: .4em 12px 0 0;
    font-style: normal;
    color: #999;
    z-index: 3
}

ol.tags li em span.global a {
    margin-left: 5px;
    color: #999
}

ol.tags li em span.global a:hover {
    color: #757575
}

ol.tags li:hover {
    background: rgba(0,0,0,0.05);
    z-index: 1;
    border-radius: 2px
}

ol.tags li:hover span.perc {
    background: none
}

div.secondary ol.tags li {
    margin-left: 0
}

ol.tags.main {
    margin: 0 0 15px 0;
    padding: 0 0 15px 50px;
    border-bottom: 1px solid #ddd
}

ol.tags.main:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

ol.tags.main li {
    margin: 0 0 6px 0
}

ol.tags.main li em {
    margin-top: 4px;
    font-size: 13px
}

ol.tags.main li a {
    padding: 8px 12px;
    font-size: 15px
}

ol.tags.main li:hover span.perc {
    background: rgba(0,0,0,0.05)
}

ol.skills {
    margin: 5px 0 15px
}

ol.skills li {
    float: left;
    margin: 0 4px 4px 0
}

ol.skills li:hover {
    background: none
}

ol.skills li.ghost {
    opacity: 0 !important
}

ol.skills li a {
    display: inline-block;
    padding: 10px 42px 10px 34px;
    font-size: 16px;
    white-space: nowrap;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px
}

ol.skills li a.draggable-handle,ol.skills li a.delete-tag {
    position: absolute;
    padding: 10px 12px;
    border: none;
    z-index: 999;
    opacity: .5
}

ol.skills li a.draggable-handle:hover,ol.skills li a.delete-tag:hover {
    opacity: 1
}

ol.skills li a.draggable-handle {
    top: 10px;
    left: 1px;
    background-image: url(/assets/icon-drag-0e32f3b3995e7e8030d6532ad91598b8990bd46a347229838af05dc8b2b879e8.png);
    background-repeat: no-repeat;
    background-position: 10px 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.skills li a.draggable-handle {
        background-image:url(/assets/icon-drag-2x-2a1dd5ec75737760c0a102e9338fc59ef062be1e62da67546b5d9ee259fd5e28.png);
        background-size: 14px 14px
    }
}

ol.skills li a.draggable-handle:hover {
    cursor: move
}

ol.skills li a.delete-tag {
    top: 3px;
    right: 0;
    background: none
}

ol.skills li a.delete-tag img {
    width: 15px
}

ol.skills li a.skill:hover {
    background-color: rgba(255,255,255,0.5)
}

ol.skills li a strong {
    font-weight: 500;
    color: #444
}

span.tag-results {
    position: absolute;
    right: 0;
    padding-left: 16px;
    font-size: 12px;
    line-height: 1;
    color: #757575;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-tag-622b316490923e5ad446ee62b53d9d077a6ab903a025c9572b608fecd90add44.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    span.tag-results {
        background-image:url(/assets/icon-tag-2x-1dd3090ef50b61765b13c6978ecae8382b542bc5d712e044505bee5cdae6eb74.png);
        background-size: 12px 12px
    }
}

div.profile-skills {
    margin-top: 20px
}

div.profile-skills h3 {
    padding: 20px 0 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    border-top: 1px solid #ddd
}

div.profile-skills h3 span.help {
    display: block;
    margin: 4px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #999
}

div.tags-section {
    padding-bottom: 20px
}

div.tags-section p {
    font-size: 14px;
    line-height: 1.5;
    color: #bbb
}

div.tags-section p a {
    color: #999
}

body#tags-index ol.popular-tags {
    margin: -10px 0 20px 0;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

ol.popular-tags li {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap
}

ol.popular-tags li span.perc {
    display: none
}

ol.popular-tags li a {
    font-weight: normal;
    white-space: nowrap;
    color: #bbb
}

body#tags-index ol.popular-tags li a {
    float: none;
    display: inline-block;
    padding: 10px 15px;
    font-size: 22px;
    line-height: 1
}

ol.popular-tags li a:hover {
    color: #757575
}

ol.popular-tags li a strong {
    font-weight: normal
}

ol.popular-tags li:hover {
    background: none
}

ol.popular-tags li em {
    display: none
}

h3.alpha {
    float: left;
    width: 30px;
    margin-top: 2px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #444
}

.project-info {
    margin-left: 0;
    margin-right: 15px
}

@media only screen and (max-width: 1180px) {
    body.grid-small .project-info,body.grid-large .project-info {
        margin-right:0;
        max-width: 100%
    }
}

body#project div.the-shot {
    float: left;
    position: relative;
    z-index: 1;
    margin: 0
}

@media only screen and (max-width: 959px) {
    body#project div.the-shot {
        float:none
    }
}

body#project div.the-attachment,body#project div.the-download,body#project div.the-media {
    width: auto;
    float: none !important;
    max-width: 100%
}

body#project div.the-attachment div.single,body#project div.the-download div.single,body#project div.the-media div.single {
    width: auto;
    min-height: 0;
    display: inline-block
}

body#project div.the-attachment div.single img,body#project div.the-download div.single img,body#project div.the-media div.single img {
    display: block;
    max-width: 100%
}

body#project .shot-section {
    overflow: auto;
    margin-bottom: 25px
}

body#project div.screenshot-meta {
    max-width: 320px;
    min-height: 380px;
    width: auto;
    padding-top: 0;
    padding-left: 480px
}

@media only screen and (max-width: 959px) {
    body#project div.screenshot-meta {
        margin:20px 0 30px;
        min-height: 0;
        padding: 0
    }
}

body#project div.screenshot-meta h3.shot-title {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden
}

body#project div.screenshot-meta h3.shot-title a {
    color: #444
}

body#project div.screenshot-meta h3.shot-title a:hover {
    color: #3a8bbb
}

body#project div.screenshot-meta p {
    font-size: 13px;
    line-height: 1.5;
    color: #757575
}

body#project div.screenshot-meta p.time {
    font-size: 11px;
    line-height: 1.9;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 4px
}

body#project div.screenshot-meta div.attach {
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

body#project div.screenshot-meta div.attach li {
    margin-bottom: 3px
}

body#project ol.buckets li {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    line-height: 1.2;
    border-bottom: 1px solid #ddd
}

body#project ol.buckets li a {
    display: block;
    min-height: 68px;
    padding-left: 80px
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

body#meetups-new #wrap {
    background: white
}

.meetups-upcoming h3.nearby,.meetups-upcoming h3.elsewhere {
    display: inline-block;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #ea4c89;
    border-radius: 2px
}

.meetups-upcoming h3.elsewhere {
    background: #bbb
}

.meetups-upcoming .form-btn {
    display: block;
    padding: 15px;
    font-size: 15px;
    text-align: center
}

.meetups-info .why-attend {
    float: left;
    width: 47%
}

@media only screen and (max-width: 800px) {
    .meetups-info .why-attend {
        float:none;
        width: auto
    }
}

.meetups-info .why-host {
    float: right;
    width: 47%
}

@media only screen and (max-width: 800px) {
    .meetups-info .why-host {
        float:none;
        width: auto
    }
}

.meetups-info .meetup-details {
    margin: 0 0 40px 0;
    padding: 40px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07)
}

@media only screen and (max-width: 800px) {
    .meetups-info .meetup-details {
        padding:20px
    }
}

.meetups-info .meetup-details img {
    max-width: 100%
}

.meetups-info .meetup-details.without-shot .meetup-description {
    margin: 0
}

.meetups-info .meetup-description {
    margin: 20px 0 0 0;
    text-align: left
}

.meetups-info .meetup-description h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

.meetups-info .meetup-description p {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.5;
    color: #444
}

.meetups-info .meetup-description p:last-of-type {
    margin-bottom: 0
}

.meetups-info .meetup-description ul,.meetups-info .meetup-description ol {
    margin: 20px 6%;
    font-size: 16px;
    color: #444;
    list-style: disc
}

.meetups-info .meetup-description ul li,.meetups-info .meetup-description ol li {
    line-height: 1.5
}

.meetups-info .meetup-description ol {
    list-style: decimal
}

.meetups-info .meetup-description blockquote {
    margin: 20px 6%
}

.meetups-info .meetup-description blockquote p {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    color: #999
}

@media only screen and (max-width: 1000px) and (min-width: 800px) {
    .meetups-upcoming ol.slat-list li div.slat-teaser {
        -ms-flex:0 0 90px;
        flex: 0 0 90px
    }

    .meetups-upcoming ol.slat-list li h4.meta {
        margin-top: 0
    }

    .meetups-upcoming ol.slat-list li h3 {
        font-size: 15px
    }

    .meetups-upcoming ol.slat-list li h5 {
        font-size: 13px
    }
}

table.meetups {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0
}

table.meetups td {
    padding: 3% 3% 3% 0;
    font-size: 13px;
    line-height: 1.5;
    vertical-align: top;
    color: #999;
    border-bottom: 1px solid #eee
}

table table table.meetups td {
    border-color: #ddd
}

table.meetups td.city {
    position: relative;
    color: #444;
    font-size: 14px;
    line-height: 1.4;
    width: 220px
}

table.meetups td.city a.admin {
    position: absolute;
    top: -8px;
    right: -20px;
    margin-top: 30px;
    opacity: .5
}

table.meetups td.city a.admin:hover {
    opacity: 1
}

table.meetups td.when {
    white-space: nowrap
}

table.meetups td.meetup h3 {
    margin: 0 0 3px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2
}

table.meetups td.meetup strong {
    display: block;
    margin: 0 0 2px 0;
    font-size: 13px;
    font-weight: 500;
    color: #444
}

table.meetups td.meetup p.description {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #999
}

table.meetups td.meetup p.description a {
    font-weight: 500;
    color: #999
}

table.meetups td.meetup p.description a:hover {
    color: #444
}

table.meetups td strong {
    font-weight: 500;
    color: #444
}

table.meetups td.shot {
    width: 100px
}

table.meetups td.shot img {
    display: block;
    width: 100px;
    border-radius: 2px
}

table.meetups td.shot img:hover {
    opacity: .75
}

table.meetups td.logo {
    vertical-align: middle
}

table.meetups td.logo img {
    width: 80px
}

.pagination-past .disabled {
    display: none
}

ol.rsvp-attendees {
    margin: 15px 0 40px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd
}

ol.rsvp-attendees li {
    display: inline-block;
    margin: 0 10px 10px 0
}

ol.rsvp-attendees li a img {
    width: 62px;
    height: 62px;
    border-radius: 50%
}

form#new_meetup h2 {
    margin-top: 20px
}

div.where-is-it {
    font-size: 18px;
    line-height: 1.5;
    color: #444
}

div.where-is-it strong {
    font-weight: 500
}

#meetup-map {
    border: 1px solid #999;
    height: 474px
}

body#account-meetups div.copy p:first-child strong {
    display: block;
    margin-bottom: 2px
}

#description-examples-overlay h3,#markdown-examples-overlay h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0 10px
}

#description-examples-overlay code,#markdown-examples-overlay code {
    display: block;
    font-size: 14px;
    padding: 20px;
    margin: 0;
    color: #757575;
    border: 1px solid #d4d4d4;
    background: white;
    overflow: wrap;
    border-radius: 6px
}

div.pending-meetup-notice a.form-btn {
    text-decoration: none;
    margin-left: 10px
}

div.message-attendees span {
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px
}

div.message-attendees span a {
    font-weight: 500
}

div.additional-address-fields {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width: 800px) {
    div.additional-address-fields {
        -webkit-column-count:1;
        column-count: 1;
        -webkit-column-gap: 0px;
        column-gap: 0px
    }
}

div.additional-address-fields div.form-field {
    padding-top: 0
}

.places-header {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    background: rgba(255,255,255,0.85) url(/assets/places-topo-bg-af13cc91db2639a47dd9908026dcb51b36c6abccdc99c4dfc9ba809d637517a6.png) repeat center center fixed;
    background-size: 500px 500px
}

@media only screen and (max-width: 800px) {
    .places-header {
        padding:15px
    }
}

.places-header .places-title {
    padding: 20px 30px 0 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .places-header .places-title {
        padding:0;
        font-size: 14px;
        text-align: center
    }
}

.places-header .places-title span.sep {
    margin: 0 4px;
    color: #ddd
}

.places-header .places-title .breadcrumbs {
    margin: 0 0 8px 0
}

.places-header .places-title .breadcrumbs a {
    color: #999
}

.places-header .places-title .breadcrumbs a:hover {
    color: #757575
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu {
        padding-bottom:0
    }
}

.places-header .places-title .places-menu .places-location {
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.02em;
    color: #444
}

.places-header .places-title .places-menu .places-location h1 {
    display: inline-block;
    font-size: 30px;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location h1 {
        font-size:24px
    }
}

.places-header .places-title .places-menu .places-location.index {
    margin-top: 10px;
    text-align: center
}

.places-header .places-title .places-menu .places-location.index .places-link {
    display: block;
    float: none
}

.places-header .places-title .places-menu .places-location.index .places-link .index-intro {
    display: block;
    margin: 10px 0;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    color: #999
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location.index .places-link .index-intro {
        font-size:14px
    }
}

.places-header .places-title .places-menu .places-location img.pin {
    position: relative;
    top: 2px;
    width: 20px;
    margin: 0 2px 0 0
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location img.pin {
        top:0;
        width: 14px
    }
}

.places-header .places-title .places-menu .places-location .places-link {
    float: left;
    padding-bottom: 20px;
    position: relative;
    color: #444
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location .places-link {
        float:none;
        display: block;
        padding-bottom: 0
    }
}

.places-header .places-title .places-menu .places-location .places-link img.dd {
    position: relative;
    top: -3px;
    width: 16px;
    opacity: .72;
    margin: 0 0 0 2px
}

.places-header .places-title .places-menu .places-location span.sep {
    float: left;
    margin: 0 20px;
    font-weight: 200;
    color: #ddd
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location span.sep {
        display:none
    }
}

.places-header .places-title .places-menu .places-location span.places-page {
    font-weight: 300;
    color: #444
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu .places-location span.places-page {
        float:none;
        display: block;
        margin-bottom: 5px;
        font-size: 18px
    }
}

.places-header .places-title .places-menu ul {
    position: absolute;
    display: none;
    margin: 50px 0 0 0;
    padding: 0 0 15px 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-top: none;
    background: #fbfbfb url(/assets/places-topo-bg-af13cc91db2639a47dd9908026dcb51b36c6abccdc99c4dfc9ba809d637517a6.png) repeat center center fixed;
    background-size: 500px 500px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 999
}

@media only screen and (max-width: 800px) {
    .places-header .places-title .places-menu ul {
        width:100%;
        position: static;
        margin: 0;
        padding: 20px 0;
        text-align: center;
        border: none;
        background: none
    }
}

.places-header .places-title .places-menu ul li a {
    display: block;
    padding: 6px 40px;
    letter-spacing: 0;
    color: #757575
}

.places-header .places-title .places-menu ul li a:hover {
    color: #444
}

.places-header .places-title .places-menu ul li.separate {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e0e0e0
}

#places-map {
    height: 400px;
    margin: -1px 0 10px 0;
    border-top: 1px
}

ol.places-list {
    margin: 30px 30px 0 30px
}

@media only screen and (max-width: 800px) {
    ol.places-list {
        margin:10px 0 0 0
    }
}

ol.places-list li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.333%;
    margin-bottom: 15px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (max-width: 800px) {
    ol.places-list li {
        float:none;
        width: auto;
        margin: 0;
        font-size: 15px
    }
}

@media only screen and (max-width: 800px) {
    ol.places-list li a {
        display:block;
        padding: 12px 0;
        border-bottom: 1px solid #eee
    }
}

ol.places-list li span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: normal;
    color: #bbb
}

div.place-info.floating-sidebar a.floating-sidebar-toggle {
    text-align: left
}

div.place-info.floating-sidebar .section {
    margin: 0 0 20px;
    padding: 30px;
    border: 1px solid #e0e0e0;
    background: rgba(255,255,255,0.85) url(/assets/places-topo-bg-af13cc91db2639a47dd9908026dcb51b36c6abccdc99c4dfc9ba809d637517a6.png) repeat center center fixed;
    background-size: 500px 500px;
    border-radius: 6px
}

div.place-info.floating-sidebar .section:last-of-type {
    padding: 30px;
    border: 1px solid #e0e0e0
}

div.place-info.floating-sidebar .section.intro-section {
    border-color: #333;
    background: #333 url(/assets/places-topo-bg-white-acf25f29f5e9ffc461d0521e7888ffc2e0e0087d0db26f3e415999386d70d014.png) repeat center center fixed;
    background-size: 500px 500px
}

div.place-info.floating-sidebar .section.intro-section h2 {
    color: #ccc
}

div.place-info.floating-sidebar h2 {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -.01em
}

div.place-info.floating-sidebar h2 strong {
    font-weight: 500;
    color: #fff
}

div.place-info.floating-sidebar h3 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 500
}

div.place-info.floating-sidebar h5 {
    margin: 0 0 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #7bbb5e
}

div.place-info.floating-sidebar p {
    margin: 0 0 25px 0
}

div.place-info.floating-sidebar .places-all-jobs {
    display: block;
    margin: 30px 0 0 0;
    text-align: center;
    background-color: #7bbb5e
}

div.place-info.floating-sidebar .places-all-jobs:hover {
    background-color: #5b9540
}

div.place-info.floating-sidebar .places-all-jobs:active {
    background-color: #3b6d25
}

div.place-info.floating-sidebar .places-meetup {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #606060
}

div.place-info.floating-sidebar .places-meetup a.places-meetup-link {
    display: block
}

div.place-info.floating-sidebar .places-meetup a.places-meetup-link:hover {
    opacity: .8
}

div.place-info.floating-sidebar .places-meetup h2 {
    font-size: 20px
}

div.place-info.floating-sidebar .places-meetup h2 a {
    color: #fff
}

div.place-info.floating-sidebar .places-meetup h3 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #999
}

div.place-info.floating-sidebar .places-meetup h3 span.sep {
    margin: 0 2px
}

div.place-info.floating-sidebar .places-meetup h3 span.meta {
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0
}

div.place-info.floating-sidebar .places-meetup h4 {
    font-size: 15px;
    font-weight: bold
}

div.place-info.floating-sidebar .places-meetup h5 {
    margin: 4px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #fff
}

div.place-info.floating-sidebar .places-meetup a {
    color: #fff
}

div.place-info.floating-sidebar .places-meetup img {
    float: left;
    width: 30px;
    margin: 4px 12px 0 0;
    border-radius: 3px
}

div.place-info.floating-sidebar .places-meetup.places-job img {
    border-radius: 50%
}

div.place-info.floating-sidebar .places-extra-links {
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px
}

div.place-info.floating-sidebar .places-extra-links a {
    color: #999
}

div.place-info.floating-sidebar .places-extra-links a:hover {
    color: #fff
}

div.place-info.floating-sidebar .places-extra-links span.sep {
    margin: 0 5px;
    color: #606060
}

div.place-info.floating-sidebar ol.jobs-list {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #757575
}

div.place-info.floating-sidebar ol.jobs-list li a.item-team {
    left: -45px
}

div.place-info.floating-sidebar ol.jobs-list li a.item-link {
    margin: 0;
    padding: 0
}

div.place-info div.places-jobs ol.jobs-list li .item-link span.item-desc {
    font-size: 13px;
    color: #444
}

div.place-info div.places-jobs ol.jobs-list li .item-link span.item-meta {
    display: block;
    float: none;
    width: auto;
    margin: 2px 0 0 0;
    font-size: 13px;
    color: #999
}

div.place-info div.places-jobs .remote-jobs ol.jobs-list li .item-link span.item-meta {
    display: none
}

ol.portal-list-members.scrollable {
    margin-top: 30px
}

ol.portal-list-members.scrollable>li.group,ol.portal-list-members.scrollable>li.constrained-content,ol.portal-list-members.scrollable>li.constrained-content-alt,ol.portal-list-members.scrollable>li.constrained-content-super,ol.portal-list-members.scrollable>li.constrained-content-narrow,ol.portal-list-members.scrollable>li.player-list-with-filters {
    margin-right: 30px
}

@media screen and (max-width: 530px) {
    ol.portal-list-members.scrollable li.group,ol.portal-list-members.scrollable li.constrained-content,ol.portal-list-members.scrollable li.constrained-content-alt,ol.portal-list-members.scrollable li.constrained-content-super,ol.portal-list-members.scrollable li.constrained-content-narrow,ol.portal-list-members.scrollable li.player-list-with-filters {
        width:47.5%;
        margin: 0 5% 5% 0
    }
}

ol.portal-list-members.scrollable a.url {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 800px) {
    ol.portal-list-members.scrollable a.url {
        font-size:14px
    }
}

ol.portal-list-members.scrollable a.url:hover {
    opacity: .75
}

ol.portal-list-members.scrollable a.url img {
    display: block;
    width: 160px;
    margin: 0 auto 10px auto;
    border-radius: 50%
}

@media only screen and (max-width: 800px) {
    ol.portal-list-members.scrollable a.url img {
        width:100px
    }
}

ol.portal-list-members.scrollable div.processing {
    margin-top: 30px
}

ol.portal-list-members.scrollable .rate-limited a.load-next-page {
    padding-top: 15px
}

div.portal-group {
    padding: 10px 0 35px 0
}

div.portal-group.debuts,div.portal-group.designers-for-hire {
    margin-bottom: 20px
}

div.portal-group:last-of-type {
    border-bottom: none
}

@media only screen and (max-width: 800px) {
    div.portal-group {
        padding:15px 0
    }
}

div.portal-group a.for-hire {
    color: #7bbb5e
}

div.portal-group a.for-hire:hover {
    border-color: #7bbb5e;
    background: #7bbb5e
}

div.portal-group h2.null {
    margin: 30px 0 0 0;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    font-weight: normal
}

div.portal-group h2.null a {
    font-weight: 500
}

body#job-new #wrap,body#jobs-new #wrap,body#jobs-show-new #wrap {
    background: white
}

.job-board-container {
    max-width: 1240px
}

@media (min-width: 960px) {
    .job-board-container {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1100px) {
    .job-board-container {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 960px) {
    .job-board-filters {
        -ms-flex:0 0 256px;
        flex: 0 0 256px;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 960px) {
    .job-board-filters {
        -ms-flex-order:3;
        order: 3
    }
}

.job-board-filters .subscribe-to-notification {
    line-height: 1.5;
    padding-bottom: 40px
}

@media (min-width: 960px) {
    .job-board-jobs {
        -ms-flex-order:1;
        order: 1;
        margin-right: 72px
    }
}

@media (min-width: 1100px) {
    .job-board-jobs {
        margin-left:72px;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 960px) {
    .job-board-talent {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 1100px) {
    .job-board-talent {
        -ms-flex:0 0 256px;
        flex: 0 0 256px;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 960px) {
    .job-board-talent-ad {
        position:relative;
        padding-bottom: 180px
    }
}

.job-board-talent-img {
    max-width: 380px;
    mix-blend-mode: multiply;
    margin-left: -99px;
    margin-bottom: -20px;
    display: block
}

@media (min-width: 960px) {
    .job-board-talent-img {
        max-width:300px;
        position: absolute;
        left: -47px;
        bottom: -60px;
        margin: 0
    }
}

.job-board-talent-user {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -68px;
    bottom: 20px;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.job-board-talent-user:link,.job-board-talent-user:visited {
    color: #999
}

.job-board-talent-user:hover,.job-board-talent-user:focus {
    color: #757575
}

.job-board-filters-form {
    display: none
}

.job-board-filters-form fieldset input[type=text],.job-board-filters-form fieldset input[type=search] {
    padding: 10px 25px 11px 10px;
    font-size: 13px;
    color: #444
}

.job-board-filters-form fieldset input[type=text]:placeholder,.job-board-filters-form fieldset input[type=search]:placeholder {
    color: #999
}

.job-board-filters-form fieldset input[type=text],.job-board-filters-form fieldset input[type=search],.job-board-filters-form fieldset select {
    background-color: #fff;
    border: 1px solid #d8dde2;
    border-radius: 8px
}

@media only screen and (max-width: 959px) {
    .job-board-filters-form fieldset input[type=text],.job-board-filters-form fieldset input[type=search],.job-board-filters-form fieldset select {
        font-size:16px
    }
}

.job-board-filters-form label {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    display: block
}

.job-board-filters-form.open {
    display: block
}

@media only screen and (min-width: 960px) {
    .job-board-filters-form {
        display:block
    }
}

.job-board-filters-toggle .job-board-filters-toggle-control {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 38px;
    height: 22px;
    display: block;
    border-radius: 20px;
    background-color: #bbb;
    position: relative
}

.job-board-filters-toggle .job-board-filters-toggle-control:hover,.job-board-filters-toggle .job-board-filters-toggle-control:focus {
    cursor: pointer;
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.job-board-filters-toggle .job-board-filters-toggle-control:after {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    content: "";
    width: 14px;
    height: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px
}

.job-board-filters-toggle input {
    display: none
}

.job-board-filters-toggle input:checked+.job-board-filters-toggle-control {
    background-color: #ea4c89
}

.job-board-filters-toggle input:checked+.job-board-filters-toggle-control:after {
    left: 20px
}

.job-board-talent-ad,.job-board-filters-form {
    background-color: #f8f8f8
}

@media only screen and (min-width: 960px) {
    .job-board-talent-ad,.job-board-filters-form {
        border-radius:8px
    }
}

.job-board-talent-ad,.job-board-filters-form {
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (min-width: 960px) {
    .job-board-talent-ad,.job-board-filters-form {
        margin-left:0;
        margin-right: 0
    }
}

.job-board-filters-header {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 960px) {
    .job-board-filters-header {
        display:none
    }
}

.job-board-filters-header .form-btn.outlined.filters-toggle-btn.filters-active svg {
    display: inline
}

.job-board-job-link:link,.job-board-job-link:visited {
    color: #444;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.job-board-job-link:hover,.job-board-job-link:focus {
    color: #757575
}

.job-board-job-blurb {
    word-break: break-word
}

.job-board-job-meta li {
    padding: 8px 12px
}

.job-board-clear-filters:link,.job-board-clear-filters:visited {
    color: #999
}

.job-board-clear-filters:hover,.job-board-clear-filters:focus {
    color: #757575
}

@media only screen and (max-width: 959px) {
    .job-show-back-link {
        margin-bottom:-10px
    }

    .job-show-back-link .form-btn {
        line-height: 1;
        padding: 10px 12px
    }

    .job-show-back-link .form-btn svg {
        height: 16px;
        width: 16px;
        margin: 0
    }

    .job-show-back-link .job-show-back-text {
        display: none
    }
}

.job-show-container {
    max-width: 990px
}

.new-job-purchase-form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 810px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    margin: 0 auto;
    padding: 55px
}

@media only screen and (max-width: 959px) {
    .new-job-purchase-form {
        padding:15px
    }
}

.job-show-preview-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1100px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    margin: 0 auto;
    padding: 40px 55px 15px
}

@media only screen and (max-width: 959px) {
    .job-show-preview-container {
        padding:15px 15px 0
    }
}

@media only screen and (min-width: 960px) {
    .job-show-main {
        -ms-flex:1 0 680px;
        flex: 1 0 680px;
        margin-right: 50px
    }
}

@media only screen and (min-width: 960px) {
    .job-show-sidebar {
        -ms-flex:0 0 260px;
        flex: 0 0 260px
    }
}

.job-show-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700
}

@media only screen and (min-width: 960px) {
    .job-show-title {
        font-size:48px
    }
}

.job-show-meta li {
    padding: 8px 12px 0 0;
    font-size: 15px
}

.job-show-description p,.job-show-description ul,.job-show-description ol {
    margin: 0 0 15px 0;
    line-height: 1.5;
    color: #444;
    font-size: 16px
}

.job-show-description p strong,.job-show-description ul strong,.job-show-description ol strong {
    font-weight: 500
}

.job-show-description ol li,.job-show-description ul li {
    margin: 0 0 10px 30px
}

.job-show-description ol li ul,.job-show-description ol li ol,.job-show-description ul li ul,.job-show-description ul li ol {
    margin-top: 5px
}

.job-show-description ol {
    list-style: decimal
}

.job-show-description ul {
    list-style: disc
}

.job-show-description h1,.job-show-description h2,.job-show-description h3 {
    margin: 30px 0 15px 0;
    font-weight: 700;
    line-height: 1.3;
    color: #444
}

.job-show-description h1:first-child,.job-show-description h2:first-child,.job-show-description h3:first-child {
    margin: 0
}

.job-show-description h1 {
    font-size: 28px
}

.job-show-description h2 {
    font-size: 24px
}

.job-show-description h3 {
    font-size: 20px
}

.job-show-description blockquote {
    margin: 20px
}

.job-show-description blockquote p {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    color: #999
}

.job-show-cta {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    min-width: 260px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 960px) {
    .job-show-cta {
        display:inline-block
    }
}

.job-show-team .photo {
    display: block;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-bottom: 10px
}

.job-show-team .url,.job-show-team .job-show-team-name {
    font-size: 20px;
    line-height: 1.2;
    color: #444;
    margin-bottom: 10px;
    font-weight: 700;
    display: block
}

@media only screen and (min-width: 960px) {
    .job-show-team .url,.job-show-team .job-show-team-name {
        font-size:24px
    }
}

.job-show-team-links li {
    display: inline-block;
    margin: 5px
}

.job-show-team-links li:first-child {
    margin-left: 0
}

.job-show-team-links li:last-child {
    margin-right: 0
}

.job-show-team-links .form-btn.light-btn {
    line-height: 1;
    padding: 10px 12px;
    width: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.job-show-team-links .form-btn.light-btn svg {
    margin: 0;
    width: 16px;
    height: 16px
}

.job-show-section-head {
    font-size: 15px
}

.job-show-team-members {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(5, 1fr)
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .job-show-team-members li {
        float: left;
        width: 18%;
        margin-right: 2%
    }
}

.job-show-team-members img {
    width: 100%;
    border-radius: 50%
}

.job-show-team-work {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr)
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .job-show-team-work li {
        float: left;
        width: 48%;
        margin-right: 2%
    }
}

.new-job-features svg {
    fill: #F9C524
}

.new-job-features span:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(10.42%, rgba(249,197,36,0.2)), color-stop(139.58%, rgba(249,197,36,0)));
    background: linear-gradient(90deg, rgba(249,197,36,0.2) 10.42%, rgba(249,197,36,0) 139.58%);
    top: -8px;
    left: 8px
}

.new-job-form {
    max-width: 1240px;
    margin: 0 auto
}

.new-job-form form {
    max-width: 720px
}

div.all-of-the-jobs,div.all-of-the-deals {
    margin: 0 0 20px 0;
    padding: 26px 20px 10px 20px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.08)
}

div.all-of-the-jobs.preview,div.all-of-the-deals.preview {
    margin-top: 0
}

@media only screen and (max-width: 959px) {
    div.all-of-the-jobs,div.all-of-the-deals {
        padding:20px 0 0 0
    }
}

h4.jobs-date,h4.deals-date {
    margin: 0 0 0 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #bbb
}

h4.jobs-at {
    margin: 0 0 10px 20px;
    font-size: 22px;
    text-transform: none;
    color: #444;
    line-height: 1;
    font-weight: 500
}

h4.jobs-at span.sep {
    font-weight: normal;
    color: #bbb
}

h4.jobs-at img {
    float: left;
    width: 32px;
    margin: -5px 8px 0 0;
    border-radius: 50%
}

a.see-all-jobs {
    float: right;
    font-size: 13px;
    font-weight: bold
}

form.order p.note {
    margin: 10px 0 20px 0;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    color: #757575;
    background: rgba(0,0,0,0.05);
    border-radius: 6px
}

body#job div.pay-as {
    margin: 0 0 20px 0
}

body#job div.pay-as p {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #999
}

body#job div.pay-as .form-sub,body#job div.pay-as .btn-talent-application {
    padding: 15px 30px;
    font-size: 16px;
    background-color: #00b6e3
}

ol.jobs-list,ol.deals {
    margin: 5px 0 10px 0
}

ol.jobs-list li,ol.deals li {
    position: relative
}

ol.jobs-list li a.item-team,ol.jobs-list li span.item-no-team,ol.deals li a.item-team,ol.deals li span.item-no-team {
    position: absolute;
    top: 17px;
    left: -40px
}

div.team ol.jobs-list li a.item-team,div.team ol.jobs-list li span.item-no-team,div.team ol.deals li a.item-team,div.team ol.deals li span.item-no-team {
    display: none
}

ol.jobs-list li a.item-team img,ol.jobs-list li span.item-no-team img,ol.deals li a.item-team img,ol.deals li span.item-no-team img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

@media only screen and (max-width: 959px) {
    ol.jobs-list li a.item-team,ol.jobs-list li span.item-no-team,ol.deals li a.item-team,ol.deals li span.item-no-team {
        position:absolute;
        top: 15px;
        left: -8px
    }

    ol.jobs-list li a.item-team img,ol.jobs-list li span.item-no-team img,ol.deals li a.item-team img,ol.deals li span.item-no-team img {
        width: 20px;
        height: 20px;
        border-radius: 50%
    }
}

ol.jobs-list li .item-link,ol.deals li .item-link {
    display: block;
    margin: 0 0 0 5px;
    padding: 15px;
    color: #444;
    border-bottom: 1px solid #eee;
    z-index: 1
}

ol.jobs-list li .item-link:visited,ol.deals li .item-link:visited {
    color: #999
}

ol.jobs-list li .item-link span.item-info,ol.deals li .item-link span.item-info {
    float: left;
    width: calc(100% - 40%)
}

ol.jobs-list li .item-link span.item-meta,ol.deals li .item-link span.item-meta {
    float: right;
    width: 30%;
    margin: 14px 0 0 0;
    font-size: 14px;
    line-height: 1.3;
    color: #999;
    margin-bottom: 6px
}

ol.jobs-list li .item-link span.item-meta span.badge,ol.deals li .item-link span.item-meta span.badge {
    float: right;
    margin: 2px 0 0 10px
}

ol.jobs-list li .item-link span.item-title,ol.deals li .item-link span.item-title {
    display: block;
    margin: 0 0 2px 0;
    font-size: 18px;
    font-weight: bold
}

ol.jobs-list li .item-link span.item-desc,ol.deals li .item-link span.item-desc {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    color: #757575
}

ol.jobs-list li .item-link span.item-featured,ol.deals li .item-link span.item-featured {
    clear: both;
    display: block;
    font-size: 14px;
    padding-top: 6px;
    color: #7bbb5e
}

@media only screen and (max-width: 959px) {
    ol.jobs-list li .item-link,ol.deals li .item-link {
        margin:0;
        padding: 15px 20px
    }

    ol.jobs-list li .item-link span.item-info,ol.deals li .item-link span.item-info {
        float: none
    }

    ol.jobs-list li .item-link span.item-meta,ol.deals li .item-link span.item-meta {
        display: block;
        float: none;
        width: auto;
        margin: 5px 0 0 0;
        font-size: 13px;
        line-height: 1.3;
        color: #444
    }

    ol.jobs-list li .item-link span.item-title,ol.deals li .item-link span.item-title {
        margin-bottom: 5px;
        font-size: 16px
    }

    ol.jobs-list li .item-link span.item-desc,ol.deals li .item-link span.item-desc {
        font-size: 14px
    }
}

ol.jobs-list li a.item-link:hover,ol.deals li a.item-link:hover {
    background: rgba(0,0,0,0.05)
}

ol.jobs-list li:last-child .item-link,ol.deals li:last-child .item-link {
    border-bottom: none
}

ol.jobs-list a.job-edit,ol.deals a.job-edit {
    display: none;
    position: absolute;
    right: -36px;
    top: 20px;
    z-index: 2
}

ol.jobs-list a.job-edit img,ol.deals a.job-edit img {
    width: 32px;
    border-radius: 4px
}

ol.jobs-list.preview,ol.deals.preview {
    line-height: inherit;
    list-style: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

ol.jobs-list.preview li,ol.deals.preview li {
    margin: 0 36px 0 40px
}

@media only screen and (max-width: 959px) {
    ol.jobs-list.preview li,ol.deals.preview li {
        margin-left:10px
    }
}

body.not-team ol.jobs-list.preview li,body.not-team ol.deals.preview li {
    margin-left: 0
}

@media only screen and (max-width: 959px) {
    body.not-team ol.jobs-list.preview li,body.not-team ol.deals.preview li {
        margin-left:0
    }
}

body.not-team ol.jobs-list.preview li a.item-link,body.not-team ol.deals.preview li a.item-link {
    margin-left: 0;
    padding-left: 0
}

ol.jobs-list.preview li a.item-link:visited,ol.deals.preview li a.item-link:visited {
    color: #444
}

ol.jobs-list.preview li a.item-link:hover,ol.deals.preview li a.item-link:hover {
    background: none
}

ol.jobs-list.preview a.job-edit,ol.deals.preview a.job-edit {
    display: block
}

ol.jobs-list.preview form.non-order,ol.deals.preview form.non-order {
    position: absolute;
    right: -36px;
    top: 20px;
    z-index: 2
}

ol.deals li .item-link span.item-info {
    width: auto;
    max-width: 700px
}

div.place-info ol.jobs-list,div.secondary ol.jobs-list,#footer ol.jobs-list {
    margin: -2px 0 0 0
}

div.place-info ol.jobs-list li,div.secondary ol.jobs-list li,#footer ol.jobs-list li {
    margin: 0 0 15px 0
}

div.place-info ol.jobs-list li:last-of-type,div.secondary ol.jobs-list li:last-of-type,#footer ol.jobs-list li:last-of-type {
    margin: 0
}

div.place-info ol.jobs-list li a.item-team,div.place-info ol.jobs-list li span.item-no-team,div.secondary ol.jobs-list li a.item-team,div.secondary ol.jobs-list li span.item-no-team,#footer ol.jobs-list li a.item-team,#footer ol.jobs-list li span.item-no-team {
    top: 2px;
    left: 0;
    z-index: auto
}

div.place-info ol.jobs-list li a.item-team img,div.place-info ol.jobs-list li span.item-no-team img,div.secondary ol.jobs-list li a.item-team img,div.secondary ol.jobs-list li span.item-no-team img,#footer ol.jobs-list li a.item-team img,#footer ol.jobs-list li span.item-no-team img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

div.place-info ol.jobs-list li a.item-team:hover img,div.place-info ol.jobs-list li span.item-no-team:hover img,div.secondary ol.jobs-list li a.item-team:hover img,div.secondary ol.jobs-list li span.item-no-team:hover img,#footer ol.jobs-list li a.item-team:hover img,#footer ol.jobs-list li span.item-no-team:hover img {
    opacity: .8
}

div.place-info ol.jobs-list li .item-link,div.secondary ol.jobs-list li .item-link,#footer ol.jobs-list li .item-link {
    padding: 0 0 0 36px;
    border: none;
    z-index: auto
}

div.place-info ol.jobs-list li .item-link:hover,div.place-info ol.jobs-list li .item-link:hover span.item-desc,div.place-info ol.jobs-list li .item-link:hover span.item-title,div.secondary ol.jobs-list li .item-link:hover,div.secondary ol.jobs-list li .item-link:hover span.item-desc,div.secondary ol.jobs-list li .item-link:hover span.item-title,#footer ol.jobs-list li .item-link:hover,#footer ol.jobs-list li .item-link:hover span.item-desc,#footer ol.jobs-list li .item-link:hover span.item-title {
    background: none;
    opacity: .8
}

div.place-info ol.jobs-list li .item-link span.item-info,div.secondary ol.jobs-list li .item-link span.item-info,#footer ol.jobs-list li .item-link span.item-info {
    float: none
}

div.place-info ol.jobs-list li .item-link span.item-info,div.secondary ol.jobs-list li .item-link span.item-info,#footer ol.jobs-list li .item-link span.item-info {
    float: none
}

div.place-info ol.jobs-list li .item-link span.item-meta,div.secondary ol.jobs-list li .item-link span.item-meta,#footer ol.jobs-list li .item-link span.item-meta {
    display: none
}

div.place-info ol.jobs-list li .item-link span.item-title,div.secondary ol.jobs-list li .item-link span.item-title,#footer ol.jobs-list li .item-link span.item-title {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #3a8bbb
}

div.place-info ol.jobs-list li .item-link span.item-desc,div.secondary ol.jobs-list li .item-link span.item-desc,#footer ol.jobs-list li .item-link span.item-desc {
    font-size: 12px;
    font-weight: normal;
    color: #999
}

div.place-info ol.jobs-list li .item-link span.item-featured,div.secondary ol.jobs-list li .item-link span.item-featured,#footer ol.jobs-list li .item-link span.item-featured {
    display: none
}

div.job-preview {
    margin-bottom: 10px;
    padding-bottom: 10px
}

div.job-preview .job-extra {
    margin: 5px 0 0 0
}

body#job .recurring-job-option {
    display: none
}

body#job .single-job-option {
    display: block
}

body#job.recurring-job .recurring-job-option {
    display: block
}

body#job.recurring-job .single-job-option {
    display: none
}

body#job.recurring-job span.recurring-job-option {
    display: inline
}

form.gen-form div.check-wrap.job-extras fieldset label,form.gen-form div.check-wrap.single-or-recurring fieldset label {
    margin: 0;
    font-size: 15px
}

form.gen-form div.check-wrap.job-extras fieldset label span,form.gen-form div.check-wrap.single-or-recurring fieldset label span {
    font-size: 15px;
    color: #444
}

form.gen-form div.check-wrap.job-extras input,form.gen-form div.check-wrap.single-or-recurring input {
    font-size: 30px
}

form.gen-form div.check-wrap.job-extras p.message,form.gen-form div.check-wrap.single-or-recurring p.message {
    margin-left: 23px;
    color: #bbb;
    font-size: 14px
}

form.gen-form div.check-wrap.job-extras strong,form.gen-form div.check-wrap.single-or-recurring strong {
    font-weight: bold
}

form.gen-form div.check-wrap.job-extras em,form.gen-form div.check-wrap.single-or-recurring em {
    color: #999;
    font-style: normal
}

form.gen-form div.check-wrap.job-extras .replay-subscriber-count,form.gen-form div.check-wrap.single-or-recurring .replay-subscriber-count {
    font-weight: 500;
    color: #757575
}

form.gen-form div.check-wrap.job-extras p {
    margin: 0
}

form.gen-form div.check-wrap.job-extras p.message {
    color: #999
}

form.gen-form div.check-wrap.single-or-recurring {
    padding-bottom: 0
}

form.gen-form div.check-wrap.single-or-recurring fieldset label:first-child {
    margin-bottom: 5px
}

.job-extra-container {
    border: 1px solid #ECDECA;
    background-color: #fff9df;
    padding: 8px 12px;
    margin-bottom: 8px;
    border-radius: 6px
}

.job-extra-container:last-of-type {
    margin-bottom: 40px
}

.job-extra-container .recurring-job-option {
    margin-right: 0
}

body#job form.gen-form h2.alt {
    margin-top: 20px
}

div.job-url,div.job-custom-text {
    width: 100%;
    padding: 0 80px 10px 0;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.job-custom-text {
    padding: 0
}

div.purchase-job-space {
    max-width: 500px;
    margin: 0 auto 30px;
    padding: 20px;
    text-align: center;
    border: 2px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px
}

@media only screen and (max-width: 800px) {
    div.purchase-job-space {
        width:auto
    }
}

div.purchase-job-space h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 4px 0
}

div.purchase-job-space h4 {
    font-size: 13px;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 500;
    color: #c142a0
}

div.purchase-job-space div.price {
    font-weight: 500;
    font-size: 24px
}

div.purchase-job-space div.price span {
    display: block;
    font-size: 15px;
    color: #999;
    margin: 2px 0 20px;
    font-weight: normal
}

div.purchase-job-space ul {
    list-style: none
}

div.purchase-job-space ul li {
    margin-left: 0;
    color: #c142a0
}

div.offer-bonus {
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 20px
}

div.offer-bonus:last-child {
    margin-bottom: 0
}

div.offer-bonus a {
    font-weight: 500
}

div.offer-bonus span {
    font-size: 13px;
    display: block;
    color: #999;
    margin-top: 5px
}

@media only screen and (max-width: 959px) {
    div.offer-bonus {
        margin-bottom:40px
    }
}

div.fine-print {
    margin: 40px;
    padding: 0 50px
}

body#jobs-signup div.fine-print {
    margin: 40px 10% 0 10%
}

@media only screen and (max-width: 800px) {
    div.fine-print {
        margin:0;
        padding: 0
    }
}

div.fine-print div.fine-print-items {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    column-gap: 80px;
    margin-top: 30px
}

body#account-pro.logged-out div.fine-print div.fine-print-items {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    column-gap: 0px
}

@media only screen and (max-width: 800px) {
    div.fine-print div.fine-print-items {
        -webkit-column-count:1;
        column-count: 1;
        -webkit-column-gap: 0px;
        column-gap: 0px
    }
}

div.fine-print div.fine-print-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

div.fine-print h3 {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

div.fine-print li {
    color: #999;
    font-size: 15px;
    line-height: 1.5;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

div.fine-print li strong {
    color: #757575;
    font-weight: 500
}

div.fine-print ul {
    list-style: disc;
    padding-left: 18px;
    margin-bottom: 20px
}

body#jobs-signup div.fine-print ul {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px
}

@media only screen and (max-width: 800px) {
    body#jobs-signup div.fine-print ul {
        -webkit-column-count:1;
        column-count: 1;
        -webkit-column-gap: 0px;
        column-gap: 0px
    }
}

body#teams-signup div.fine-print ul {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    column-gap: 0px
}

div.new-offer-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

div.copy p.jobs-remaining {
    text-align: center;
    margin: 0 0 20px
}

div.copy p.credits-note,div.copy p.renewal-price-note {
    font-size: 13px;
    color: #999
}

div.current-jobs {
    background-color: #e1e4e8
}

div.current-jobs h1,div.archived-jobs h1 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #757575;
    margin-bottom: 20px;
    font-weight: 500
}

div.archived-jobs {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px
}

div.job-spaces {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 20px
}

ul.job-spaces-list .job-space {
    position: relative;
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    margin-bottom: 30px
}

ul.job-spaces-list .job-space:last-child {
    margin-bottom: 0
}

ul.job-spaces-list .actions-menu {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1
}

ul.job-spaces-list .actions-menu li {
    padding: 10px 15px
}

ul.job-spaces-list .actions-menu li strong {
    font-size: 13px;
    font-weight: 500;
    color: white;
    display: block
}

ul.job-spaces-list .actions-menu li span {
    font-size: 12px;
    color: #bbb;
    display: block;
    line-height: 1.4;
    margin: 6px 0 12px
}

ul.job-spaces-list .actions-menu li .form-btn.delete {
    background-color: #ff2c2c
}

ul.job-spaces-list .actions-menu li .form-btn.delete:hover,ul.job-spaces-list .actions-menu li .form-btn.delete:active {
    background-color: #f55
}

ul.job-spaces-list .actions-menu a.settings {
    padding: 4px 8px 3px
}

ul.job-spaces-list .space-status {
    font-size: 13px;
    color: #757575;
    margin-bottom: 8px
}

ul.job-spaces-list .space-status strong {
    font-weight: 500;
    color: #444
}

ul.job-spaces-list .space-status.ending {
    color: #f55
}

ul.job-spaces-list .space-status.ending strong {
    color: #f55
}

.text-job-search-upgrade {
    color: #6061A7
}

.job-search-upgrade {
    background: linear-gradient(45deg, rgba(89,96,180,0.15) 0%, rgba(112,89,175,0.09) 100%);
    border-radius: 4px;
    border: 1px solid #6061a7;
    padding: 16px 16px 20px
}

.job-search-upgrade .advanced-search-label {
    margin-bottom: 3px
}

.job-search-upgrade .advanced-search-label input[type="checkbox"] {
    display: none;
    height: 0;
    width: 0
}

.job-search-upgrade .advanced-search-label label {
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 0 0 0 30px;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    width: auto
}

.job-search-upgrade .advanced-search-label label::before,.job-search-upgrade .advanced-search-label label::after {
    background: white url(/assets/icons/input-check-a752e7681275fc0f75f4dea29080f57e03dcbc8daa2699d232340e5092c45c6c.svg) no-repeat center center;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px #999, 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px #999, 0 0 0 1px transparent;
    content: "";
    display: block;
    left: 2px;
    height: 18px;
    position: absolute;
    width: 18px;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out
}

.job-search-upgrade .advanced-search-label label:hover,.job-search-upgrade .advanced-search-label label:focus {
    cursor: pointer
}

.job-search-upgrade .advanced-search-label label:hover::after,.job-search-upgrade .advanced-search-label label:focus::after {
    -webkit-box-shadow: inset 0 0 0 1px #999,0 0 0 1px rgba(96,97,167,0.25);
    box-shadow: inset 0 0 0 1px #999,0 0 0 1px rgba(96,97,167,0.25)
}

.job-search-upgrade .advanced-search-label input[type="checkbox"]:checked+label::before {
    background: linear-gradient(45deg, #5960B4 0%, #7059AF 100%);
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent
}

.job-search-upgrade .advanced-search-label input[type="checkbox"]:checked+label::after {
    background: transparent url(/assets/icons/input-check-a752e7681275fc0f75f4dea29080f57e03dcbc8daa2699d232340e5092c45c6c.svg) no-repeat center center;
    -webkit-box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent;
    opacity: 1.0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

@media only screen and (min-width: 480px) {
    .job-search-upgrade .advanced-search-label label {
        -ms-flex-preferred-size:auto;
        flex-basis: auto
    }
}

.job-search-upgrade .more-info {
    margin: 4px 0;
    text-align: left;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear
}

.job-search-upgrade .more-info svg {
    fill: #6061A7;
    height: 15px;
    width: 15px
}

.job-search-upgrade .more-info:hover,.job-search-upgrade .more-info:focus {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

@media only screen and (min-width: 480px) {
    .job-search-upgrade .more-info {
        margin:0;
        text-align: right
    }
}

#advanced-search-info-overlay.overlay .close {
    margin: 0;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 5
}

#advanced-search-info-overlay.overlay .lightbox {
    padding: 0;
    width: 660px
}

#advanced-search-info-overlay.overlay .lightbox .display {
    background: white;
    border-radius: 10px
}

#advanced-search-info-overlay.overlay .lightbox .display li {
    font-size: 15px
}

#advanced-search-info-overlay.overlay .lightbox .display p {
    font-size: 16px
}

@media screen and (max-width: 661px) {
    #advanced-search-info-overlay.overlay .lightbox {
        left:10px;
        width: calc(100% - 20px)
    }
}

#advanced-search-info-overlay.overlay .advanced-search-info-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

#advanced-search-info-overlay.overlay .advanced-search-info-lead {
    font-size: 16px
}

#advanced-search-info-overlay.overlay .hiring-tiers-grid {
    height: auto
}

@media only screen and (min-width: 960px) {
    #advanced-search-info-overlay.overlay .hiring-tiers-grid {
        height:190px
    }
}

.empty-space {
    padding: 20px;
    border-radius: 6px;
    border: 1px dashed #ddd;
    position: relative;
    text-align: center;
    font-size: 13px;
    color: #999
}

.empty-space a {
    font-weight: 500
}

.empty-space a.cancel {
    color: #f55
}

.empty-space a.cancel:hover {
    color: #ff2222
}

.empty-space .cancel-note {
    margin-top: 10px;
    font-size: 12px
}

.empty-space .cancel-note a {
    font-weight: normal
}

.job-row {
    background: white;
    padding: 20px 20px 20px 30px;
    border-radius: 6px;
    border: 1px solid #ddd;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.archived-jobs .job-row {
    margin-bottom: 30px
}

.archived-jobs .job-row:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 959px) {
    .job-row {
        display:block
    }
}

.job-row .job-avatar {
    position: absolute;
    top: 21px;
    left: -20px
}

.job-row .job-avatar img {
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.job-row .job-info {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    font-size: 14px;
    color: #757575
}

.job-row .job-info:hover {
    color: #999
}

.job-row .job-info:hover .job-title {
    color: #757575
}

.job-row .job-title {
    display: block;
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-bottom: 4px
}

.job-row .job-stats {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

@media only screen and (max-width: 959px) {
    .job-row .job-stats {
        margin:10px 0
    }
}

.job-row .job-clicks {
    display: block;
    font-size: 18px;
    color: #444;
    margin-bottom: 4px
}

.job-row .job-listing {
    font-size: 14px
}

.job-row .job-actions {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    text-align: right
}

.job-row .job-actions .form-btn {
    margin-left: 10px
}

@media only screen and (max-width: 959px) {
    .job-row .job-actions {
        text-align:left
    }

    .job-row .job-actions .form-btn {
        margin: 0 10px 0 0
    }
}

.modal-choice-option {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px 10px 12px;
    margin-top: 10px;
    background-color: white
}

.modal-choice-option .modal-choice-note {
    margin: 5px 0 8px
}

@media only screen and (min-width: 960px) {
    .modal-choice-option .modal-choice-action {
        text-align:right
    }
}

@media only screen and (max-width: 959px) {
    .modal-choice-option .modal-choice-action {
        margin-top:10px
    }
}

.hiring-tiers-grid svg {
    height: 18px;
    width: 18px;
    margin-right: 5px;
    vertical-align: bottom
}

.hiring-tiers-grid svg path {
    fill: #53c68c
}

.hiring-tiers-grid .advanced-search-bullets {
    padding-left: 28px;
    margin-top: 5px
}

@media only screen and (max-width: 959px) {
    .hiring-tiers-grid .hiring-tier {
        border:none
    }
}

@media only screen and (min-width: 960px) {
    .hiring-tiers-grid .tier-features {
        min-height:285px
    }
}

#promoted-overlay a.close,#job-options-overlay a.close {
    position: relative;
    z-index: 1
}

#job-options-overlay .lightbox {
    background: white;
    width: 530px
}

@media only screen and (max-width: 800px) {
    #job-options-overlay .lightbox {
        width:100%
    }
}

#job-options-overlay .hiring-header {
    margin: -50px -100px 50px;
    border-radius: 10px 10px 0 0
}

@media only screen and (max-width: 800px) {
    #job-options-overlay .hiring-header {
        margin:-20px -20px 0
    }
}

#job-options-overlay .hiring-tiers-grid {
    border: none;
    margin: -50px -100px
}

@media only screen and (max-width: 800px) {
    #job-options-overlay .hiring-tiers-grid {
        margin:0
    }
}

#promoted-overlay .lightbox {
    background: white;
    width: 420px
}

@media only screen and (max-width: 800px) {
    #promoted-overlay .lightbox {
        width:100%
    }
}

#promoted-overlay .promoted-header {
    margin: -50px -100px 30px;
    border-radius: 10px 10px 0 0
}

@media only screen and (max-width: 800px) {
    #promoted-overlay .promoted-header {
        margin:-20px -20px 30px
    }
}

#promoted-overlay svg {
    height: 18px;
    width: 18px;
    margin-right: 5px;
    vertical-align: bottom
}

#promoted-overlay svg path {
    fill: #6144FF
}

h1.jobs-landing-heading {
    font-size: 30px
}

h1.job-title-hero {
    font-size: 32px;
    padding-bottom: 20px
}

#sizing-cropping-overlay svg {
    width: 105px;
    height: 91px
}

.photo-hero {
    width: calc(100% + 100px);
    margin: -50px -50px 50px;
    border-radius: 10px 10px 0 0
}

@media only screen and (max-width: 959px) {
    .photo-hero {
        margin:-15px -15px 20px -15px;
        width: calc(100% + 30px)
    }
}

.photo-fullwidth {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px
}

.photo-floated {
    display: block;
    max-width: 300px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 5px
}

@media only screen and (max-width: 959px) {
    .photo-floated {
        max-width:200px
    }
}

@media only screen and (max-width: 460px) {
    .photo-floated {
        max-width:none;
        width: 100%;
        margin-right: 0
    }
}

.listing-body .listing-tags {
    list-style: none;
    margin-bottom: 30px
}

.listing-body .listing-tags li {
    display: inline-block;
    margin: 0;
    padding: 5px 10px 5px;
    background-color: rgba(216,216,216,0.25);
    color: #999;
    border-radius: 3px;
    border: 1px solid #bbb
}

.listing-sidebar .form-btn {
    display: block;
    font-size: 16px;
    padding: 15px;
    background-color: #B93A96
}

.listing-sidebar a.url {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #444
}

.listing-sidebar a.url img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 5px auto;
    border-radius: 50%
}

.listing-sidebar ul.links {
    list-style: none;
    margin: 20px 0
}

.listing-sidebar ul.links li {
    display: inline;
    margin: 5px
}

.listing-sidebar ul.links a {
    display: inline-block;
    opacity: .32;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.listing-sidebar ul.links a:hover {
    opacity: .72
}

.listing-sidebar ul.links a span.label {
    display: none
}

.listing-sidebar .sidebar-module {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.listing-sidebar .sidebar-module h4 {
    color: #444;
    font-weight: 500;
    margin-bottom: 20px
}

.listing-sidebar .sidebar-module .edit-link {
    color: #999;
    margin-left: 10px
}

.listing-sidebar .sidebar-module .edit-link svg {
    opacity: .3;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px
}

.listing-sidebar .sidebar-module .edit-link:hover {
    color: #757575
}

.listing-sidebar .sidebar-module .edit-link:hover svg {
    opacity: 0.5
}

.listing-sidebar .sidebar-module ul,.listing-sidebar .sidebar-module ol {
    list-style: none
}

.listing-sidebar .sidebar-module ul li,.listing-sidebar .sidebar-module ol li {
    margin: 0
}

.listing-sidebar .sidebar-module.people li {
    display: inline-block;
    margin: 0 5px 5px
}

.listing-sidebar .sidebar-module.people a.url img {
    width: 64px;
    height: 64px
}

.listing-sidebar .sidebar-module.shots li {
    padding: 0 5px 10px
}

.listing-sidebar .sidebar-module.open-positions li {
    margin-bottom: 10px
}

#shots-overlay div.check-wrap input[type=checkbox] {
    display: none
}

#shots-overlay div.check-wrap label {
    float: left;
    width: 140px;
    padding: 10px;
    margin: 0 10px 10px 0
}

#shots-overlay div.check-wrap label.selected {
    background-color: #3a8bbb
}

#shots-overlay div.check-wrap label img {
    display: block;
    width: 100%;
    margin: 0;
    top: 0
}

.overlay-error {
    color: #f55;
    font-size: text-size-12
}

.hidden-clipboard-url,input#job_hero_image {
    left: -999em;
    position: absolute
}

#upload p {
    margin: 15px 0
}

.job-geo-pin {
    height: 16px;
    width: 16px;
    opacity: 0.4;
    vertical-align: text-bottom
}

.avatar-spacing {
    padding-left: 35px !important
}

.copy-link {
    color: #999
}

.copy-link:hover {
    color: #757575
}

.footer-left {
    float: left;
    margin-left: 55px;
    margin-top: 20px
}

.footer-left>span {
    color: #CBCBCB
}

.footer-right {
    float: right;
    margin-top: 10px;
    margin-right: 55px
}

.footer-right>a {
    color: #fff
}

.footer-right .form-btns input.form-sub,.footer-right .form-btns input.btn-talent-application {
    margin-left: 20px
}

.ql-indent-1 {
    padding-left: 3em
}

.ql-indent-2 {
    padding-left: 6em
}

.ql-indent-3 {
    padding-left: 9em
}

.ql-indent-4 {
    padding-left: 12em
}

.ql-indent-5 {
    padding-left: 15em
}

.ql-indent-6 {
    padding-left: 18em
}

.ql-indent-7 {
    padding-left: 21em
}

.ql-indent-8 {
    padding-left: 24em
}

div.code-block {
    margin: 0 0 30px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    color: #ea4c89;
    background: #fff;
    overflow: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

div.code-block pre {
    margin: 0;
    padding: 0
}

div.code-block pre code {
    font-family: Monaco, monospace;
    font-size: 12px;
    line-height: 1.5
}

div.api h2.api {
    font-size: 1.5em;
    font-weight: normal
}

div.secondary.api h3 {
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
    background: none
}

h3.api {
    margin: 0;
    padding: 10px 15px;
    font-weight: 500;
    line-height: 1;
    font-weight: 500;
    color: #444;
    border: 1px solid #ddd;
    background: #e7e7e7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

div.applications dl.apps {
    margin: 40px 0 30px 0
}

div.applications dl.apps dt {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 500
}

div.applications dl.apps dt span.sep {
    margin: 0 4px;
    font-weight: normal;
    color: #bbb
}

div.applications dl.apps dt a {
    position: relative;
    top: -1px;
    font-size: 12px;
    line-height: 1;
    color: #757575
}

div.applications dl.apps dt a:hover {
    color: #3a8bbb
}

div.applications dl.apps dd {
    margin: 0 0 20px 0;
    font-size: 13px;
    color: #999;
    overflow: auto
}

div.api p {
    margin: 0 0 10px 0
}

div.api p.last {
    margin: 0 0 25px 0
}

div.api p span.api-values {
    font-family: Monaco, monospace;
    font-size: .9em;
    color: #ea4c89
}

div.api ul {
    margin: 0 0 15px 0
}

div#main.api ul li {
    margin: 0 0 5px 40px;
    font-size: .9em;
    line-height: 1.4;
    color: #666
}

div.api dl dt {
    margin: 0 0 4px 0;
    font-family: Monaco, monospace;
    font-weight: normal
}

div.api dl dd {
    margin: 0 0 10px 0;
    color: #666
}

div.api dl dd:last-child {
    margin-bottom: 0
}

div.auth div.scope-public {
    padding: 0 0 0 42px;
    background-repeat: no-repeat;
    background-position: 0 17px;
    background-image: url(/assets/features/icon-eye-d2f8d90937cfb898a35b33483f97b93fc9561743547e525ef0c65acf500c66e7.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.auth div.scope-public {
        background-image:url(/assets/features/icon-eye-2x-7e03f5035de7a146c88cb2fd63a125c34f0c3b64008aac8bdb2f037cf04ae47f.png);
        background-size: 32px 21px
    }
}

div.auth div.scope-write {
    padding: 0 0 0 42px;
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-image: url(/assets/features/icon-pencil-a3aeda2bd0e9e48c1e3f80207415ea8d125137014c5de0da4c558a2e815501f9.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.auth div.scope-write {
        background-image:url(/assets/features/icon-pencil-2x-1b8ddfb59fa100a5ac3f2e6a40957c0d89318cfbf9a6cae4eb53a56bedca68c9.png);
        background-size: 32px 32px
    }
}

div.auth div.scope-comment {
    padding: 0 0 0 42px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    background-image: url(/assets/features/icon-comment-c76890a0e9972b8c00e3e57dc9716d209baff34a207188def9afbb753829245b.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.auth div.scope-comment {
        background-image:url(/assets/features/icon-comment-2x-6b84c3efdcfb9e35f249a2dd0dcd51553863e3af9587874f3e3c6eee9ca8a540.png);
        background-size: 32px 29px
    }
}

div.auth div.scope-upload {
    padding: 0 0 0 42px;
    background-repeat: no-repeat;
    background-position: 0 16px;
    background-image: url(/assets/features/icon-upload-3dd9ec1c4bd4b7b9b2a59bd8efcb3107f1bb1627817946c6f3bb254c9a2bcae5.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    div.auth div.scope-upload {
        background-image:url(/assets/features/icon-upload-2x-c56b14f0672a3e7b00b4a166ddbe119370eb821bef13485a421fbdff190f3667.png);
        background-size: 32px 24px
    }
}

div.auth h2.alt {
    padding-top: 15px
}

div.auth dl {
    margin-bottom: 10px;
    line-height: 1.5;
    color: #757575
}

div.auth dl dt {
    font-weight: bold;
    color: #444
}

div.auth-btns {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
    border-top: 1px solid #ddd
}

div.auth-btns form {
    display: inline-block
}

div.auth-btns form .form-sub,div.auth-btns form .btn-talent-application,div.auth-btns form .form-btn {
    margin: 0 5px;
    padding: 10px 20px;
    font-size: 18px
}

a.account-pro-prompt {
    float: right;
    width: 250px;
    padding: 12px 10px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 959px) {
    a.account-pro-prompt {
        display:block;
        float: none;
        width: auto;
        margin-bottom: 20px
    }
}

a.account-pro-prompt {
    color: #fff;
    background: #fff
}

a.account-pro-prompt strong {
    display: block;
    margin: 0 0 6px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #444
}

a.account-pro-prompt em {
    display: block;
    font-size: 12px;
    line-height: 1.3;
    font-style: normal;
    color: #999
}

a.account-pro-prompt span.badge {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    background: none
}

a.account-pro-prompt span.badge-pro {
    color: #ea4c89
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    a.account-pro-prompt span.badge-pro {
        background:linear-gradient(45deg, #E47B49 0%, #ea4c89 100%);
        background-clip: text;
        -webkit-background-clip: text;
        text-fill: transparent
    }
}

a.account-pro-prompt:hover {
    background: linear-gradient(45deg, #E47B49 0%, #ea4c89 100%)
}

a.account-pro-prompt:hover span.badge,a.account-pro-prompt:hover span.badge-pro {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff
}

a.account-pro-prompt:hover strong,a.account-pro-prompt:active strong,a.account-pro-prompt:hover strong span.price,a.account-pro-prompt:active strong span.price {
    color: #fff
}

a.account-pro-prompt:hover em,a.account-pro-prompt:active em {
    color: rgba(255,255,255,0.8)
}

form.select-sort-form {
    position: absolute;
    top: 11px;
    right: 65px
}

form.select-sort-form label {
    margin: 0 1px 0 0;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
    color: #999
}

form.select-sort-form select {
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    top: auto;
    height: 29px;
    margin: 0;
    padding: 0 24px 0 8px;
    font-size: 12px;
    line-height: 29px;
    border: 1px solid #e0e0e0;
    background-color: transparent
}

form.select-sort-form select:focus {
    outline: none
}

@media only screen and (max-width: 1023px) {
    form.select-sort-form {
        display:none
    }
}

form.select-sort-form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

#options-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 20px;
    width: 23px;
    height: 15px;
    margin: 0;
    padding: 8px 12px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #aaa;
    text-indent: -9999px;
    background-image: url(/assets/icon-filter-expand-1133e5b38cd9f991cee664b5a0be11a1d84c3eb3886af4eac3f2bb563fa7c1fa.png);
    background-repeat: no-repeat;
    background-position: 12px 8px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #options-toggle {
        background-image:url(/assets/icon-filter-expand-2x-6ed8a6bab294b70f31e2a675c8a7231606d26350490d1df0a01ce26dd1a7f183.png);
        background-size: 23px 15px
    }
}

#options-toggle img {
    height: 0
}

#options-toggle.active {
    background-color: #333;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4)
}

#options-toggle.searched {
    background-image: url(/assets/icon-filter-expand-1133e5b38cd9f991cee664b5a0be11a1d84c3eb3886af4eac3f2bb563fa7c1fa.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #options-toggle.searched {
        background-image:url(/assets/icon-filter-expand-2x-6ed8a6bab294b70f31e2a675c8a7231606d26350490d1df0a01ce26dd1a7f183.png);
        background-size: 23px 15px
    }
}

.full-tabs #options-toggle {
    top: 10px;
    right: 80px
}

div.pro-search-mod #options-toggle,body#search-results #options-toggle {
    display: inline
}

form.filter-options {
    position: relative;
    margin: 0 0 25px 0;
    padding: 15px 0;
    background: #333;
    border-radius: 6px
}

div.pro-search-mod form.filter-options,body#search-results form.filter-options {
    display: none;
    position: absolute;
    top: 30px;
    right: 20px;
    width: 220px;
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    border-top-right-radius: 0
}

.full-tabs div.pro-search-mod form.filter-options,.full-tabs body#search-results form.filter-options {
    top: 40px;
    right: 80px
}

form.filter-options fieldset {
    margin: 0 0 12px 0;
    padding: 0 15px
}

form.filter-options fieldset.last {
    margin-bottom: 0
}

form.filter-options fieldset.sort-options label {
    display: block;
    margin-bottom: 2px
}

form.filter-options fieldset h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #ccc;
    border: none;
    background: none
}

form.filter-options fieldset h3.job-field-title {
    color: #fff;
    padding-top: 10px
}

form.filter-options fieldset label {
    margin-right: 10px;
    font-size: 13px;
    color: #999
}

form.filter-options fieldset label a.help-link {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 0 0 3px
}

form.filter-options fieldset label a.help-link img {
    width: 12px;
    opacity: .3
}

form.filter-options fieldset label a.help-link:hover img {
    opacity: .6
}

form.filter-options fieldset select {
    width: 100%;
    color: #bbb;
    border: none;
    background-color: #666
}

form.filter-options fieldset select:focus,form.filter-options fieldset select:active {
    outline: none;
    border-color: #999
}

form.filter-options fieldset select.job-search {
    background-color: #fff
}

form.filter-options fieldset ul li {
    padding-bottom: 4px
}

form.filter-options fieldset ul li:last-child {
    padding-bottom: 0
}

form.filter-options fieldset a.remove-location,form.filter-options fieldset a.remove-hex {
    position: absolute;
    bottom: 28px;
    right: 20px;
    opacity: .7;
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s
}

form.filter-options fieldset a.remove-location:hover,form.filter-options fieldset a.remove-hex:hover {
    opacity: 1
}

form.filter-options fieldset p.help {
    margin-top: 5px;
    font-size: 12px;
    color: #999
}

form.filter-options fieldset.find-players-geo,form.filter-options fieldset.find-players-skills {
    position: relative
}

form.filter-options fieldset.find-players-geo input[type="text"] {
    padding-left: 27px;
    background-image: url(/assets/icon-geo-search-563483865dd7cd05b4ff5fe90b97a553977039617e6b0eedb992218e78e97868.png);
    background-repeat: no-repeat;
    background-position: 10px 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset.find-players-geo input[type="text"] {
        background-image:url(/assets/icon-geo-search-2x-1c95b517b0c28b251ba4cf9a10882d3d6d8baab0d31b9ae42aeece1ffdadd136.png);
        background-size: 11px 16px
    }
}

form.filter-options fieldset.find-players-geo input[type="checkbox"] {
    margin-left: -15px
}

form.filter-options fieldset.search-goods input[type="text"] {
    padding-left: 8px
}

form.filter-options fieldset.find-players-skills input[type="text"] {
    background-image: url(/assets/icon-skills-a14c9c24df3f90c312c99e8a877904e80c51907b2d7c20948676ca5b1d8c0e63.png);
    background-repeat: no-repeat;
    background-position: 8px 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset.find-players-skills input[type="text"] {
        background-image:url(/assets/icon-skills-2x-6776a0db39fb8217fa6773d4c9dc317b991512fce4a1c4c004e493523694a768.png);
        background-size: 16px 16px
    }
}

form.filter-options fieldset.find-hex input[type="text"] {
    padding-left: 27px;
    background-image: url(/assets/icon-find-hex-bd65f83075772e995be8aaa50cc11f648d88506b15d8847657170a88ffa12da9.png);
    background-repeat: no-repeat;
    background-position: 10px 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    form.filter-options fieldset.find-hex input[type="text"] {
        background-image:url(/assets/icon-find-hex-2x-f91bacda07bc3776db594e2fc961db25cb147d34827caf671113d03a12a70641.png);
        background-size: 12px 16px
    }
}

form.filter-options fieldset.find-players-geo input[type="text"]:focus,form.filter-options fieldset.find-players-skills input[type="text"]:focus,form.filter-options fieldset.find-hex input[type="text"]:focus {
    color: #444;
    outline-width: 0
}

form.filter-options fieldset.following,form.filter-options fieldset.not {
    float: left;
    margin-bottom: 15px;
    padding: 0 0 0 15px
}

form.filter-options fieldset.following h3,div.secondary form.filter-options fieldset.following h3,form.filter-options fieldset.not h3,div.secondary form.filter-options fieldset.not h3 {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #999
}

form.filter-options fieldset.following label {
    display: inline-block;
    width: 38px;
    margin: 4px 4px 0 0;
    padding: 4px 0;
    line-height: 1;
    text-align: center;
    border: 1px solid #505050;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.filter-options fieldset.following label:last-child {
    margin-right: 0
}

form.filter-options fieldset.following label:hover {
    cursor: pointer;
    border-color: #444;
    background: #444
}

form.filter-options fieldset.following label.active {
    border-color: #606060;
    background: #606060
}

form.filter-options fieldset.following label img {
    position: relative;
    top: 1px;
    opacity: .27
}

form.filter-options fieldset.following label:hover img {
    opacity: .5
}

form.filter-options fieldset.following label.active img {
    opacity: 1
}

form.filter-options fieldset.not {
    float: right;
    padding: 0 15px 0 0
}

form.filter-options fieldset.find-players-distance label h3 {
    display: inline-block
}

form.filter-options li.options {
    margin-top: 5px;
    font-size: 13px
}

form.filter-options li.options span {
    margin: 0 4px;
    color: #555
}

form.filter-options li.options a {
    font-weight: 500
}

form.filter-options input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 8px 5px 8px 30px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #444;
    border: none;
    background: white;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -webkit-transition: background-color ease .3s;
    transition: background-color ease .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.filter-options input[type="text"]::-webkit-input-placeholder {
    color: #999
}

@media only screen and (max-width: 460px) {
    form.filter-options input[type="text"] {
        font-size:16px
    }
}

form.filter-options div.submit {
    margin: 0 15px
}

form.filter-options input.form-sub,form.filter-options input.btn-talent-application {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 4px
}

body#jobs form.filter-options input.form-sub,body#jobs form.filter-options input.btn-talent-application {
    background-color: #c142a0
}

body#jobs form.filter-options input.form-sub:hover,body#jobs form.filter-options input.btn-talent-application:hover {
    background-color: #ac388e
}

body#jobs form.filter-options input.form-sub:active,body#jobs form.filter-options input.btn-talent-application:active {
    background-color: #9d3381
}

div.following-notfollowing {
    overflow: hidden
}

form.filter-options-act a {
    color: #757575
}

form.filter-options-act a:hover {
    color: #999
}

div.not-so-fast {
    position: relative;
    z-index: 99
}

div.not-so-fast .results-pane {
    pointer-events: none
}

div.not-so-fast div.go-pro {
    position: absolute;
    top: 40px;
    width: 70%;
    margin: 0 15%;
    padding: 15px 0 25px;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    color: #757575;
    z-index: 2;
    background: rgba(255,255,255,0.85);
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

@media only screen and (max-width: 959px) {
    div.not-so-fast div.go-pro {
        width:90%;
        margin: 0 5%
    }

    div.not-so-fast div.go-pro h2 {
        font-size: 14px;
        line-height: 2.4
    }
}

div.not-so-fast div.go-pro a.close {
    position: absolute;
    top: 10px;
    right: 10px
}

div.not-so-fast div.go-pro a.close:hover {
    opacity: .7
}

div.not-so-fast div.go-pro a.close img {
    display: block
}

div.not-so-fast div.upgrade-options {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -250px;
    max-width: 500px;
    z-index: 2;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
    box-shadow: 0 0 10px rgba(0,0,0,0.25)
}

@media screen and (max-width: 1160px) {
    div.not-so-fast div.upgrade-options {
        width:100%;
        left: auto;
        margin-left: 0
    }
}

div.not-so-fast div.upgrade-options .hiring-tiers-grid {
    border: none
}

div.not-so-fast div.upgrade-options .hiring-header {
    border-radius: 10px 10px 0 0
}

div.not-so-fast div.upgrade-options .hiring-avatar-image img {
    max-width: 100%
}

div.not-so-fast div.upgrade-options .hiring-avatars img {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

div.not-so-fast div.upgrade-options .form-btn svg {
    width: 24px;
    height: 24px;
    margin: 0
}

div.not-so-fast div.upgrade-options a.close {
    position: absolute;
    top: -10px;
    right: -10px
}

@media only screen and (max-width: 959px) {
    div.not-so-fast div.upgrade-options a.close {
        top:10px;
        right: 10px
    }
}

div.not-so-fast div.upgrade-options a.close img {
    width: 24px
}

div.not-so-fast ol {
    opacity: .2
}

#advanced-search-overlay .lightbox {
    width: 750px;
    padding: 0;
    border-radius: 10px;
    position: relative
}

#advanced-search-overlay .lightbox .display {
    border-radius: 10px
}

#advanced-search-overlay .lightbox .close {
    position: absolute;
    top: -10px;
    right: -10px;
    float: none;
    margin: 0;
    z-index: 5
}

#advanced-search-overlay .lightbox .hiring-header {
    border-radius: 10px 10px 0 0
}

@media screen and (max-width: 1160px) {
    #advanced-search-overlay .lightbox {
        width:100%;
        left: auto;
        margin-left: 0
    }

    #advanced-search-overlay .lightbox .hiring-header {
        border-radius: 10px 10px 0 0
    }
}

div.for-hire-preview {
    float: right;
    width: 250px
}

@media only screen and (max-width: 800px) {
    div.for-hire-preview {
        float:none;
        width: auto
    }
}

div.for-hire-preview div.preview-content {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.for-hire-preview div.profile-head h1 img.photo {
    background-color: #fff
}

div.for-hire-preview .for-hire-statement {
    margin-bottom: 0
}

div.for-hire-preview .for-hire-statement p:last-child {
    margin-bottom: 0
}

div.for-hire-preview .preview-note {
    font-size: 12px;
    text-align: center;
    line-height: 1.4;
    margin-top: 10px;
    color: #999
}

form.hiring-settings {
    margin-right: 280px
}

@media only screen and (max-width: 800px) {
    form.hiring-settings {
        margin-right:0
    }
}

form.hiring-settings .for-hire-selector {
    margin: 0 0 25px 0
}

form.hiring-settings .for-hire-selector p.message {
    color: #757575;
    margin-bottom: 10px
}

form.hiring-settings .for-hire-selector ol li {
    float: left;
    width: 48%;
    margin: 5px 4% 0 0
}

form.hiring-settings .for-hire-selector ol li:last-child {
    margin-right: 0
}

form.hiring-settings .for-hire-selector ol li.availability-true button[disabled] {
    padding: 20px;
    background: #7bbb5e;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.25)
}

form.hiring-settings .for-hire-selector ol li.availability-true button[disabled] strong {
    color: #fff
}

form.hiring-settings .for-hire-selector ol li.availability-false button[disabled] {
    padding: 20px;
    background: #999;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.35);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.35)
}

form.hiring-settings .for-hire-selector ol li.availability-false button[disabled] strong {
    color: #fff
}

form.hiring-settings .for-hire-selector ol li button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 20px 17px 20px;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #999;
    border: none;
    background: rgba(0,0,0,0.07);
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 0 #bbb;
    box-shadow: 0 4px 0 #bbb
}

form.hiring-settings .for-hire-selector ol li button:hover,form.hiring-settings .for-hire-selector ol li button:focus {
    cursor: pointer
}

form.hiring-settings .for-hire-selector ol li button:active {
    margin: 4px 0 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

form.hiring-settings .for-hire-selector ol li button[disabled]:hover,form.hiring-settings .for-hire-selector ol li button[disabled]:focus {
    cursor: auto
}

form.hiring-settings .for-hire-selector ol li button[disabled]:active {
    margin: 0 0 4px 0
}

h2.pro {
    padding: 10px 0 25px 0;
    text-align: left;
    border-bottom: 1px solid #eee
}

h2.pro span.unbadge-pro {
    font-weight: bold;
    color: #ea4c89
}

h2.pro span.unbadge-playbook {
    font-weight: bold;
    color: #53c68c
}

h2.pro span.sub {
    display: block;
    margin: 6px 0 0 0;
    font-size: 18px;
    font-weight: normal;
    color: #999
}

.full-pb-image img {
    width: 100%
}

div.col-playbook {
    margin: 0 0 20px 0;
    padding: 0
}

div.col-playbook h2,div.col-playbook h3 {
    text-align: center
}

div.col-playbook div.prompt {
    margin-top: -10px
}

div.col-playbook div.playbook-buy {
    margin: 10px 0 0 0;
    text-align: center
}

div.col-playbook div.playbook-buy form {
    display: inline
}

div.col-playbook div.playbook-buy .form-sub,div.col-playbook div.playbook-buy .btn-talent-application {
    width: auto;
    padding: 15px 60px;
    font-size: 15px;
    float: none;
    margin: 0 10px 5px;
    font-size: 16px;
    padding: 15px 60px
}

div.col-pro-waiting {
    padding-top: 0
}

div.col-pro-waiting h4#paypal-wait {
    padding-top: 100px;
    background: url(/assets/icon-clock-lg-f4165c6fda7453e3017852c80a3f38ce1a03dc420fc9303da5efb47607744cdf.png) no-repeat 50% 0
}

div.col-pro-waiting h4 span.paypal-logo {
    font-family: Arial, sans-serif;
    font-style: italic;
    color: #206997
}

div.col-pro-waiting h4 span.paypal-logo em {
    color: #003664
}

div.teams-select {
    margin: 0 0 15px 0;
    text-align: center
}

div.teams-select .form-sub,div.teams-select .btn-talent-application {
    padding: 10px 20px;
    font-size: 15px;
    background-color: #00b6e3
}

div.teams-select .form-sub:hover,div.teams-select .btn-talent-application:hover {
    background-color: #00a8d2
}

div.teams-select .form-sub:active,div.teams-select .btn-talent-application:active {
    background-color: #0093b7
}

div.teams-select span.or {
    margin: 0 10px;
    color: #999
}

.buy {
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    text-align: center;
    vertical-align: middle;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px solid #e4e4e4
}

.buy .unit-small {
    font-size: 24px;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.5
}

.buy .per-month {
    margin-left: -4px;
    font-size: 22px;
    vertical-align: top;
    line-height: 48px;
    font-weight: normal
}

.buy .annual-cost {
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #999;
    font-weight: normal
}

.buy .form-sub,.buy .btn-talent-application {
    padding: 15px 60px;
    margin: 15px auto 0 auto;
    display: inline-block;
    font-size: 16px
}

.buy h3 {
    margin: 15px auto 0 auto;
    padding: 12px 15px 15px 15px;
    width: 80%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #ea4c89
}

.buy h3 img {
    position: relative;
    top: 4px;
    margin: 0 4px 0 0
}

.buy .teams-cannot-go-pro {
    font-weight: normal;
    margin-top: 30px
}

.teams-cannot-create-teams {
    margin-bottom: 0 !important
}

ol.features,div.copy ol.features {
    margin: 30px 0 20px 0;
    list-style: none
}

ol.features>li,div.copy ol.features>li {
    margin: 0 0 40px 0;
    overflow: hidden
}

ol.features>li:last-child,div.copy ol.features>li:last-child {
    margin: 0;
    padding: 0;
    border: none
}

ol.features>li img.pb,div.copy ol.features>li img.pb {
    display: block;
    max-width: 100%
}

ol.features>li img.fig,ol.features>li svg.fig,div.copy ol.features>li img.fig,div.copy ol.features>li svg.fig {
    float: left;
    width: 32px;
    margin: 2px 16px 0 0
}

ol.features>li img.thumb,div.copy ol.features>li img.thumb {
    float: right;
    margin: 0 20px 0 30px
}

ol.features>li img.example,div.copy ol.features>li img.example {
    float: right;
    width: 200px;
    height: 150px;
    margin: 0 0 5px 60px;
    border-radius: 6px
}

@media only screen and (max-width: 800px) {
    ol.features,div.copy ol.features {
        margin:20px 10px 10px 10px
    }

    ol.features li img.example,ol.features li:nth-child(2n) img.example,div.copy ol.features li img.example,div.copy ol.features li:nth-child(2n) img.example {
        display: block;
        float: none;
        margin: 0 auto 10px auto
    }
}

div.pro-dash ol.features,div.not-pro ol.features,body#teams-signup ol.features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

div.pro-dash ol.features>li,div.not-pro ol.features>li,body#teams-signup ol.features>li {
    width: 50%;
    padding-right: 50px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    div.pro-dash ol.features>li,div.not-pro ol.features>li,body#teams-signup ol.features>li {
        width:100%;
        padding-right: 20px
    }
}

div.pro-dash ol.features>li.full,div.not-pro ol.features>li.full,body#teams-signup ol.features>li.full {
    width: 100%
}

ol.features li ol.pro-dash {
    margin: 10px 0 10px 48px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    list-style: none
}

.upgrade ol.features li ol.pro-dash,div.not-pro ol.features li ol.pro-dash {
    margin: 6px 0 0 48px;
    border: none
}

ol.features li ol.pro-dash li {
    width: auto;
    min-height: 19px;
    padding: 14px;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: 1px solid #e0e0e0
}

ol.features li ol.pro-dash li.help {
    color: #999
}

.upgrade ol.features li ol.pro-dash li.help,div.not-pro ol.features li ol.pro-dash li.help {
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #999
}

ol.features li ol.pro-dash li.help a {
    font-weight: 500
}

ol.features li ol.pro-dash li:last-child {
    border-bottom: none
}

ol.features li ol.pro-dash li a {
    font-weight: bold
}

ol.features li ol.pro-dash li a.setting {
    float: right;
    font-weight: 500;
    margin: -2px 0 0 10px
}

ol.features li.deals ol.deals {
    margin: 10px 0 10px 48px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

ol.features li.deals ol.deals li {
    padding: 0
}

ol.features li.deals ol.deals li .item-link,ol.features li.deals ol.deals li span.no-link {
    display: block;
    margin: 0;
    padding: 12px 14px 10px 32px
}

ol.features li.deals ol.deals li .item-link span.item-title,ol.features li.deals ol.deals li span.no-link span.item-title {
    font-size: 15px
}

ol.features li.deals ol.deals li .item-link span.item-desc,ol.features li.deals ol.deals li span.no-link span.item-desc {
    font-size: 13px
}

ol.features li.deals ol.deals li a.item-link {
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/assets/icon-deal-arrow-d903133c9c4f6fc454698a0ed612f37f2f13dcc285797a1a0b3a8f5c2be60a02.png?1)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    ol.features li.deals ol.deals li a.item-link {
        background-image:url(/assets/icon-deal-arrow-2x-55a9f7722a29c7172f3e488f18bb50acf3527c835cae2fbc62deb5c9381cde79.png?1);
        background-size: 24px 16px
    }
}

ol.features li.deals ol.deals li a.item-link:hover {
    color: #3a8bbb
}

ol.features li.deals ol.deals li a.item-team,ol.features li.deals ol.deals li span.item-no-team {
    top: 15px;
    left: -16px
}

ol.features li.deals ol.deals li a.item-team img,ol.features li.deals ol.deals li span.item-no-team img {
    width: 32px
}

ol.features li.deals ol.deals li a.setting {
    margin-top: 4px
}

ol.features li h3 {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1
}

ol.features li h3 .help {
    float: right;
    margin: 4px 0 0 0;
    font-size: 13px
}

body#jobs-signup ol.features li h3,body#teams-signup ol.features li h3,body#meetups ol.features li h3,body#playbook ol.features li h3,body#ios ol.features li h3 {
    font-size: 20px;
    line-height: 1.2
}

ol.features li h3 span.badge {
    position: relative;
    top: -2px
}

ol.features li p,div.copy ol.features li p {
    margin: 0 10px 0 48px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #999
}

body#jobs-signup ol.features li p,body#teams-signup ol.features li p,body#meetups ol.features li p,body#playbook ol.features li p,body#ios ol.features li p,body#jobs-signup div.copy ol.features li p,body#teams-signup div.copy ol.features li p,body#meetups div.copy ol.features li p,body#playbook div.copy ol.features li p,body#ios div.copy ol.features li p {
    font-size: 16px;
    line-height: 1.5
}

ol.features li p.help,div.copy ol.features li p.help {
    margin: 0;
    font-size: 13px;
    line-height: 1.5
}

ol.features li p a,div.copy ol.features li p a {
    font-weight: 500
}

ol.features li p strong,div.copy ol.features li p strong {
    color: #757575
}

ol.features li p a.form-sub,ol.features li p a.btn-talent-application,div.copy ol.features li p a.form-sub,div.copy ol.features li p a.btn-talent-application {
    display: inline-block;
    margin: 15px 0 0 0
}

#main ol.features li.alt p {
    margin-left: 0;
    padding: 20px 30px 0 30px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #757575
}

#main ol.features li.alt p strong {
    text-transform: uppercase;
    color: #ea4c89
}

ol.features li ul.info {
    margin: 10px 0 0 0;
    overflow: hidden
}

ol.features li ul.info li {
    margin: 0 0 10px 48px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #999;
    border: none
}

ol.features li ul.info li:last-child {
    margin-bottom: 0
}

.playbook-dash {
    float: right;
    margin: 10px 0 0 20px;
    line-height: 20px
}

@media only screen and (max-width: 800px) {
    .playbook-dash {
        float:none;
        margin: 0 0 20px 0;
        text-align: center
    }
}

.playbook-dash a.form-sub,.playbook-dash a.btn-talent-application {
    margin: 0 0 0 5px;
    padding-left: 44px;
    background-repeat: no-repeat;
    background-position: 15px 50%
}

@media only screen and (max-width: 800px) {
    .playbook-dash a.form-sub,.playbook-dash a.btn-talent-application {
        margin:0 5px
    }
}

.playbook-dash a.form-sub.playbook-edit,.playbook-dash a.playbook-edit.btn-talent-application {
    background-image: url(/assets/playbook/icon-playbook-btn-f7503985e777bf5a4739fffd1921451435038a7c2997ba23ddf1a872e3b0cee6.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .playbook-dash a.form-sub.playbook-edit,.playbook-dash a.playbook-edit.btn-talent-application {
        background-image:url(/assets/playbook/icon-playbook-btn-2x-23cdaeb47548d4f00a9e0dad9fb1a73f48dd1c88a32ead3052297b32be89d99a.png);
        background-size: 20px 20px
    }
}

.playbook-dash a.form-sub.playbook-view,.playbook-dash a.playbook-view.btn-talent-application {
    background-image: url(/assets/playbook/icon-playbook-view-1362bbfd8c7040da03b118f81c09e2bb87dd3b0013dd0981b9501cee2c328d68.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .playbook-dash a.form-sub.playbook-view,.playbook-dash a.playbook-view.btn-talent-application {
        background-image:url(/assets/playbook/icon-playbook-view-2x-8087e534bc0cdf786977a6c5ce25c337c8b0737ea6f8b7fb0a836f2ae58ddf7c.png);
        background-size: 20px 20px
    }
}

div.fine h3 {
    margin-top: 40px;
    font-size: 16px
}

div.secondary div.section {
    margin: 0 0 25px 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #ddd
}

div.secondary div.section:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

div.secondary h3 {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

div.secondary h3 span.meta {
    color: #999
}

div.secondary h3 strong {
    font-weight: bold;
    color: #757575
}

div.secondary h3 em {
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
    color: #757575
}

div.secondary h3 a {
    color: #444
}

div.secondary h3 a:hover {
    color: #3a8bbb
}

div.secondary h3 .cat-desc {
    display: block;
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #999
}

div.secondary h3 span.badge-pro {
    padding: 2px 5px;
    font-size: 14px;
    background: #ea4c89
}

div.secondary h3 img.icon {
    position: relative;
    top: 6px;
    margin-right: 2px
}

div.secondary a.help,div.secondary span.help {
    float: right;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5
}

div.secondary a.help img,div.secondary span.help img {
    -webkit-transition: opacity ease .2s;
    transition: opacity ease .2s
}

div.secondary a.help:hover img,div.secondary span.help:hover img {
    opacity: .5
}

div.secondary p,div.secondary ul,div.secondary ol {
    font-size: 14px;
    line-height: 1.5;
    color: #757575;
    margin: 0 0 10px 0
}

div.secondary p:last-child,div.secondary ul:last-child,div.secondary ol:last-child {
    margin-bottom: 0
}

div.secondary p a,div.secondary ul a,div.secondary ol a {
    font-weight: 500
}

div.secondary p img.icon,div.secondary ul img.icon,div.secondary ol img.icon {
    float: right;
    margin: 5px 0 5px 15px
}

div.secondary ul.info-bullet li {
    margin-left: 16px;
    list-style: disc
}

div.secondary img.info-icon {
    float: right;
    margin: 5px 0 5px 15px
}

div.secondary dl {
    margin: 0 0 25px 0;
    font-size: 13px;
    line-height: 1.4;
    color: #757575
}

div.secondary dl dt {
    font-weight: bold;
    color: #444
}

div.secondary dl dd {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd
}

div.secondary dl dd:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none
}

#footer {
    border-top: 1px solid #e5e5e5;
    background: white;
    z-index: 2;
    position: relative
}

#footer p {
    margin: 0 50px 10px 0;
    line-height: 1.6
}

#footer p.logo {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    color: #999
}

#footer p.about {
    max-width: 300px
}

#footer p.follow {
    margin-top: 20px
}

#footer p.logo a img {
    float: left;
    margin: -8px 15px 0 0
}

#footer p.logo a:hover img {
    opacity: .8
}

#footer p.follow a {
    margin: 0 10px 0 0
}

#footer p.follow a img {
    opacity: .37
}

#footer p.follow a:hover img {
    opacity: .72
}

#footer p.network a {
    font-weight: 500;
    color: #999
}

#footer p.network a:hover {
    color: #444
}

#footer div.footer-mod {
    float: left;
    width: 25%;
    margin: 6px 0 20px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#footer div.footer-mod:nth-child(2) {
    width: 50%
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod:nth-child(2) {
        width:auto
    }
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod {
        float:none;
        width: auto
    }
}

#footer div.footer-mod h3 {
    margin: 2px 0 14px 0;
    font-size: 14px;
    font-weight: 500;
    color: #999
}

#footer div.footer-mod h3 a {
    font-weight: 500;
    color: #999
}

#footer div.footer-mod h3 a:hover {
    color: #444
}

#footer div.footer-mod h3 a:active {
    color: #757575
}

#footer div.footer-mod div.extra-links {
    width: calc(32% - 30px)
}

@media only screen and (max-width: 1100px) {
    #footer div.footer-mod div.extra-links {
        width:calc(24% - 30px)
    }
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod div.extra-links {
        width:auto;
        margin-bottom: 20px
    }
}

#footer div.footer-mod div.extra-links ul {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

@media only screen and (max-width: 1100px) {
    #footer div.footer-mod div.extra-links ul {
        -webkit-column-count:1;
        column-count: 1;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod div.extra-links ul {
        -webkit-column-count:2;
        column-count: 2;
        -webkit-column-gap: 20px;
        column-gap: 20px
    }
}

#footer div.footer-mod div.additional-links {
    width: calc(29% - 30px)
}

@media only screen and (max-width: 1100px) {
    #footer div.footer-mod div.additional-links {
        width:calc(37% - 30px)
    }
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod div.additional-links {
        width:auto;
        margin-bottom: 20px
    }
}

#footer div.footer-mod div.additional-links a.external {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/icon-external-link-2c8c30f381c99fd3dcc5a86cf37f045a146218a58e379c0d3c1cde9562ae322d.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #footer div.footer-mod div.additional-links a.external {
        background-image:url(/assets/icon-external-link-2x-f6829db16781bdc696f8276523d7c16fa93f868d3867900bcd92480cdf5edf10.png);
        background-size: 13px 13px
    }
}

#footer div.footer-mod div.job-links {
    width: calc(39% - 30px)
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod div.job-links {
        width:auto
    }
}

#footer div.footer-mod div.job-links ol.jobs-list {
    margin: 10px 0 0
}

#footer div.footer-mod div.extra-links,#footer div.footer-mod div.additional-links,#footer div.footer-mod div.job-links {
    float: left;
    margin-right: 30px
}

@media only screen and (max-width: 959px) {
    #footer div.footer-mod div.extra-links,#footer div.footer-mod div.additional-links,#footer div.footer-mod div.job-links {
        float:none;
        margin-right: 0
    }
}

#footer div.footer-mod div.extra-links h3,#footer div.footer-mod div.additional-links h3,#footer div.footer-mod div.job-links h3 {
    margin-bottom: 5px
}

#footer div.footer-mod div.extra-links h3:nth-of-type(2),#footer div.footer-mod div.additional-links h3:nth-of-type(2),#footer div.footer-mod div.job-links h3:nth-of-type(2) {
    margin-bottom: 3px;
    margin-top: 26px
}

#footer div.footer-mod div.extra-links ul li a,#footer div.footer-mod div.additional-links ul li a,#footer div.footer-mod div.job-links ul li a {
    font-size: 13px;
    line-height: 1.8;
    color: #999
}

#footer div.footer-mod div.extra-links ul li a:hover,#footer div.footer-mod div.additional-links ul li a:hover,#footer div.footer-mod div.job-links ul li a:hover {
    color: #444
}

#footer div.footer-mod div.extra-links ul li a:active,#footer div.footer-mod div.additional-links ul li a:active,#footer div.footer-mod div.job-links ul li a:active {
    color: #757575
}

#footer-inner {
    margin: 0 auto;
    padding: 30px 30px 20px 30px;
    font-size: 13px;
    color: #999
}

@media only screen and (max-width: 959px) {
    #footer-inner {
        padding:20px 15px
    }
}

h4#shots-total {
    min-height: 56px;
    padding: 0 0 0 54px;
    margin-top: 20px;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: normal;
    color: #757575;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/assets/ball-2acfbb9fdf187a34b07a7cc209d07025b39697eba6302c54942a556c10b3fa94.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    h4#shots-total {
        background-image:url(/assets/ball-2x-9e3e54dfc28eb6d5851a1f1c9f724109a3991b61e499cc6b1bf41960d4196027.png);
        background-size: 46px 55px
    }
}

h4#shots-total strong {
    display: block;
    padding-top: 4px;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: bold;
    color: #333
}

@media only screen and (max-width: 959px) {
    h4#shots-total {
        margin:20px 0
    }
}

.remote-love {
    font-weight: normal;
    padding-top: 2px
}

h5 .remote-locations {
    display: inline;
    text-indent: 5px
}

h3 .remote-locations {
    font-size: 14px;
    font-weight: normal;
    padding-top: 12px;
    color: #757575
}

.remote-locations span {
    -webkit-animation: fadeInOut 114s linear infinite 0s;
    animation: fadeInOut 114s linear infinite 0s;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    padding-bottom: 24px
}

.remote-locations span:nth-child(2) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.remote-locations span:nth-child(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.remote-locations span:nth-child(4) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.remote-locations span:nth-child(5) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.remote-locations span:nth-child(6) {
    -webkit-animation-delay: 15s;
    animation-delay: 15s
}

.remote-locations span:nth-child(7) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s
}

.remote-locations span:nth-child(8) {
    -webkit-animation-delay: 21s;
    animation-delay: 21s
}

.remote-locations span:nth-child(9) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s
}

.remote-locations span:nth-child(10) {
    -webkit-animation-delay: 27s;
    animation-delay: 27s
}

.remote-locations span:nth-child(11) {
    -webkit-animation-delay: 30s;
    animation-delay: 30s
}

.remote-locations span:nth-child(12) {
    -webkit-animation-delay: 33s;
    animation-delay: 33s
}

.remote-locations span:nth-child(13) {
    -webkit-animation-delay: 36s;
    animation-delay: 36s
}

.remote-locations span:nth-child(14) {
    -webkit-animation-delay: 39s;
    animation-delay: 39s
}

.remote-locations span:nth-child(15) {
    -webkit-animation-delay: 42s;
    animation-delay: 42s
}

.remote-locations span:nth-child(16) {
    -webkit-animation-delay: 45s;
    animation-delay: 45s
}

.remote-locations span:nth-child(17) {
    -webkit-animation-delay: 48s;
    animation-delay: 48s
}

.remote-locations span:nth-child(18) {
    -webkit-animation-delay: 51s;
    animation-delay: 51s
}

.remote-locations span:nth-child(19) {
    -webkit-animation-delay: 54s;
    animation-delay: 54s
}

.remote-locations span:nth-child(20) {
    -webkit-animation-delay: 57s;
    animation-delay: 57s
}

.remote-locations span:nth-child(21) {
    -webkit-animation-delay: 60s;
    animation-delay: 60s
}

.remote-locations span:nth-child(22) {
    -webkit-animation-delay: 63s;
    animation-delay: 63s
}

.remote-locations span:nth-child(23) {
    -webkit-animation-delay: 66s;
    animation-delay: 66s
}

.remote-locations span:nth-child(24) {
    -webkit-animation-delay: 69s;
    animation-delay: 69s
}

.remote-locations span:nth-child(25) {
    -webkit-animation-delay: 72s;
    animation-delay: 72s
}

.remote-locations span:nth-child(26) {
    -webkit-animation-delay: 75s;
    animation-delay: 75s
}

.remote-locations span:nth-child(27) {
    -webkit-animation-delay: 78s;
    animation-delay: 78s
}

.remote-locations span:nth-child(28) {
    -webkit-animation-delay: 81s;
    animation-delay: 81s
}

.remote-locations span:nth-child(29) {
    -webkit-animation-delay: 84s;
    animation-delay: 84s
}

.remote-locations span:nth-child(30) {
    -webkit-animation-delay: 87s;
    animation-delay: 87s
}

.remote-locations span:nth-child(31) {
    -webkit-animation-delay: 90s;
    animation-delay: 90s
}

.remote-locations span:nth-child(32) {
    -webkit-animation-delay: 93s;
    animation-delay: 93s
}

.remote-locations span:nth-child(33) {
    -webkit-animation-delay: 96s;
    animation-delay: 96s
}

.remote-locations span:nth-child(34) {
    -webkit-animation-delay: 99s;
    animation-delay: 99s
}

.remote-locations span:nth-child(35) {
    -webkit-animation-delay: 102s;
    animation-delay: 102s
}

.remote-locations span:nth-child(36) {
    -webkit-animation-delay: 105s;
    animation-delay: 105s
}

.remote-locations span:nth-child(37) {
    -webkit-animation-delay: 108s;
    animation-delay: 108s
}

.remote-locations span:nth-child(38) {
    -webkit-animation-delay: 111s;
    animation-delay: 111s
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    2% {
        opacity: 1
    }

    3% {
        opacity: 0
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1
    }

    2% {
        opacity: 1
    }

    3% {
        opacity: 0
    }
}

#update-payment-method-prompt {
    z-index: 9999;
    position: fixed;
    top: 10px;
    right: 0;
    max-width: 340px;
    background: #fff;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    padding: 20px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 460px) {
    #update-payment-method-prompt {
        position:absolute;
        top: 15px;
        right: 15px;
        left: 15px;
        max-width: 100%;
        border-radius: 2px
    }
}

#update-payment-method-prompt h1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px
}

#update-payment-method-prompt p {
    line-height: 1.4;
    font-size: 13px;
    margin-bottom: 15px;
    color: #757575
}

.price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1rem 0;
    position: relative
}

.price>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0.8
}

.price-amount {
    font-size: 4rem;
    color: inherit;
    font-weight: bold
}

.price-or {
    text-transform: uppercase;
    opacity: 0.5;
    color: inherit;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1em
}

.price-or:before,.price-or:after {
    content: '';
    -ms-flex: 1;
    flex: 1;
    margin: 0.5em;
    border-right: 1px solid #ddd
}

.price-symbol {
    color: inherit;
    opacity: 0.5;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 0.25em
}

.price-frequency {
    opacity: 0.5;
    color: inherit
}

.price-info {
    opacity: 0.5;
    color: inherit;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-top: 1rem
}

.price-choices {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.price-savings {
    background: rgba(234,76,137,0.1);
    color: #ea4c89;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.33rem;
    position: absolute;
    right: 0;
    top: 0
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-none {
    display: none
}

@media only screen and (max-width: 460px) {
    .d-inline-block-sm {
        display:inline-block
    }

    .d-block-sm {
        display: block
    }

    .d-none-sm {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .fl-ns {
        float:left
    }

    .fr-ns {
        float: right
    }

    .fn-ns {
        float: none
    }

    .d-inline-block-ns {
        display: inline-block
    }

    .d-block-ns {
        display: block
    }

    .d-none-ns {
        display: none
    }

    .static-ns {
        position: static
    }

    .relative-ns {
        position: relative
    }

    .absolute-ns {
        position: absolute
    }

    .fixed-ns {
        position: fixed
    }
}

.-right-1 {
    right: -1px
}

.-right-2 {
    right: -2px
}

.-right-3 {
    right: -3px
}

.-right-4 {
    right: -4px
}

.-right-5 {
    right: -5px
}

.-right-6 {
    right: -6px
}

.-right-7 {
    right: -7px
}

.-right-8 {
    right: -8px
}

.-right-9 {
    right: -9px
}

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

.-left-1 {
    left: -1px
}

.-left-2 {
    left: -2px
}

.-left-3 {
    left: -3px
}

.-left-4 {
    left: -4px
}

.-left-5 {
    left: -5px
}

.-left-6 {
    left: -6px
}

.-left-7 {
    left: -7px
}

.-left-8 {
    left: -8px
}

.-left-9 {
    left: -9px
}

.-left-10 {
    left: -10px
}

.-bottom-1 {
    bottom: -1px
}

.-bottom-2 {
    bottom: -2px
}

.-bottom-3 {
    bottom: -3px
}

.-bottom-4 {
    bottom: -4px
}

.-bottom-5 {
    bottom: -5px
}

.-bottom-6 {
    bottom: -6px
}

.-bottom-7 {
    bottom: -7px
}

.-bottom-8 {
    bottom: -8px
}

.-bottom-9 {
    bottom: -9px
}

.-bottom-10 {
    bottom: -10px
}

.-top-1 {
    top: -1px
}

.-top-2 {
    top: -2px
}

.-top-3 {
    top: -3px
}

.-top-4 {
    top: -4px
}

.-top-5 {
    top: -5px
}

.-top-6 {
    top: -6px
}

.-top-7 {
    top: -7px
}

.-top-8 {
    top: -8px
}

.-top-9 {
    top: -9px
}

.-top-10 {
    top: -10px
}

@media only screen and (min-width: 960px) {
    .-right-1-ns {
        right:-1px
    }

    .-right-2-ns {
        right: -2px
    }

    .-right-3-ns {
        right: -3px
    }

    .-right-4-ns {
        right: -4px
    }

    .-right-5-ns {
        right: -5px
    }

    .-right-6-ns {
        right: -6px
    }

    .-right-7-ns {
        right: -7px
    }

    .-right-8-ns {
        right: -8px
    }

    .-right-9-ns {
        right: -9px
    }

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

    .-left-1-ns {
        left: -1px
    }

    .-left-2-ns {
        left: -2px
    }

    .-left-3-ns {
        left: -3px
    }

    .-left-4-ns {
        left: -4px
    }

    .-left-5-ns {
        left: -5px
    }

    .-left-6-ns {
        left: -6px
    }

    .-left-7-ns {
        left: -7px
    }

    .-left-8-ns {
        left: -8px
    }

    .-left-9-ns {
        left: -9px
    }

    .-left-10-ns {
        left: -10px
    }

    .-bottom-1-ns {
        bottom: -1px
    }

    .-bottom-2-ns {
        bottom: -2px
    }

    .-bottom-3-ns {
        bottom: -3px
    }

    .-bottom-4-ns {
        bottom: -4px
    }

    .-bottom-5-ns {
        bottom: -5px
    }

    .-bottom-6-ns {
        bottom: -6px
    }

    .-bottom-7-ns {
        bottom: -7px
    }

    .-bottom-8-ns {
        bottom: -8px
    }

    .-bottom-9-ns {
        bottom: -9px
    }

    .-bottom-10-ns {
        bottom: -10px
    }

    .-top-1-ns {
        top: -1px
    }

    .-top-2-ns {
        top: -2px
    }

    .-top-3-ns {
        top: -3px
    }

    .-top-4-ns {
        top: -4px
    }

    .-top-5-ns {
        top: -5px
    }

    .-top-6-ns {
        top: -6px
    }

    .-top-7-ns {
        top: -7px
    }

    .-top-8-ns {
        top: -8px
    }

    .-top-9-ns {
        top: -9px
    }

    .-top-10-ns {
        top: -10px
    }
}

.group,.constrained-content,.constrained-content-alt,.constrained-content-super,.constrained-content-narrow,div.slat-header,div.full-tabs,#wrap ul.tabs,form.goods-search,.player-list-with-filters {
    position: relative
}

.group:after,.constrained-content:after,.constrained-content-alt:after,.constrained-content-super:after,.constrained-content-narrow:after,div.slat-header:after,div.full-tabs:after,#wrap ul.tabs:after,form.goods-search:after,.player-list-with-filters:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.mw-100 {
    max-width: 100%
}

.mw-none {
    max-width: none !important
}

.w-px {
    width: 1px
}

.w-auto {
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-10 {
    width: 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-15 {
    width: 15%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-20 {
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-25 {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-30 {
    width: 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-40 {
    width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-50,.w-half {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-55 {
    width: 55%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-60 {
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-65 {
    width: 65%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-70 {
    width: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-75 {
    width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-80 {
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-90 {
    width: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-100 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-one-third {
    width: 33.3333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-one-sixth {
    width: 16.6666667%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-two-thirds {
    width: 66.6666667%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-screen {
    width: 100vw
}

.h-px {
    height: 1px
}

.h-100 {
    height: 100%
}

.h-screen {
    height: 100vh
}

@media only screen and (min-width: 960px) {
    .w-px-ns {
        width:1px
    }

    .w-auto-ns {
        width: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-10-ns {
        width: 10%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-15-ns {
        width: 15%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-20-ns {
        width: 20%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-25-ns {
        width: 25%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-30-ns {
        width: 30%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-40-ns {
        width: 40%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-50-ns,.w-half-ns {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-55-ns {
        width: 55%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-60-ns {
        width: 60%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-65-ns {
        width: 65%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-70-ns {
        width: 70%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-75-ns {
        width: 75%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-80-ns {
        width: 80%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-90-ns {
        width: 90%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-100-ns {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-one-third-ns {
        width: 33.3333333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-one-sixth-ns {
        width: 16.6666667%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-two-thirds-ns {
        width: 66.6666667%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .w-screen-ns {
        width: 100vw
    }

    .h-px-ns {
        height: 1px
    }

    .h-100-ns {
        height: 100%
    }

    .h-screen-ns {
        height: 100vh
    }
}

.border-radius-2 {
    border-radius: 2px
}

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

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

.border-radius-6 {
    border-radius: 6px
}

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

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

.border-radius-top-0 {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.border-radius-top-3 {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

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

.border-radius-top-6 {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

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

.border-radius-bottom-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.border-radius-bottom-3 {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.border-radius-bottom-4 {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.border-radius-bottom-6 {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.border-radius-bottom-8 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.border-none {
    border: none
}

.border-left-none {
    border-left: none
}

.border-right-none {
    border-right: none
}

.border-top-none {
    border-top: none
}

.border-bottom-none {
    border-bottom: none
}

.border-gray {
    border: 1px solid #ddd
}

.border-left-gray {
    border-left: 1px solid #ddd
}

.border-right-gray {
    border-right: 1px solid #ddd
}

.border-top-gray {
    border-top: 1px solid #ddd
}

.border-bottom-gray {
    border-bottom: 1px solid #ddd
}

.border-light-gray {
    border: 1px solid #e8e8e8
}

.border-left-light-gray {
    border-left: 1px solid #e8e8e8
}

.border-right-light-gray {
    border-right: 1px solid #e8e8e8
}

.border-top-light-gray {
    border-top: 1px solid #e8e8e8
}

.border-bottom-light-gray {
    border-bottom: 1px solid #e8e8e8
}

.border-light {
    border: 1px solid #f4f4f4
}

.border-left-light {
    border-left: 1px solid #f4f4f4
}

.border-right-light {
    border-right: 1px solid #f4f4f4
}

.border-top-light {
    border-top: 1px solid #f4f4f4
}

.border-bottom-light {
    border-bottom: 1px solid #f4f4f4
}

.border-white {
    border: 1px solid #fff
}

.border-bottom-white {
    border-bottom: 1px solid #fff
}

.border-top-white {
    border-top: 1px solid #fff
}

.border-left-white {
    border-left: 1px solid #fff
}

.border-right-white {
    border-right: 1px solid #fff
}

.no-border-first-of-type:first-of-type {
    border: 0
}

.no-border-last-of-type:last-of-type {
    border: 0
}

@media only screen and (min-width: 960px) {
    .border-none-ns {
        border:none
    }

    .border-left-none-ns {
        border-left: none
    }

    .border-right-none-ns {
        border-right: none
    }

    .border-top-none-ns {
        border-top: none
    }

    .border-bottom-none-ns {
        border-bottom: none
    }

    .border-gray-ns {
        border: 1px solid #ddd
    }

    .border-left-gray-ns {
        border-left: 1px solid #ddd
    }

    .border-right-gray-ns {
        border-right: 1px solid #ddd
    }

    .border-top-gray-ns {
        border-top: 1px solid #ddd
    }

    .border-bottom-gray-ns {
        border-bottom: 1px solid #ddd
    }

    .border-light-ns {
        border: 1px solid #f4f4f4
    }

    .border-left-light-ns {
        border-left: 1px solid #f4f4f4
    }

    .border-right-light-ns {
        border-right: 1px solid #f4f4f4
    }

    .border-top-light-ns {
        border-top: 1px solid #f4f4f4
    }

    .border-bottom-light-ns {
        border-bottom: 1px solid #f4f4f4
    }

    .border-white-ns {
        border: 1px solid #fff
    }

    .border-bottom-white-ns {
        border-bottom: 1px solid #fff
    }

    .border-top-white-ns {
        border-top: 1px solid #fff
    }

    .border-left-white-ns {
        border-left: 1px solid #fff
    }

    .border-right-white-ns {
        border-right: 1px solid #fff
    }

    .border-radius-2-ns {
        border-radius: 2px
    }

    .border-radius-3-ns {
        border-radius: 3px
    }

    .border-radius-4-ns {
        border-radius: 4px
    }

    .border-radius-6-ns {
        border-radius: 6px
    }

    .border-radius-8-ns {
        border-radius: 8px
    }

    .border-radius-50-ns {
        border-radius: 50%
    }

    .border-radius-top-0-ns {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .border-radius-top-3-ns {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

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

    .border-radius-top-6-ns {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

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

    .border-radius-bottom-0-ns {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .border-radius-bottom-3-ns {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .border-radius-bottom-4-ns {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .border-radius-bottom-6-ns {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .border-radius-bottom-8-ns {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
}

.box-shadow-card {
    -webkit-box-shadow: 0 1px 1px 0 rgba(68,68,68,0.15);
    box-shadow: 0 1px 1px 0 rgba(68,68,68,0.15)
}

.box-shadow-md {
    -webkit-box-shadow: 0 2px 8px 2px rgba(68,68,68,0.08);
    box-shadow: 0 2px 8px 2px rgba(68,68,68,0.08)
}

.box-shadow-lg {
    -webkit-box-shadow: 0 2px 8px 2px rgba(68,68,68,0.15);
    box-shadow: 0 2px 8px 2px rgba(68,68,68,0.15)
}

@media only screen and (min-width: 960px) {
    .box-shadow-card-ns {
        -webkit-box-shadow:0 1px 1px 0 rgba(68,68,68,0.15);
        box-shadow: 0 1px 1px 0 rgba(68,68,68,0.15)
    }

    .box-shadow-lg-ns {
        -webkit-box-shadow: 0 2px 8px 2px rgba(68,68,68,0.15);
        box-shadow: 0 2px 8px 2px rgba(68,68,68,0.15)
    }
}

.bg-wrap-white #wrap {
    background: #fff
}

.bg-white {
    background: #fff
}

.bg-white-75 {
    background: rgba(255,255,255,0.75)
}

.bg-white-50 {
    background: rgba(255,255,255,0.5)
}

.bg-white-25 {
    background: rgba(255,255,255,0.25)
}

.bg-blue-to-green {
    background: linear-gradient(-45deg, #7bbb5e 0%, #26b6e1 100%)
}

.bg-tan {
    background: #eeede2
}

.bg-noise {
    background: #f4f4f4
}

.bg-blue {
    background: #26b6e1
}

.bg-orange-to-pink {
    background: linear-gradient(45deg, #E47B49 0%, #ea4c89 100%)
}

.bg-hiring-gradient {
    background: linear-gradient(45deg, #5761b4 0%, #c142a0 100%)
}

.bg-hiring-gradient-01 {
    background: linear-gradient(45deg, #5960B4 0%, #7059AF 100%)
}

.bg-hiring-gradient-02 {
    background: linear-gradient(45deg, #8D52AA 0%, #BF43A1 100%)
}

.bg-black-to-grey {
    background: linear-gradient(46deg, #0A0A0A 0%, #191919 23%, #494949 100%)
}

.bg-pink {
    background: #ea4c89
}

.bg-none {
    background: none
}

.bg-before-none:before {
    background: none !important
}

.bg-after-none:after {
    background: none !important
}

.bg-black {
    background: #444
}

.bg-purple {
    background: #c142a0
}

.bg-overtime {
    background: #8756ca
}

.bg-ad-gradient {
    background: linear-gradient(45deg, #6144FF 0%, #17EBFF 100%)
}

.bg-green {
    background: #7bbb5e
}

.bg-red {
    background: #f55
}

.bg-gray {
    background: #ddd
}

.bg-green-alt {
    background: #53c68c
}

.bg-graydient {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245,246,247,0.8)), to(rgba(245,246,247,0.5))),#fff;
    background: linear-gradient(0deg, rgba(245,246,247,0.8), rgba(245,246,247,0.5)),#fff
}

.bg-wrap-graydient #wrap {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245,246,247,0.8)), to(rgba(245,246,247,0.5))),#fff;
    background: linear-gradient(0deg, rgba(245,246,247,0.8), rgba(245,246,247,0.5)),#fff
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.measure-wider {
    max-width: 50em
}

.measure-wide {
    max-width: 34em
}

.measure {
    max-width: 30em
}

.measure-narrow {
    max-width: 20em
}

.measure-full {
    max-width: 100%
}

@media only screen and (min-width: 960px) {
    .measure-wide-ns {
        max-width:34em
    }

    .measure-ns {
        max-width: 30em
    }

    .measure-narrow-ns {
        max-width: 30em
    }

    .measure-full-ns {
        max-width: 100%
    }
}

.text-green {
    color: #7bbb5e
}

.text-seafoam {
    color: #53c68c
}

.text-blue {
    color: #26b6e1
}

.text-pink {
    color: #ea4c89
}

.text-dark {
    color: #444
}

.text-medium {
    color: #757575
}

.text-light {
    color: #999
}

.text-xlight {
    color: #bbb
}

.text-white {
    color: #fff
}

.text-white-75 {
    color: rgba(255,255,255,0.75)
}

.text-black {
    color: #333
}

.text-hiring-blue {
    color: #5960B3
}

.text-hiring-purple,.text-purple {
    color: #7F55AC
}

.text-hiring-pink {
    color: #c142a0
}

.text-link {
    color: #3a8bbb
}

.text-red {
    color: #f55
}

.text-link-subtle,.text-link-subtle:link,.text-link-subtle:visited {
    color: inherit;
    text-decoration: underline
}

.text-underline {
    text-decoration: underline
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-small-caps {
    text-transform: uppercase;
    letter-spacing: 0.05em
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-decoration-none {
    text-decoration: none
}

.italic {
    font-style: italic
}

.text-dashed {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed
}

.text-weight-300 {
    font-weight: 300
}

.text-weight-400 {
    font-weight: 400
}

.text-weight-500 {
    font-weight: 500
}

.text-weight-600 {
    font-weight: 600
}

.text-weight-700 {
    font-weight: 700
}

.text-weight-800 {
    font-weight: 800
}

.text-align-center {
    text-align: center
}

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

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

.text-size-10 {
    font-size: 10px
}

.text-size-12 {
    font-size: 12px
}

.text-size-13 {
    font-size: 13px
}

.text-size-14 {
    font-size: 14px
}

.text-size-15 {
    font-size: 15px
}

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

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

.text-size-20 {
    font-size: 20px
}

.text-size-24 {
    font-size: 24px
}

.text-size-32 {
    font-size: 32px
}

.text-size-42 {
    font-size: 42px
}

.text-size-48 {
    font-size: 48px
}

.text-size-60 {
    font-size: 60px
}

.text-size-64 {
    font-size: 64px
}

.text-size-72 {
    font-size: 72px
}

.text-nowrap {
    white-space: nowrap
}

.text-wrap {
    white-space: normal
}

.text-clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-wrap-break {
    word-wrap: break-word
}

.text-wrap-normal {
    word-wrap: normal
}

.text-white-space-normal {
    white-space: normal
}

.text-white-space-nowrap {
    white-space: nowrap
}

.lh-solid {
    line-height: 1
}

.lh-title {
    line-height: 1.25
}

.lh-copy {
    line-height: 1.5
}

.lh-xl {
    line-height: 1.8
}

.tracked {
    letter-spacing: .1em
}

.tracked-tight {
    letter-spacing: -.05em
}

.tracked-mega {
    letter-spacing: .25em
}

.vertical-align-middle {
    vertical-align: middle
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

@media only screen and (min-width: 960px) {
    .text-align-center-ns {
        text-align:center
    }

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

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

    .text-size-10-ns {
        font-size: 10px
    }

    .text-size-12-ns {
        font-size: 12px
    }

    .text-size-13-ns {
        font-size: 13px
    }

    .text-size-14-ns {
        font-size: 14px
    }

    .text-size-16-ns {
        font-size: 16px
    }

    .text-size-18-ns {
        font-size: 18px
    }

    .text-size-20-ns {
        font-size: 20px
    }

    .text-size-24-ns {
        font-size: 24px
    }

    .text-size-32-ns {
        font-size: 32px
    }

    .text-size-42-ns {
        font-size: 42px
    }

    .text-size-48-ns {
        font-size: 48px
    }

    .text-size-60-ns {
        font-size: 60px
    }

    .text-size-64-ns {
        font-size: 64px
    }

    .text-size-72-ns {
        font-size: 72px
    }

    .lh-solid-ns {
        line-height: 1
    }

    .lh-title-ns {
        line-height: 1.25
    }

    .lh-copy-ns {
        line-height: 1.5
    }

    .tracked-ns {
        letter-spacing: .1em
    }

    .tracked-tight-ns {
        letter-spacing: -.05em
    }

    .tracked-mega-ns {
        letter-spacing: .25em
    }
}

.nudge-right-1 {
    position: relative;
    left: 1px
}

.nudge-right-2 {
    position: relative;
    left: 2px
}

.nudge-right-3 {
    position: relative;
    left: 3px
}

.nudge-right-4 {
    position: relative;
    left: 4px
}

.nudge-right-5 {
    position: relative;
    left: 5px
}

.nudge-right-6 {
    position: relative;
    left: 6px
}

.nudge-right-7 {
    position: relative;
    left: 7px
}

.nudge-right-8 {
    position: relative;
    left: 8px
}

.nudge-right-9 {
    position: relative;
    left: 9px
}

.nudge-right-10 {
    position: relative;
    left: 10px
}

.nudge-left-1 {
    position: relative;
    right: 1px
}

.nudge-left-2 {
    position: relative;
    right: 2px
}

.nudge-left-3 {
    position: relative;
    right: 3px
}

.nudge-left-4 {
    position: relative;
    right: 4px
}

.nudge-left-5 {
    position: relative;
    right: 5px
}

.nudge-left-6 {
    position: relative;
    right: 6px
}

.nudge-left-7 {
    position: relative;
    right: 7px
}

.nudge-left-8 {
    position: relative;
    right: 8px
}

.nudge-left-9 {
    position: relative;
    right: 9px
}

.nudge-left-10 {
    position: relative;
    right: 10px
}

.nudge-down-1 {
    position: relative;
    top: 1px
}

.nudge-down-2 {
    position: relative;
    top: 2px
}

.nudge-down-3 {
    position: relative;
    top: 3px
}

.nudge-down-4 {
    position: relative;
    top: 4px
}

.nudge-down-5 {
    position: relative;
    top: 5px
}

.nudge-down-6 {
    position: relative;
    top: 6px
}

.nudge-down-7 {
    position: relative;
    top: 7px
}

.nudge-down-8 {
    position: relative;
    top: 8px
}

.nudge-down-9 {
    position: relative;
    top: 9px
}

.nudge-down-10 {
    position: relative;
    top: 10px
}

.nudge-up-1 {
    position: relative;
    bottom: 1px
}

.nudge-up-2 {
    position: relative;
    bottom: 2px
}

.nudge-up-3 {
    position: relative;
    bottom: 3px
}

.nudge-up-4 {
    position: relative;
    bottom: 4px
}

.nudge-up-5 {
    position: relative;
    bottom: 5px
}

.nudge-up-6 {
    position: relative;
    bottom: 6px
}

.nudge-up-7 {
    position: relative;
    bottom: 7px
}

.nudge-up-8 {
    position: relative;
    bottom: 8px
}

.nudge-up-9 {
    position: relative;
    bottom: 9px
}

.nudge-up-10 {
    position: relative;
    bottom: 10px
}

.flexbox-break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0px;
    overflow: hidden;
    width: 0px
}

.flex {
    display: -ms-flexbox !important;
    display: flex !important
}

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

.flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.flex-none {
    -ms-flex: none;
    flex: none
}

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

.flex-initial {
    -ms-flex: initial;
    flex: initial
}

.flex-basis-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

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

.items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

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

.items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

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

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

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

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

.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.justify-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-last {
    -ms-flex-order: 99999;
    order: 99999
}

@media only screen and (min-width: 960px) {
    .flex-ns {
        display:-ms-flexbox;
        display: flex
    }

    .inline-flex-ns {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-auto-ns {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-1-ns {
        -ms-flex: 1;
        flex: 1
    }

    .flex-none-ns {
        -ms-flex: none;
        flex: none
    }

    .flex-shrink-0-ns {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .flex-basis-100-ns {
        -ms-flex-preferred-size: 100;
        flex-basis: 100
    }

    .flex-column-ns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-row-ns {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-wrap-ns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-nowrap-ns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .items-start-ns {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end-ns {
        -ms-flex-align: end;
        align-items: flex-end
    }

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

    .items-baseline-ns {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .items-stretch-ns {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .self-start-ns {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .self-end-ns {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

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

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

    .self-stretch-ns {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .justify-start-ns {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-end-ns {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center-ns {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between-ns {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-around-ns {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .content-start-ns {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .content-end-ns {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .content-center-ns {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .content-between-ns {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .content-around-ns {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .content-stretch-ns {
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .order-0-ns {
        -ms-flex-order: 0;
        order: 0
    }

    .order-1-ns {
        -ms-flex-order: 1;
        order: 1
    }

    .order-2-ns {
        -ms-flex-order: 2;
        order: 2
    }

    .order-3-ns {
        -ms-flex-order: 3;
        order: 3
    }

    .order-4-ns {
        -ms-flex-order: 4;
        order: 4
    }

    .order-5-ns {
        -ms-flex-order: 5;
        order: 5
    }

    .order-6-ns {
        -ms-flex-order: 6;
        order: 6
    }

    .order-7-ns {
        -ms-flex-order: 7;
        order: 7
    }

    .order-8-ns {
        -ms-flex-order: 8;
        order: 8
    }

    .order-last-ns {
        -ms-flex-order: 99999;
        order: 99999
    }
}

.list {
    list-style-type: none
}

.list-inherit {
    list-style: inherit
}

.body-wrap-pa0 #wrap-inner {
    padding: 0
}

.pa0 {
    padding: 0
}

.pa5 {
    padding: 5px
}

.pa10 {
    padding: 10px
}

.pa20 {
    padding: 20px
}

.pa30 {
    padding: 30px
}

.pa40 {
    padding: 40px
}

.pa50 {
    padding: 50px
}

.pa60 {
    padding: 60px
}

.pa70 {
    padding: 70px
}

.pa80 {
    padding: 80px
}

.pa90 {
    padding: 90px
}

.pa100 {
    padding: 100px
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.pr0 {
    padding-right: 0
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr90 {
    padding-right: 90px
}

.pr100 {
    padding-right: 100px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.pt0 {
    padding-top: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.pv5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.pv10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.pv20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pv30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pv40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pv50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pv60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pv70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.pv80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.pv90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.pv100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.ph0 {
    padding-left: 0;
    padding-right: 0
}

.ph5 {
    padding-left: 5px;
    padding-right: 5px
}

.ph10 {
    padding-left: 10px;
    padding-right: 10px
}

.ph20 {
    padding-left: 20px;
    padding-right: 20px
}

.ph30 {
    padding-left: 30px;
    padding-right: 30px
}

.ph40 {
    padding-left: 40px;
    padding-right: 40px
}

.ph50 {
    padding-left: 50px;
    padding-right: 50px
}

.ph60 {
    padding-left: 60px;
    padding-right: 60px
}

.ph70 {
    padding-left: 70px;
    padding-right: 70px
}

.ph80 {
    padding-left: 80px;
    padding-right: 80px
}

.ph90 {
    padding-left: 90px;
    padding-right: 90px
}

.ph100 {
    padding-left: 100px;
    padding-right: 100px
}

.m0auto {
    margin: 0 auto
}

.ma0 {
    margin: 0
}

.ma5 {
    margin: 5px
}

.ma10 {
    margin: 10px
}

.ma20 {
    margin: 20px
}

.ma30 {
    margin: 30px
}

.ma40 {
    margin: 40px
}

.ma50 {
    margin: 50px
}

.ma60 {
    margin: 60px
}

.ma70 {
    margin: 70px
}

.ma80 {
    margin: 80px
}

.ma90 {
    margin: 90px
}

.ma100 {
    margin: 100px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.mv5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mv10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mv20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mv30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mv40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mv50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mv60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mv70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mv80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mv90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mv100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mh0 {
    margin-left: 0;
    margin-right: 0
}

.mh5 {
    margin-left: 5px;
    margin-right: 5px
}

.mh10 {
    margin-left: 10px;
    margin-right: 10px
}

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

.mh30 {
    margin-left: 30px;
    margin-right: 30px
}

.mh40 {
    margin-left: 40px;
    margin-right: 40px
}

.mh50 {
    margin-left: 50px;
    margin-right: 50px
}

.mh60 {
    margin-left: 60px;
    margin-right: 60px
}

.mh70 {
    margin-left: 70px;
    margin-right: 70px
}

.mh80 {
    margin-left: 80px;
    margin-right: 80px
}

.mh90 {
    margin-left: 90px;
    margin-right: 90px
}

.mh100 {
    margin-left: 100px;
    margin-right: 100px
}

@media only screen and (min-width: 960px) {
    .pa0-ns {
        padding:0
    }

    .pa5-ns {
        padding: 5px
    }

    .pa10-ns {
        padding: 10px
    }

    .pa20-ns {
        padding: 20px
    }

    .pa30-ns {
        padding: 30px
    }

    .pa40-ns {
        padding: 40px
    }

    .pa50-ns {
        padding: 50px
    }

    .pa60-ns {
        padding: 60px
    }

    .pa70-ns {
        padding: 70px
    }

    .pa80-ns {
        padding: 80px
    }

    .pa90-ns {
        padding: 90px
    }

    .pa100-ns {
        padding: 100px
    }

    .pl0-ns {
        padding-left: 0
    }

    .pl5-ns {
        padding-left: 5px
    }

    .pl10-ns {
        padding-left: 10px
    }

    .pl20-ns {
        padding-left: 20px
    }

    .pl30-ns {
        padding-left: 30px
    }

    .pl40-ns {
        padding-left: 40px
    }

    .pl50-ns {
        padding-left: 50px
    }

    .pl60-ns {
        padding-left: 60px
    }

    .pl70-ns {
        padding-left: 70px
    }

    .pl80-ns {
        padding-left: 80px
    }

    .pl90-ns {
        padding-left: 90px
    }

    .pl100-ns {
        padding-left: 100px
    }

    .pr0-ns {
        padding-right: 0
    }

    .pr5-ns {
        padding-right: 5px
    }

    .pr10-ns {
        padding-right: 10px
    }

    .pr20-ns {
        padding-right: 20px
    }

    .pr30-ns {
        padding-right: 30px
    }

    .pr40-ns {
        padding-right: 40px
    }

    .pr50-ns {
        padding-right: 50px
    }

    .pr60-ns {
        padding-right: 60px
    }

    .pr70-ns {
        padding-right: 70px
    }

    .pr80-ns {
        padding-right: 80px
    }

    .pr90-ns {
        padding-right: 90px
    }

    .pr100-ns {
        padding-right: 100px
    }

    .pb0-ns {
        padding-bottom: 0
    }

    .pb5-ns {
        padding-bottom: 5px
    }

    .pb10-ns {
        padding-bottom: 10px
    }

    .pb20-ns {
        padding-bottom: 20px
    }

    .pb30-ns {
        padding-bottom: 30px
    }

    .pb40-ns {
        padding-bottom: 40px
    }

    .pb50-ns {
        padding-bottom: 50px
    }

    .pb60-ns {
        padding-bottom: 60px
    }

    .pb70-ns {
        padding-bottom: 70px
    }

    .pb80-ns {
        padding-bottom: 80px
    }

    .pb90-ns {
        padding-bottom: 90px
    }

    .pb100-ns {
        padding-bottom: 100px
    }

    .pt0-ns {
        padding-top: 0
    }

    .pt5-ns {
        padding-top: 5px
    }

    .pt10-ns {
        padding-top: 10px
    }

    .pt20-ns {
        padding-top: 20px
    }

    .pt30-ns {
        padding-top: 30px
    }

    .pt40-ns {
        padding-top: 40px
    }

    .pt50-ns {
        padding-top: 50px
    }

    .pt60-ns {
        padding-top: 60px
    }

    .pt70-ns {
        padding-top: 70px
    }

    .pt80-ns {
        padding-top: 80px
    }

    .pt90-ns {
        padding-top: 90px
    }

    .pt100-ns {
        padding-top: 100px
    }

    .pv0-ns {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv5-ns {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pv10-ns {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pv20-ns {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pv30-ns {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pv40-ns {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pv50-ns {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pv60-ns {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pv70-ns {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pv80-ns {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .pv90-ns {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pv100-ns {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .ph0-ns {
        padding-left: 0;
        padding-right: 0
    }

    .ph5-ns {
        padding-left: 5px;
        padding-right: 5px
    }

    .ph10-ns {
        padding-left: 10px;
        padding-right: 10px
    }

    .ph20-ns {
        padding-left: 20px;
        padding-right: 20px
    }

    .ph30-ns {
        padding-left: 30px;
        padding-right: 30px
    }

    .ph40-ns {
        padding-left: 40px;
        padding-right: 40px
    }

    .ph50-ns {
        padding-left: 50px;
        padding-right: 50px
    }

    .ph60-ns {
        padding-left: 60px;
        padding-right: 60px
    }

    .ph70-ns {
        padding-left: 70px;
        padding-right: 70px
    }

    .ph80-ns {
        padding-left: 80px;
        padding-right: 80px
    }

    .ph90-ns {
        padding-left: 90px;
        padding-right: 90px
    }

    .ph100-ns {
        padding-left: 100px;
        padding-right: 100px
    }

    .m0auto-ns {
        margin: 0 auto
    }

    .ma0-ns {
        margin: 0
    }

    .ma5-ns {
        margin: 5px
    }

    .ma10-ns {
        margin: 10px
    }

    .ma20-ns {
        margin: 20px
    }

    .ma30-ns {
        margin: 30px
    }

    .ma40-ns {
        margin: 40px
    }

    .ma50-ns {
        margin: 50px
    }

    .ma60-ns {
        margin: 60px
    }

    .ma70-ns {
        margin: 70px
    }

    .ma80-ns {
        margin: 80px
    }

    .ma90-ns {
        margin: 90px
    }

    .ma100-ns {
        margin: 100px
    }

    .ml0-ns {
        margin-left: 0
    }

    .ml5-ns {
        margin-left: 5px
    }

    .ml10-ns {
        margin-left: 10px
    }

    .ml20-ns {
        margin-left: 20px
    }

    .ml30-ns {
        margin-left: 30px
    }

    .ml40-ns {
        margin-left: 40px
    }

    .ml50-ns {
        margin-left: 50px
    }

    .ml60-ns {
        margin-left: 60px
    }

    .ml70-ns {
        margin-left: 70px
    }

    .ml80-ns {
        margin-left: 80px
    }

    .ml90-ns {
        margin-left: 90px
    }

    .ml100-ns {
        margin-left: 100px
    }

    .mr0-ns {
        margin-right: 0
    }

    .mr5-ns {
        margin-right: 5px
    }

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

    .mr20-ns {
        margin-right: 20px
    }

    .mr30-ns {
        margin-right: 30px
    }

    .mr40-ns {
        margin-right: 40px
    }

    .mr50-ns {
        margin-right: 50px
    }

    .mr60-ns {
        margin-right: 60px
    }

    .mr70-ns {
        margin-right: 70px
    }

    .mr80-ns {
        margin-right: 80px
    }

    .mr90-ns {
        margin-right: 90px
    }

    .mr100-ns {
        margin-right: 100px
    }

    .mb0-ns {
        margin-bottom: 0
    }

    .mb5-ns {
        margin-bottom: 5px
    }

    .mb10-ns {
        margin-bottom: 10px
    }

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

    .mb30-ns {
        margin-bottom: 30px
    }

    .mb40-ns {
        margin-bottom: 40px
    }

    .mb50-ns {
        margin-bottom: 50px
    }

    .mb60-ns {
        margin-bottom: 60px
    }

    .mb70-ns {
        margin-bottom: 70px
    }

    .mb80-ns {
        margin-bottom: 80px
    }

    .mb90-ns {
        margin-bottom: 90px
    }

    .mb100-ns {
        margin-bottom: 100px
    }

    .mt0-ns {
        margin-top: 0
    }

    .mt5-ns {
        margin-top: 5px
    }

    .mt10-ns {
        margin-top: 10px
    }

    .mt20-ns {
        margin-top: 20px
    }

    .mt30-ns {
        margin-top: 30px
    }

    .mt40-ns {
        margin-top: 40px
    }

    .mt50-ns {
        margin-top: 50px
    }

    .mt60-ns {
        margin-top: 60px
    }

    .mt70-ns {
        margin-top: 70px
    }

    .mt80-ns {
        margin-top: 80px
    }

    .mt90-ns {
        margin-top: 90px
    }

    .mt100-ns {
        margin-top: 100px
    }

    .mv0-ns {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv5-ns {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .mv10-ns {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mv20-ns {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mv30-ns {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .mv40-ns {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .mv50-ns {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .mv60-ns {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .mv70-ns {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .mv80-ns {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .mv90-ns {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .mv100-ns {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .mh0-ns {
        margin-left: 0;
        margin-right: 0
    }

    .mh5-ns {
        margin-left: 5px;
        margin-right: 5px
    }

    .mh10-ns {
        margin-left: 10px;
        margin-right: 10px
    }

    .mh20-ns {
        margin-left: 20px;
        margin-right: 20px
    }

    .mh30-ns {
        margin-left: 30px;
        margin-right: 30px
    }

    .mh40-ns {
        margin-left: 40px;
        margin-right: 40px
    }

    .mh50-ns {
        margin-left: 50px;
        margin-right: 50px
    }

    .mh60-ns {
        margin-left: 60px;
        margin-right: 60px
    }

    .mh70-ns {
        margin-left: 70px;
        margin-right: 70px
    }

    .mh80-ns {
        margin-left: 80px;
        margin-right: 80px
    }

    .mh90-ns {
        margin-left: 90px;
        margin-right: 90px
    }

    .mh100-ns {
        margin-left: 100px;
        margin-right: 100px
    }
}

.op0 {
    opacity: 0
}

.op10 {
    opacity: .1
}

.op20 {
    opacity: .2
}

.op30 {
    opacity: .3
}

.op40 {
    opacity: .4
}

.op50 {
    opacity: .5
}

.op60 {
    opacity: .6
}

.op70 {
    opacity: .7
}

.op75 {
    opacity: .75
}

.op80 {
    opacity: .8
}

.op90 {
    opacity: .9
}

.op100 {
    opacity: 1
}

.of-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.of-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.of-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.of-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.of-none {
    -o-object-fit: none;
    object-fit: none
}

@media only screen and (min-width: 960px) {
    .of-cover-ns {
        -o-object-fit:cover;
        object-fit: cover
    }

    .of-fill-ns {
        -o-object-fit: fill;
        object-fit: fill
    }

    .of-contain-ns {
        -o-object-fit: contain;
        object-fit: contain
    }

    .of-scale-down-ns {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .of-none-ns {
        -o-object-fit: none;
        object-fit: none
    }
}

.z-1 {
    z-index: -1
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z10 {
    z-index: 10
}

.t-0 {
    top: 0
}

.t-10 {
    top: 10px
}

.r-0 {
    right: 0
}

.r-10 {
    right: 10px
}

.b-0 {
    bottom: 0
}

.b-10 {
    bottom: 10px
}

.l-0 {
    left: 0
}

.l-10 {
    left: 10px
}

.overflow-hidden {
    overflow: hidden
}

.no-pointer-events {
    pointer-events: none
}

.cursor-pointer {
    cursor: pointer
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icon-12 {
    width: 12px;
    height: 12px
}

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

.icon-16 {
    width: 16px;
    height: 16px
}

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

.icon-24 {
    width: 24px;
    height: 24px
}

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

.icon-40 {
    width: 40px;
    height: 40px
}

.icon-48 {
    width: 48px;
    height: 48px
}

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

@media only screen and (min-width: 960px) {
    .icon-14-ns {
        width:14px;
        height: 14px
    }

    .icon-16-ns {
        width: 16px;
        height: 16px
    }

    .icon-20-ns {
        width: 20px;
        height: 20px
    }

    .icon-24-ns {
        width: 24px;
        height: 24px
    }

    .icon-32-ns {
        width: 32px;
        height: 32px
    }

    .icon-40-ns {
        width: 40px;
        height: 40px
    }

    .icon-48-ns {
        width: 48px;
        height: 48px
    }

    .icon-64-ns {
        width: 64px;
        height: 64px
    }
}

.f-label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5
}

.aspect-ratio-4-3:before {
    content: '';
    display: block;
    padding-top: 75%
}

.aspect-ratio-4-3-fill:before {
    content: '';
    display: block;
    padding-top: 75%
}

.aspect-ratio-4-3-fill>* {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.col-1 {
    -webkit-column-count: 1;
    column-count: 1
}

.col-2 {
    -webkit-column-count: 2;
    column-count: 2
}

.col-3 {
    -webkit-column-count: 3;
    column-count: 3
}

.col-4 {
    -webkit-column-count: 4;
    column-count: 4
}

@media only screen and (min-width: 960px) {
    .col-1-ns {
        -webkit-column-count:1;
        column-count: 1
    }

    .col-2-ns {
        -webkit-column-count: 2;
        column-count: 2
    }

    .col-3-ns {
        -webkit-column-count: 3;
        column-count: 3
    }

    .col-4-ns {
        -webkit-column-count: 4;
        column-count: 4
    }
}

body#teams-info #wrap {
    background: white
}

.text-display {
    color: #444;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

@media only screen and (min-width: 960px) {
    .text-display {
        font-size:32px
    }
}

.text-heading {
    color: #444;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500
}

@media only screen and (min-width: 960px) {
    .text-heading {
        font-size:24px
    }
}

.text-paragraph {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px
}

.team-widget {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    width: 100%
}

div.copy .team-widget {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f2f2f2
}

.team-widget .prompt {
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    color: #999;
    background: transparent;
    border: 0;
    margin: 0 auto
}

.team-widget .prompt strong {
    color: #444
}

.team-widget .prompt strong,.team-widget .prompt a {
    font-weight: 500
}

.team-widget .form-btn {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    height: 48px;
    width: 100%
}

body#teams-signup .team-widget .form-btn {
    display: none
}

@media only screen and (min-width: 960px) {
    .team-widget.horizontal {
        -ms-flex-line-pack:stretch;
        align-content: stretch;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .team-widget.horizontal .team-widget-count {
        margin-left: 30px;
        margin-right: 30px
    }

    .team-widget.horizontal .prompt {
        max-width: 680px;
        text-align: left
    }
}

.team-widget-count {
    background: transparent;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px 0 transparent;
    box-shadow: 0 1px 1px 0 transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #26b6e1;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    margin: 24px auto;
    padding: 12px 0 10px;
    position: relative;
    text-align: center;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    width: 100%;
    z-index: 2
}

.team-widget-count:hover,.team-widget-count:focus {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05)
}

.team-widget-count span {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.team-widget-count button {
    background: transparent;
    z-index: -1;
    border-radius: 3px;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    height: 46px;
    width: 40%;
    position: absolute;
    padding: 0 20px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear
}

.team-widget-count button svg path {
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear
}

.team-widget-count button:hover,.team-widget-count button:focus {
    cursor: pointer
}

.team-widget-count button:hover svg path,.team-widget-count button:focus svg path {
    opacity: 1.0 !important;
    fill: #26b6e1 !important
}

.team-widget-count button:first-of-type {
    left: 0;
    text-align: left
}

.team-widget-count button:first-of-type svg {
    position: relative;
    top: -4px
}

.team-widget-count button:last-of-type {
    right: 0;
    text-align: right
}

.team-widget-count button:focus {
    outline: none
}

.team-widget .pink.team-btn {
    background: #ea4c89
}

.team-widget .pink.team-btn:hover {
    background-color: #df3e7b
}

.carousel-teams-profiles {
    height: 280px;
    margin-top: -119px !important;
    width: 100vw
}

.carousel-teams-profiles .swiper-pagination-bullet {
    background: #ddd !important
}

.carousel-teams-profiles .swiper-pagination-bullet-active {
    background: #444 !important
}

.carousel-teams-profiles .slide-team-profile {
    background-size: cover;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(68,68,68,0.2);
    box-shadow: 0 1px 2px rgba(68,68,68,0.2);
    height: auto;
    max-height: 238px;
    width: 430px
}

.carousel-teams-profiles .slide-team-profile a {
    display: block;
    height: 100%;
    width: 100%
}

@media only screen and (max-width: 460px) {
    .carousel-teams-profiles {
        height:210px;
        margin-top: -83px !important
    }

    .carousel-teams-profiles .slide-team-profile {
        max-height: 166px;
        width: 300px
    }
}

@media only screen and (min-width: 960px) {
    .carousel-teams-profiles {
        height:510px;
        margin-top: -235px !important
    }

    .carousel-teams-profiles .slide-team-profile {
        max-height: 470px;
        width: 850px
    }
}

.carousel-testimonials {
    min-height: 400px;
    width: 100vw
}

.carousel-testimonials .slide-testimonial .constrained-content,.carousel-testimonials .slide-testimonial .constrained-content-alt,.carousel-testimonials .slide-testimonial .constrained-content-super {
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px
}

@media only screen and (max-width: 959px) {
    .carousel-testimonials .slide-testimonial .constrained-content,.carousel-testimonials .slide-testimonial .constrained-content-alt,.carousel-testimonials .slide-testimonial .constrained-content-super {
        margin:0 50px
    }
}

@media only screen and (max-width: 460px) {
    .carousel-testimonials .slide-testimonial .constrained-content,.carousel-testimonials .slide-testimonial .constrained-content-alt,.carousel-testimonials .slide-testimonial .constrained-content-super {
        margin:0 20px
    }
}

.carousel-testimonials .slide-testimonial blockquote {
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
    padding: 50px;
    position: relative;
    margin: 0 100px
}

@media only screen and (max-width: 959px) {
    .carousel-testimonials .slide-testimonial blockquote {
        font-size:22px;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 60px 0
    }
}

@media only screen and (max-width: 460px) {
    .carousel-testimonials .slide-testimonial blockquote {
        font-size:20px;
        padding: 10px
    }
}

.carousel-testimonials .slide-testimonial blockquote span {
    color: rgba(255,255,255,0.75);
    display: inline-block;
    font-size: 16px;
    padding-top: 30px
}

.carousel-testimonials .slide-testimonial blockquote::before {
    background-image: url(/assets/icons/marketing/quotation-mark-4a01cc9c096c51745f616a35689ded03f0d0b2dcc0cbd44eccca7747f0223c1c.svg);
    background-size: 46px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 40px;
    opacity: 0.85;
    position: absolute;
    top: 40px;
    left: -20px;
    width: 50px
}

@media only screen and (max-width: 959px) {
    .carousel-testimonials .slide-testimonial blockquote::before {
        background-size:36px;
        left: -10px
    }
}

@media only screen and (max-width: 460px) {
    .carousel-testimonials .slide-testimonial blockquote::before {
        left:10px;
        top: -24px;
        background-size: 30px
    }
}

.carousel-testimonials .swiper-pagination {
    bottom: 20px !important
}

.carousel-testimonials .swiper-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.8) !important
}

.carousel-testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.checkmark-list {
    list-style: none
}

.checkmark-list li {
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 10px 10px 30px;
    position: relative
}

.checkmark-list li::before {
    background-image: url(/assets/icons/marketing/check-green-6a7c63468313cae1b42d763b4b0283aa507d5e11ffc114e08b7fba4985c6322d.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 20px
}

.checkmark-list li.unchecked::before {
    background: none
}

.icon-circle-wrapper {
    display: block
}

.icon-circle-wrapper .icon-circle {
    -ms-flex-align: center;
    align-items: center;
    background: #f4f4f4;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(51,51,51,0.25);
    box-shadow: 0 1px 2px 0 rgba(51,51,51,0.25);
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    margin: 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    width: 60px
}

.icon-circle-wrapper .icon-circle svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear
}

.icon-circle-wrapper:hover .icon-circle,.icon-circle-wrapper:focus .icon-circle {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.icon-circle-wrapper:hover .icon-circle svg,.icon-circle-wrapper:focus .icon-circle svg {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

@media only screen and (min-width: 960px) {
    .icon-circle-wrapper .icon-circle {
        height:80px;
        width: 80px
    }
}

.team-feature {
    width: 100px
}

@media only screen and (min-width: 960px) {
    .team-feature {
        width:140px
    }
}

.avatar-lg {
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 transparent;
    box-shadow: 0 2px 3px 0 transparent;
    height: 60px;
    width: 60px;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear
}

.avatar-lg img {
    border-radius: 50%;
    height: 60px;
    width: 60px
}

@media only screen and (min-width: 960px) {
    .avatar-lg {
        height:80px;
        width: 80px
    }

    .avatar-lg img {
        height: 80px;
        width: 80px
    }
}

.avatar-lg:hover,.avatar-lg:focus {
    -webkit-box-shadow: 0 2px 3px 0 rgba(51,51,51,0.1);
    box-shadow: 0 2px 3px 0 rgba(51,51,51,0.1);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.contract-signature {
    stroke-dasharray: 114.30168151855469;
    stroke-dashoffset: 114.30168151855469;
    animation: dash 3s linear forwards;
    -webkit-animation-duration: infinite;
    animation-duration: infinite;
    -webkit-animation: dash 3s linear forwards;
    -moz-animation: dash 3s linear forwards
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

.team-plan-toggle-container {
    border-top: 1px solid #f2f2f2;
    margin: 20px -30px -5px;
    padding: 20px 20px 0
}

.team-plan-toggle-group[data-active='plan-33'] label:nth-of-type(1),.team-plan-toggle-group[data-active='plan-32'] label:nth-of-type(3) {
    color: #ea4c89
}

.team-plan-toggle .team-plan-toggle-control {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 50px;
    height: 30px;
    display: block;
    border-radius: 20px;
    background-color: #ea4c89;
    position: relative
}

.team-plan-toggle .team-plan-toggle-control:hover,.team-plan-toggle .team-plan-toggle-control:focus {
    cursor: pointer;
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.team-plan-toggle .team-plan-toggle-control:after {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    content: "";
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px
}

.team-plan-toggle input {
    display: none
}

.team-plan-toggle input:checked+.team-plan-toggle-control:after {
    left: 25px
}

.team-plan-toggle-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.team-plan-toggle-group .team-plan-label {
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0 10px
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

.inview#get-work .pro-hire .wave,.inview#get-work .pro-hire-user:before,.inview#get-work .pro-hire-user-image {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.pro-hire {
    padding: 6vw 0;
    position: relative;
    overflow: visible
}

.pro-hire-btn {
    border-radius: 0.5rem;
    background: linear-gradient(45deg, #FF874F, #F64F90);
    color: #fff;
    padding: 1em;
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 92%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    font-weight: 600;
    letter-spacing: 0.03em;
    -webkit-box-shadow: 0 0 8rem 0 black;
    box-shadow: 0 0 8rem 0 black
}

.pro-hire-user {
    display: inline-block;
    position: relative;
    background: linear-gradient(45deg, #FF874F, #F64F90);
    width: 240px;
    height: 240px;
    padding: 3px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pro-hire-user:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 100%;
    background: linear-gradient(45deg, #FF874F, #F64F90);
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: filter;
    -webkit-animation: sonar-origin 3s infinite;
    animation: sonar-origin 3s infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-hire-user-image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    border: 4px solid #151515;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: #151515;
    will-change: filter;
    font-size: 3rem;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-animation: sonar-image 3s infinite;
    animation: sonar-image 3s infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.pro-hire .wave {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    color: rgba(255,255,255,0.1);
    -webkit-box-shadow: inset 0 0 1px 1px currentColor;
    box-shadow: inset 0 0 1px 1px currentColor;
    will-change: transform,box-shadow
}

.pro-hire .wave:nth-of-type(1) {
    width: 240px;
    height: 240px;
    -webkit-animation: sonar-wave 3s ease-in-out infinite;
    animation: sonar-wave 3s ease-in-out infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-hire .wave:nth-of-type(2) {
    width: 388.32px;
    height: 388.32px;
    -webkit-animation: sonar-wave-2 3s ease-in-out infinite;
    animation: sonar-wave-2 3s ease-in-out infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-hire .wave:nth-of-type(3) {
    width: 628.30176px;
    height: 628.30176px;
    -webkit-animation: sonar-wave-3 3s ease-in-out infinite;
    animation: sonar-wave-3 3s ease-in-out infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-hire .wave:nth-of-type(4) {
    width: 1016.59225px;
    height: 1016.59225px;
    -webkit-animation: sonar-wave-4 3s ease-in-out infinite;
    animation: sonar-wave-4 3s ease-in-out infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes sonar-origin {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    5% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    20% {
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes sonar-origin {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    5% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    20% {
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes sonar-image {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    2% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    5% {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }

    6% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes sonar-image {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    2% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    5% {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }

    6% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes sonar-wave {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        -webkit-box-shadow: inset 0 0 2vw rgba(246,79,144,0.5);
        box-shadow: inset 0 0 2vw rgba(246,79,144,0.5)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(6.85353);
        transform: translate(-50%, -50%) scale(6.85353);
        opacity: 0;
        -webkit-box-shadow: inset 0 0 0.5vw rgba(255,255,255,0.2);
        box-shadow: inset 0 0 0.5vw rgba(255,255,255,0.2)
    }
}

@keyframes sonar-wave {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        -webkit-box-shadow: inset 0 0 2vw rgba(246,79,144,0.5);
        box-shadow: inset 0 0 2vw rgba(246,79,144,0.5)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(6.85353);
        transform: translate(-50%, -50%) scale(6.85353);
        opacity: 0;
        -webkit-box-shadow: inset 0 0 0.5vw rgba(255,255,255,0.2);
        box-shadow: inset 0 0 0.5vw rgba(255,255,255,0.2)
    }
}

@-webkit-keyframes sonar-wave-2 {
    0% {
        color: rgba(255,255,255,0.2)
    }

    23.9% {
        color: rgba(255,255,255,0.2)
    }

    24% {
        color: rgba(255,255,255,0.2)
    }

    24.1% {
        color: rgba(246,79,144,0.8)
    }

    70% {
        color: rgba(255,255,255,0.2)
    }

    100% {
        color: rgba(255,255,255,0.2)
    }
}

@keyframes sonar-wave-2 {
    0% {
        color: rgba(255,255,255,0.2)
    }

    23.9% {
        color: rgba(255,255,255,0.2)
    }

    24% {
        color: rgba(255,255,255,0.2)
    }

    24.1% {
        color: rgba(246,79,144,0.8)
    }

    70% {
        color: rgba(255,255,255,0.2)
    }

    100% {
        color: rgba(255,255,255,0.2)
    }
}

@-webkit-keyframes sonar-wave-3 {
    0% {
        color: rgba(255,255,255,0.15)
    }

    35.9% {
        color: rgba(255,255,255,0.15)
    }

    36% {
        color: rgba(255,255,255,0.15)
    }

    36.1% {
        color: rgba(246,79,144,0.5)
    }

    80% {
        color: rgba(255,255,255,0.15)
    }

    100% {
        color: rgba(255,255,255,0.15)
    }
}

@keyframes sonar-wave-3 {
    0% {
        color: rgba(255,255,255,0.15)
    }

    35.9% {
        color: rgba(255,255,255,0.15)
    }

    36% {
        color: rgba(255,255,255,0.15)
    }

    36.1% {
        color: rgba(246,79,144,0.5)
    }

    80% {
        color: rgba(255,255,255,0.15)
    }

    100% {
        color: rgba(255,255,255,0.15)
    }
}

@-webkit-keyframes sonar-wave-4 {
    0% {
        color: rgba(255,255,255,0.1)
    }

    52.9% {
        color: rgba(255,255,255,0.1)
    }

    53% {
        color: rgba(255,255,255,0.1)
    }

    53.1% {
        color: rgba(246,79,144,0.25)
    }

    90% {
        color: rgba(255,255,255,0.1)
    }

    100% {
        color: rgba(255,255,255,0.1)
    }
}

@keyframes sonar-wave-4 {
    0% {
        color: rgba(255,255,255,0.1)
    }

    52.9% {
        color: rgba(255,255,255,0.1)
    }

    53% {
        color: rgba(255,255,255,0.1)
    }

    53.1% {
        color: rgba(246,79,144,0.25)
    }

    90% {
        color: rgba(255,255,255,0.1)
    }

    100% {
        color: rgba(255,255,255,0.1)
    }
}

.inview#engage .pro-engage-shot-well,.inview#engage .pro-engage-shot-well:before,.inview#engage .pro-engage-shot-well-border rect,.inview#engage .pro-engage-shot-well-label:before,.inview#engage .pro-engage:before,.inview#engage .pro-engage-shot-thumb,.inview#engage .pro-engage-shot-video {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.pro-engage {
    position: relative;
    width: 40vw;
    height: 30vw;
    margin: 4rem auto;
    -webkit-perspective: 75;
    perspective: 75;
    z-index: 1
}

.pro-engage-shot-well {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: rgba(255,255,255,0.15);
    visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: pro-engage-well-hover 3s cubic-bezier(0, 0.8, 0.01, 1),pro-engage-well-upload 2s 3s linear;
    animation: pro-engage-well-hover 3s cubic-bezier(0, 0.8, 0.01, 1),pro-engage-well-upload 2s 3s linear;
    -webkit-animation-play-state: paused, paused;
    animation-play-state: paused, paused
}

.pro-engage-shot-well>* {
    margin: 0.25rem auto
}

.pro-engage-shot-well>* svg[fill] {
    fill: currentColor
}

.pro-engage-shot-well>* path[fill] {
    fill: currentColor
}

.pro-engage-shot-well-border {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.pro-engage-shot-well-border rect {
    stroke: currentColor;
    -webkit-animation: pro-engage-well-svg 2s 3s infinite linear;
    animation: pro-engage-well-svg 2s 3s infinite linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-engage-shot-well-label:before {
    content: 'Upload Video';
    -webkit-animation: pro-engage-well-upload-label 2s 3s 4 alternate linear;
    animation: pro-engage-well-upload-label 2s 3s 4 alternate linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-engage-shot-thumb {
    width: 6rem;
    height: auto;
    display: block;
    position: absolute;
    right: 4rem;
    bottom: 4rem;
    background-color: #222;
    border-radius: 0.25rem;
    padding: 0.5rem 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-animation: pro-engage-file-drag 3s cubic-bezier(0, 0.8, 0.01, 1);
    animation: pro-engage-file-drag 3s cubic-bezier(0, 0.8, 0.01, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.pro-engage-shot-thumb img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5),0 1rem 3rem rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5),0 1rem 3rem rgba(0,0,0,0.5)
}

.pro-engage-shot-thumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0.25rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0))
}

.pro-engage-shot-thumb:before {
    content: attr(title);
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    color: white;
    white-space: nowrap;
    padding: 0.25em 0.75em;
    border-radius: 1em;
    font-size: 0.75rem;
    background: #2F79FF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5),0 0.5rem 2rem rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5),0 0.5rem 2rem rgba(0,0,0,0.5);
    -webkit-transform: translate(-50%, 0.5rem);
    -ms-transform: translate(-50%, 0.5rem);
    transform: translate(-50%, 0.5rem)
}

.pro-engage-shot-cursor {
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-filter: drop-shadow(0 0.125rem 0.5rem black);
    filter: drop-shadow(0 0.125rem 0.5rem black);
    width: 24px;
    height: 24px
}

.pro-engage-shot-cursor svg {
    width: 100%;
    height: auto
}

.pro-engage-shot-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    height: 100%;
    border-radius: 0.5rem;
    visibility: visible;
    opacity: 0;
    -webkit-animation: pro-engage-video-reveal 2s 5s ease-in-out forwards;
    animation: pro-engage-video-reveal 2s 5s ease-in-out forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

html[data-useragent*="Chrome"] .pro-engage-shot-video {
    -webkit-filter: url(#pro-engage-shot-video-shadow);
    filter: url(#pro-engage-shot-video-shadow)
}

.pro-engage-attribution {
    display: block;
    margin-top: -2rem
}

.pro-engage:before {
    content: '';
    position: absolute;
    left: 3rem;
    right: 3rem;
    top: 100%;
    background: white;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-box-shadow: 0 0 5rem 3rem rgba(255,255,255,0.5);
    box-shadow: 0 0 5rem 3rem rgba(255,255,255,0.5);
    pointer-events: none;
    visibility: visible;
    opacity: 0;
    -webkit-animation: pro-engage-video-emit 2s 5s ease-in-out forwards;
    animation: pro-engage-video-emit 2s 5s ease-in-out forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes pro-engage-well-hover {
    0% {
        color: rgba(255,255,255,0.15);
        background-color: rgba(255,255,255,0);
        visibility: visible
    }

    18% {
        color: rgba(255,255,255,0.15);
        background-color: rgba(255,255,255,0)
    }

    18.1% {
        color: #F64F90;
        background-color: rgba(255,255,255,0.05)
    }

    100% {
        color: #F64F90;
        background-color: rgba(255,255,255,0.05)
    }
}

@keyframes pro-engage-well-hover {
    0% {
        color: rgba(255,255,255,0.15);
        background-color: rgba(255,255,255,0);
        visibility: visible
    }

    18% {
        color: rgba(255,255,255,0.15);
        background-color: rgba(255,255,255,0)
    }

    18.1% {
        color: #F64F90;
        background-color: rgba(255,255,255,0.05)
    }

    100% {
        color: #F64F90;
        background-color: rgba(255,255,255,0.05)
    }
}

@-webkit-keyframes pro-engage-file-drag {
    0% {
        -webkit-transform: translateX(60vw) translateY(5vh) scale(1.2);
        transform: translateX(60vw) translateY(5vh) scale(1.2);
        opacity: 0;
        visibility: visible
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@keyframes pro-engage-file-drag {
    0% {
        -webkit-transform: translateX(60vw) translateY(5vh) scale(1.2);
        transform: translateX(60vw) translateY(5vh) scale(1.2);
        opacity: 0;
        visibility: visible
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes pro-engage-well-svg {
    0% {
        stroke-dashoffset: 8
    }

    100% {
        stroke-dashoffset: 32
    }
}

@keyframes pro-engage-well-svg {
    0% {
        stroke-dashoffset: 8
    }

    100% {
        stroke-dashoffset: 32
    }
}

@-webkit-keyframes pro-engage-well-upload {
    0% {
        visibility: visible;
        color: rgba(255,255,255,0.5);
        opacity: 1
    }

    100% {
        visibility: visible;
        color: rgba(255,255,255,0.5);
        opacity: 0.5
    }
}

@keyframes pro-engage-well-upload {
    0% {
        visibility: visible;
        color: rgba(255,255,255,0.5);
        opacity: 1
    }

    100% {
        visibility: visible;
        color: rgba(255,255,255,0.5);
        opacity: 0.5
    }
}

@-webkit-keyframes pro-engage-well-upload-label {
    0% {
        content: 'Uploading Video...'
    }

    100% {
        content: 'Uploading Video...'
    }
}

@keyframes pro-engage-well-upload-label {
    0% {
        content: 'Uploading Video...'
    }

    100% {
        content: 'Uploading Video...'
    }
}

@-webkit-keyframes pro-engage-video-emit {
    0% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 0.2;
        visibility: visible
    }
}

@keyframes pro-engage-video-emit {
    0% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 0.2;
        visibility: visible
    }
}

@-webkit-keyframes pro-engage-video-reveal {
    0% {
        visibility: visible;
        opacity: 0
    }

    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes pro-engage-video-reveal {
    0% {
        visibility: visible;
        opacity: 0
    }

    100% {
        visibility: visible;
        opacity: 1
    }
}

@media screen and (max-width: 720px) {
    .pro-engage {
        width:80vw;
        height: 60vw
    }
}

#playbook {
    position: relative;
    z-index: 0
}

#playbook .section-content {
    max-width: none;
    -ms-flex-align: center;
    align-items: center
}

#playbook .section-content>* {
    -ms-flex: 0;
    flex: 0
}

#playbook .section-content>.pro-playbook {
    width: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%
}

#playbook .section-content>.pro-playbook-copy {
    width: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.inview#playbook .pro-playbook-desktop {
    -webkit-transform: rotateY(2deg) translateX(0);
    transform: rotateY(2deg) translateX(0);
    opacity: 1
}

.inview#playbook .pro-playbook-mobile {
    -webkit-transform: rotateY(0) translateY(0);
    transform: rotateY(0) translateY(0);
    opacity: 1
}

.pro-playbook {
    position: relative;
    -webkit-perspective: 600;
    perspective: 600
}

.pro-playbook-desktop {
    height: 0;
    width: 80%;
    padding-top: 50%;
    margin: 0 auto;
    border-radius: 1vh 1vh 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.1)), color-stop(4rem, rgba(255,255,255,0.05)));
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.05) 4rem);
    -webkit-box-shadow: 0 4rem 10rem -3rem black, 0 4rem 10rem -3rem black;
    box-shadow: 0 4rem 10rem -3rem black, 0 4rem 10rem -3rem black;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
    -webkit-transform: rotateY(4deg) translateX(-30%);
    transform: rotateY(4deg) translateX(-30%);
    opacity: 1;
    -webkit-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out
}

.pro-playbook-desktop-image {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0
}

.pro-playbook-desktop-image[src] {
    opacity: 1
}

.pro-playbook-desktop:before,.pro-playbook-desktop .knobs:before,.pro-playbook-desktop .knobs:after {
    content: '';
    position: absolute;
    left: 0.875rem;
    top: 0.875rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.5rem;
    background: rgba(255,255,255,0.15);
    -webkit-box-shadow: 0 1.5px 1.5px rgba(0,0,0,0.2);
    box-shadow: 0 1.5px 1.5px rgba(0,0,0,0.2)
}

.pro-playbook-desktop .knobs:before {
    left: 1.875rem
}

.pro-playbook-desktop .knobs:after {
    left: 2.875rem
}

.pro-playbook-desktop .url {
    text-align: left;
    font-size: 0.75rem;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 1rem;
    right: 0.5rem;
    top: 0.5rem;
    height: 1.5rem;
    left: 5rem;
    border-radius: 0.75rem;
    background: rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.pro-playbook-desktop .url:before {
    content: attr(href);
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro-playbook-desktop .url:hover {
    color: #FFF
}

.pro-playbook-desktop-content {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.5rem;
    bottom: 0;
    overflow: auto;
    overflow: hidden
}

.pro-playbook-desktop:after {
    content: "";
    position: absolute;
    left: 0;
    top: 2.5rem;
    right: 0;
    height: 5px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3)
}

.pro-playbook-desktop-frame {
    width: 100%;
    height: 100%
}

.pro-playbook-mobile {
    overflow: hidden;
    height: 0;
    width: 20%;
    padding-top: 43.30667%;
    position: absolute;
    z-index: 1;
    right: 1rem;
    bottom: -3rem;
    border-radius: 2vw;
    background: #151515 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.1)), color-stop(4rem, rgba(255,255,255,0.05)));
    background: #151515 linear-gradient(to bottom, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.05) 4rem);
    -webkit-box-shadow: 0 2rem 6rem black,0 2rem 6rem rgba(0,0,0,0.5);
    box-shadow: 0 2rem 6rem black,0 2rem 6rem rgba(0,0,0,0.5);
    -webkit-transform: rotateY(0) translateY(20%);
    transform: rotateY(0) translateY(20%);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out
}

.pro-playbook-mobile-image {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0
}

.pro-playbook-mobile-image[src] {
    opacity: 1
}

.pro-playbook-mobile-content {
    display: block;
    position: absolute;
    left: 0.5vw;
    right: 0.5vw;
    top: 0.5vw;
    bottom: 0.5vw;
    overflow: auto;
    overflow: hidden;
    border-radius: 1.5vw
}

.pro-playbook-mobile-frame {
    width: 100%;
    height: 100%
}

.pro-playbook-users {
    max-height: 16rem;
    overflow: hidden;
    padding: 0.75rem 0;
    scroll-behavior: smooth;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, white 10%, white 90%, transparent 100%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, white), color-stop(90%, white), to(transparent));
    mask-image: linear-gradient(to bottom, transparent 0%, white 10%, white 90%, transparent 100%)
}

.pro-playbook-users .user-choice {
    margin: 0.25rem 0
}

.pro-playbook-users .user-choice input ~ * {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.pro-playbook-users .user-choice input:checked ~ * {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media screen and (max-width: 960px) {
    #playbook .section-content {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #playbook .section-content .pro-playbook-featured-portfolios {
        max-width: none
    }

    #playbook .section-content .pro-playbook-featured-portfolios .pro-playbook-users {
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: visible;
        margin-left: -1rem;
        margin-right: -1rem
    }

    #playbook .section-content .pro-playbook-featured-portfolios .pro-playbook-users .user-choice {
        margin: 0.25rem
    }

    #playbook .section-content .pro-playbook-featured-portfolios .pro-playbook-users .user-choice input ~ * {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    #playbook .section-content .pro-playbook-featured-portfolios .pro-playbook-users>li {
        display: inline-block
    }

    #playbook .section-content>.pro-playbook {
        width: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        margin: 2rem auto 4rem auto
    }

    #playbook .section-content>.pro-playbook-copy {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: -1;
        order: -1
    }

    #playbook .section-content>.pro-playbook-copy>div {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    #playbook .section-content>.pro-playbook {
        width:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .pro-playbook-desktop {
        width: 100%;
        padding-top: 62.5%
    }

    .pro-playbook-mobile {
        width: 30%;
        padding-top: 64.96%;
        right: 0;
        bottom: -2rem
    }
}

.pro-plans {
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.pro-plan {
    border-radius: 1rem;
    padding: 2px;
    margin: 1rem;
    width: 360px
}

.pro-plan-content {
    padding: 2rem;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0.875rem;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.pro-plan .btn.btn--white.btn--outlined {
    color: rgba(255,255,255,0.25) !important
}

.pro-plan .h3 {
    margin: 0;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pro-plan .h3 svg {
    height: 1.5rem;
    width: auto;
    margin-left: auto
}

.pro-plan .h3 .tag {
    font-weight: bold;
    height: 1.5rem;
    padding: 0 0.35rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pro-plan .price-choices {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pro-plan .price-choices .price {
    margin-bottom: 0.5rem;
    width: 100%
}

.pro-plan .price-choices .price-info {
    margin-top: 1.8em
}

.pro-plan .price-choices .price-annually {
    display: none
}

.pro-plan .price-choices .price-monthly {
    display: -ms-flexbox;
    display: flex
}

.pro-plan .price-choices.annual .price-annually {
    display: -ms-flexbox;
    display: flex
}

.pro-plan .price-choices.annual .price-monthly {
    display: none
}

.pro-plan-pricing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0.7rem
}

.pro-plan-pricing .tgl-btn {
    margin: 0 0.25em;
    -ms-flex-order: 1;
    order: 1
}

.pro-plan-pricing .pro-plan-monthly,.pro-plan-pricing .pro-plan-annually {
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out
}

.pro-plan-pricing .pro-plan-monthly {
    -ms-flex-order: 0;
    order: 0
}

input:checked ~ .pro-plan-pricing .pro-plan-monthly {
    opacity: 1
}

.pro-plan-pricing .pro-plan-annually {
    -ms-flex-order: 2;
    order: 2
}

.pro-plan-pricing input:checked ~ .pro-plan-annually {
    opacity: 1
}

.pro-plan-pricing input:not(:checked) ~ .pro-plan-annually {
    opacity: 0.5
}

.pro-plan-pricing input:checked ~ .pro-plan-monthly {
    opacity: 0.5
}

.pro-plan-pricing input:not(:checked) ~ .pro-plan-monthly {
    opacity: 1
}

.pro-plan .btn.btn--pro {
    width: 100%;
    display: block;
    text-align: center;
    margin: 1rem 0 0 0
}

.pro-plan-player .pro-plan-content {
    background-color: #222222
}

.pro-plan-pro .pro-plan-content {
    color: #151515;
    background-color: #fff
}

.pro-plan-pro .pro-plan-content .icon.checkmark path {
    fill: url(#pro-gradient) !important
}

.pro-plan-pro .hr--pro {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0,0,0,0.15)), to(transparent));
    background: linear-gradient(to right, transparent, rgba(0,0,0,0.15), transparent)
}

#account-pro .pro-plan-pro .text-subdued {
    color: rgba(0,0,0,0.5)
}

.pro-plan-feature {
    margin: 1rem 0
}

.pro-plan-feature .icon {
    margin-right: 0.5rem
}

.pro-plan-feature .badge {
    vertical-align: 0.2em
}

.pro-plan-feature--disabled {
    color: rgba(255,255,255,0.35)
}

.pro-plan-feature--disabled .icon.cancel path {
    fill: currentColor
}

@media screen and (max-width: 1000px) {
    .pro-plans {
        width:100%
    }
}

@media screen and (max-width: 800px) {
    .pro-plans {
        display:block
    }

    .pro-plan {
        margin: 1rem 0;
        width: 100%
    }

    .pro-plan .pro-plan-content {
        padding: 1rem
    }
}

#pro-label {
    -webkit-transform: rotate(90deg) translateY(50%);
    -ms-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%);
    position: fixed;
    left: 2rem;
    top: 2rem;
    z-index: 1;
    -webkit-box-shadow: 0.25rem 0 0.5rem rgba(0,0,0,0.15);
    box-shadow: 0.25rem 0 0.5rem rgba(0,0,0,0.15);
    display: none
}

.link-pro:not(.form-sub):not(.btn-talent-application) {
    background: linear-gradient(45deg, #FF874F, #F64F90);
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#account-pro #wrap {
    background-color: #151515;
    width: 100%;
    overflow-x: hidden
}

#account-pro .enrique {
    z-index: 2
}

#account-pro .enrique-heading,#account-pro .enrique-text {
    text-align: center
}

#account-pro .enrique #play-video-btn {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 1
}

@media screen and (max-width: 960px) {
    #account-pro .enrique #play-video-btn {
        position:static;
        margin: 1rem auto
    }
}

@media screen and (max-width: 460px) {
    #account-pro .enrique .hjumbo {
        font-size:2rem
    }
}

#account-pro .enrique-content {
    padding: 10vw 1rem
}

#account-pro .enrique-copy {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

#account-pro .text-subdued {
    color: rgba(255,255,255,0.4)
}

.pro-freelancer-badge {
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    vertical-align: middle
}

.icon-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icon-grid>div {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 16px 0
}

.icon-grid>div .icon {
    padding-right: 8px;
    position: relative;
    top: 4px
}

@media only screen and (max-width: 800px) {
    .icon-grid>div .icon {
        padding-right:4px;
        top: 2px
    }
}

@supports (display: grid) {
    .icon-grid {
        display:grid;
        grid-template-columns: 300px 1fr
    }

    @media only screen and (max-width: 1120px) {
        .icon-grid {
            grid-template-columns:1fr
        }
    }
}

.carousel-pro-profiles.swiper-container {
    height: 120px;
    margin-top: -60px
}

@media only screen and (min-width: 960px) {
    .carousel-pro-profiles.swiper-container {
        height:200px;
        margin-top: -100px
    }
}

.carousel-pro-profiles.swiper-container .slide-pro-profile {
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 120px;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px
}

.carousel-pro-profiles.swiper-container .slide-pro-profile .slide-pro-profile-img {
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.3);
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s linear;
    transition: .3s linear;
    width: 80px
}

.carousel-pro-profiles.swiper-container .slide-pro-profile.swiper-slide-active .slide-pro-profile-img {
    height: 120px;
    width: 120px
}

@media only screen and (min-width: 960px) {
    .carousel-pro-profiles.swiper-container .slide-pro-profile {
        height:180px;
        width: 180px
    }

    .carousel-pro-profiles.swiper-container .slide-pro-profile .slide-pro-profile-img {
        height: 130px;
        width: 130px
    }

    .carousel-pro-profiles.swiper-container .slide-pro-profile.swiper-slide-active .slide-pro-profile-img {
        height: 180px;
        width: 180px
    }

    .carousel-pro-profiles.swiper-container .slide-pro-profile.swiper-slide-active {
        z-index: 999
    }

    .carousel-pro-profiles.swiper-container .slide-pro-profile.swiper-slide-next {
        z-index: 2
    }
}

@media screen and (max-width: 960px) {
    #pro-label {
        display:none
    }
}

.talent-demand-signal-properties div:not(:last-child) {
    margin-bottom: 5px
}

.talent-demand-signal-row:nth-child(even) {
    background: #e8e8e8
}

@media only screen and (min-width: 960px) {
    #talent-matches #wrap,#talent-candidate-applications #wrap {
        background:#fff
    }

    #talent-matches #wrap-inner,#talent-candidate-applications #wrap-inner {
        min-height: calc(100vh - 56px)
    }
}

@media only screen and (max-width: 959px) {
    #talent-matches #wrap-inner,#talent-candidate-applications #wrap-inner {
        padding:0
    }
}

#talent-matches div.notice,#talent-candidate-applications div.notice {
    z-index: 10;
    position: relative
}

#account-profile .dropdown-date-trigger,#talent-candidate-applications .dropdown-date-trigger,.talent-candidate-application-edit .dropdown-date-trigger {
    background-color: #fff;
    background-image: url(/assets/icon-dropdown-arrow-9bd69f1fb8f62732305f3fc7dbfc4d4db165a835d2f50c6df2802e294201ecb6.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 25px 10px 8px
}

#account-profile .dropdown-date-container.active .dropdown-date-content,#talent-candidate-applications .dropdown-date-container.active .dropdown-date-content,.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-content {
    display: block
}

#account-profile .dropdown-date-container.active .dropdown-date-trigger,#talent-candidate-applications .dropdown-date-container.active .dropdown-date-trigger,.talent-candidate-application-edit .dropdown-date-container.active .dropdown-date-trigger {
    border-bottom: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#account-profile .dropdown-date-content,#talent-candidate-applications .dropdown-date-content,.talent-candidate-application-edit .dropdown-date-content {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #bbb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding: 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.heading-with-span {
    position: relative;
    overflow: hidden
}

.heading-with-span::after {
    background: rgba(216,216,216,0.4);
    content: "";
    height: 3px;
    margin-left: 10px;
    position: absolute;
    top: 10px;
    width: 100%
}

@media screen and (max-width: 375px) {
    .hide-x-small {
        display:none
    }
}

#account-profile .form-btns input[type="submit"]:disabled,#talent-candidate-applications .form-btns input[type="submit"]:disabled,.talent-candidate-application-edit .form-btns input[type="submit"]:disabled {
    cursor: not-allowed
}

#account-profile form.gen-form label,#talent-candidate-applications form.gen-form label,.talent-candidate-application-edit form.gen-form label {
    font-size: 15px
}

#account-profile .radio-group label,#talent-candidate-applications .radio-group label,.talent-candidate-application-edit .radio-group label {
    font-size: 14px;
    font-weight: 400;
    margin: 8px 0
}

.talent-prompt-overlay .container form,.talent-prompt-overlay .container p:nth-child(1) {
    font-size: 18px;
    text-align: center
}

.talent-prompt-overlay .container form {
    margin-top: 20px
}

.talent-prompt-overlay .container p:nth-child(2) {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    padding: 0 20px;
    color: #f55
}

a.talent-application-hero-link {
    text-decoration: underline;
    color: #333
}

a.talent-application-hero-link:hover,a.talent-application-hero-link:focus {
    color: black
}

.form-btn.talent-btn-remove {
    position: relative
}

.form-btn.talent-btn-remove::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px
}

.form-btn.add-new-btn {
    color: #3a8bbb;
    font-size: 14px
}

.form-btn.add-new-btn:hover,.form-btn.add-new-btn:focus {
    background: none;
    color: #1e6189
}

.form-btn.talent-btn-remove {
    padding-left: 24px;
    -webkit-box-shadow: 0px 0px 0px 1px #999 inset;
    box-shadow: 0px 0px 0px 1px #999 inset;
    color: #757575
}

.form-btn.talent-btn-remove::before {
    background-color: #757575;
    -webkit-mask-image: url(/assets/icons/cancel-ad73ad9080f39dbe7c6cbe25bca1eb05675253cb186c449ffe460050f00f5e89.svg);
    mask-image: url(/assets/icons/cancel-ad73ad9080f39dbe7c6cbe25bca1eb05675253cb186c449ffe460050f00f5e89.svg);
    width: 12px;
    height: 12px;
    left: 8px;
    top: 6px
}

.form-btn.talent-btn-remove:hover,.form-btn.talent-btn-remove:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #424242 inset;
    box-shadow: 0px 0px 0px 1px #424242 inset;
    color: #424242
}

.form-btn.talent-btn-remove:hover::before,.form-btn.talent-btn-remove:focus::before {
    background-color: #424242
}

.btn-talent-application,input.form-sub.btn-talent-application[type="submit"] {
    font-size: 16px;
    padding: 14px 32px;
    background: linear-gradient(45deg, #5960B4 0%, #7059AF 100%);
    -webkit-transition: ease-in-out all 0.3s;
    transition: ease-in-out all 0.3s
}

.btn-talent-application:hover,input.btn-talent-application:hover[type="submit"],.btn-talent-application:focus,input.btn-talent-application:focus[type="submit"] {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.talent-application-measure {
    max-width: 60em
}

.talent-application-term-text {
    position: relative;
    top: 0
}

@media only screen and (max-width: 959px) {
    .talent-application-term-text {
        top:-3px
    }
}

#send-email .admin-header {
    display: none
}

#send-email .display>.w-two-thirds-ns {
    width: 100%
}

.close-candidates-sidebar svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 9px;
    width: 16px
}

.close-candidates-sidebar svg path {
    stroke: #444
}

.flyout-header .indicator.processing {
    background: transparent url(/assets/processing-2x-0d3384cc65db3e0f02be944f2a2e0bae449aaa842597c962cc4318668e4e4f53.gif) center no-repeat !important;
    background-size: 32px 32px !important;
    display: block;
    height: 32px;
    left: -18px;
    position: absolute;
    top: 2px;
    width: 32px;
    z-index: 10
}

.company-logo-image {
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.candidates-sidebar-toggle img {
    border-radius: 50%;
    width: 20px;
    height: 20px
}

.client-sidebar-toggle img {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.candidate-interest-matches {
    padding-top: 0
}

.candidate-interest-matches #wrap {
    background: #fff
}

.candidate-interest-matches #header,.candidate-interest-matches #footer {
    display: none
}

.candidate-interest-matches .candidate-interest-container {
    width: 720px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 959px) {
    .candidate-interest-matches .candidate-interest-container {
        width:100%
    }
}

.candidate-interest-matches .candidacy {
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.04);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.04)
}

.candidate-interest-matches .candidacy .description p {
    margin-bottom: 16px;
    line-height: 1.4
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input:checked[type="checkbox"]+label::before,.ta-checkbox-input input:checked[type="checkbox"]+label::before,.candidate-search-filters input:checked[type="checkbox"]+label::before,.edit-role-overlay input:checked[type="checkbox"]+label::before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.ta-radio-input input[type="radio"]+label::before {
    border-radius: 50%
}

.ta-radio-input input:checked[type="radio"]+label:before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.widget-block input[type="checkbox"],.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"],.ta-checkbox-input input[type="checkbox"],.candidate-search-filters input[type="checkbox"],.edit-role-overlay input[type="checkbox"],.ta-radio-input input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0
}

.widget-block input[type="checkbox"]+label,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label,.ta-checkbox-input input[type="checkbox"]+label,.candidate-search-filters input[type="checkbox"]+label,.edit-role-overlay input[type="checkbox"]+label,.ta-radio-input input[type="radio"]+label {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.widget-block input[type="checkbox"]+label:before,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:before,.ta-checkbox-input input[type="checkbox"]+label:before,.candidate-search-filters input[type="checkbox"]+label:before,.edit-role-overlay input[type="checkbox"]+label:before,.ta-radio-input input[type="radio"]+label:before {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    width: 16px
}

.widget-block input[type="checkbox"]+label:hover,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:hover,.ta-checkbox-input input[type="checkbox"]+label:hover,.candidate-search-filters input[type="checkbox"]+label:hover,.edit-role-overlay input[type="checkbox"]+label:hover,.ta-radio-input input[type="radio"]+label:hover,.widget-block input[type="checkbox"]+label:focus,.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input[type="checkbox"]+label:focus,.ta-checkbox-input input[type="checkbox"]+label:focus,.candidate-search-filters input[type="checkbox"]+label:focus,.edit-role-overlay input[type="checkbox"]+label:focus,.ta-radio-input input[type="radio"]+label:focus {
    cursor: pointer
}

.talent-application-overlay .ta-checkbox-group .ta-checkbox-input input:checked[type="checkbox"]+label::before,.ta-checkbox-input input:checked[type="checkbox"]+label::before,.candidate-search-filters input:checked[type="checkbox"]+label::before,.edit-role-overlay input:checked[type="checkbox"]+label::before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.ta-radio-input input[type="radio"]+label::before {
    border-radius: 50%
}

.ta-radio-input input:checked[type="radio"]+label:before {
    background: #3a8bbb url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNjQwMiAyLjIzNjQ4QzEwLjIxNjIgMS44NzU5OCA5LjU4NTcgMS45MzQ0OCA5LjIzMTcgMi4zNjc0OEw0LjgwNzIgNy43ODQ5OEwyLjU1NTIgNi4yNTI5OEMyLjA5NjIgNS45Mzk5OCAxLjQ3NDcgNi4wNjY5OCAxLjE2ODcgNi41MzU5OEMwLjg2MjcwMSA3LjAwNDk4IDAuOTg2NzAxIDcuNjM4NDggMS40NDYyIDcuOTUwOThMNS4xOTMyIDEwLjVMMTAuNzY4NyAzLjY3MzQ4QzExLjEyMjIgMy4yNDA0OCAxMS4wNjQ3IDIuNTk3NDggMTAuNjQwMiAyLjIzNjQ4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: none;
    transition: none
}

.candidate-search-filters {
    width: 256px;
    min-width: 256px;
    padding: 0 16px 0 30px;
    position: relative;
    -ms-flex-order: 1;
    order: 1;
    font-size: 12px
}

.candidate-search-filters.filters-active {
    display: block
}

.candidate-search-filters select {
    padding: 8px 25px 9px 8px;
    width: 100%
}

@media only screen and (max-width: 959px) {
    .candidate-search-filters {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        width: 100%;
        padding-right: 0;
        margin-top: 0;
        padding: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media only screen and (max-width: 959px) {
    .candidate-search-filters {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        width: 100%;
        padding-right: 0;
        margin-top: 0
    }
}

.candidate-search-filters input[type="checkbox"]+label {
    font-size: 13px
}

.candidate-search-filters input[type="checkbox"]+label:before {
    border-radius: 2px
}

.candidate-search-filters input[type="checkbox"]:checked+label:before {
    border: 1px solid #3a8bbb
}

.candidate-search-filters .input {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #757575;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 12px;
    width: 100%
}

.candidate-search-filters .input:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)),#f5f6f7;
    background: linear-gradient(0deg, #fff, #fff),#f5f6f7;
    border: 1px solid #d8dde2
}

.candidate-search-filters .input:focus {
    background: #f5f6f7;
    border: 1px solid transparent;
    outline: none
}

.candidate-search-filters .btn-clear-filters {
    background: none;
    border: 0;
    color: #757575;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 16px;
    text-align: center;
    width: 100%
}

.candidate-search-filters .btn-clear-filters:hover,.candidate-search-filters .btn-clear-filters:focus {
    color: #444;
    cursor: pointer
}

.candidate-search-filters .experience-level-checkbox:last-of-type {
    margin-bottom: 0
}

.candidate-search-filters-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    will-change: transform
}

.candidate-search-filters-content {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 24px
}

input[type="submit"].btn-candidate-search-filters {
    display: block;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    padding: 0 16px;
    width: 100%
}

.csf-label {
    -ms-flex-align: center;
    align-items: center;
    background: rgba(58,139,187,0.1);
    border-radius: 4px;
    color: #3a8bbb;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 36px;
    padding: 0 13px
}

@media only screen and (max-width: 959px) {
    .csf-salary-range-select select {
        width:100%
    }

    .csf-salary-range-select .csf-salary-range-min,.csf-salary-range-select .csf-salary-range-max {
        width: 45%
    }
}

.csf-reveal {
    display: none
}

.csf-reveal.csf-active {
    display: block
}

.csf-add-disabled {
    pointer-events: none;
    opacity: 0.5;
    display: -ms-flexbox;
    display: flex
}

.csf-specialty-select {
    padding-right: 15px
}

#candidate-results-panel {
    width: 100%
}

.candidates-container {
    max-width: 960px;
    margin: 0 auto
}

.candidates-container.talent-search-enabled {
    max-width: 1200px;
    width: 100%
}

.candidates-container .candidate-core-listing {
    max-width: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

@media only screen and (max-width: 959px) {
    .candidates-container .candidate-core-listing {
        -ms-flex-order:1;
        order: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 959px) {
    .candidates-container .mode-toggle {
        padding:10px 10px 11px 10px
    }
}

.candidates-container .mode-toggle {
    background-position: 100% 60%;
    background-size: 14px 10px;
    border: none;
    color: #757575;
    font-size: 24px;
    font-weight: 500;
    padding: 0;
    width: auto;
    outline: none
}

@media only screen and (max-width: 959px) {
    .candidates-container .mode-toggle {
        background-position:100% center;
        background-size: 10px 6px;
        font-size: 15px;
        position: relative;
        top: -1px;
        width: auto
    }
}

.candidates-container .mode-toggle option {
    font-size: 18px
}

.candidates-container .form-btn.outlined.filters-toggle-btn {
    padding: 0 8px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f8f8f8;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .candidates-container .form-btn.outlined.filters-toggle-btn {
        display:none
    }
}

.candidates-container .form-btn.outlined.filters-toggle-btn svg {
    width: 16px;
    height: 16px;
    position: relative;
    left: 2px
}

.candidates-container .form-btn.outlined.filters-toggle-btn[data-dropdown-state="open"] {
    background: rgba(58,139,187,0.2)
}

.candidates-container .form-btn.outlined.filters-toggle-btn[data-dropdown-state="open"] svg {
    fill: #3a8bbb
}

@media screen and (max-width: 1180px) {
    .job-order-sidebar-search-enabled .job-orders-sidebar {
        display:none
    }

    .job-order-sidebar-search-enabled .job-orders-sidebar.open {
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .job-order-sidebar-search-enabled {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-order: 0;
        order: 0
    }
}

@media only screen and (max-width: 959px) {
    .collapsed-candidates-container {
        background:#fff
    }
}

@media only screen and (max-width: 959px) {
    .candidates-header,.candidate-summary,.collapsed-candidates-container {
        -webkit-box-shadow:0px 1px 0px #f4f4f4,0px -1px 0px #f4f4f4,0px 5px 10px rgba(0,0,0,0.07);
        box-shadow: 0px 1px 0px #f4f4f4,0px -1px 0px #f4f4f4,0px 5px 10px rgba(0,0,0,0.07)
    }
}

.candidates-header {
    position: -webkit-sticky;
    position: sticky;
    will-change: transform
}

.candidates-header h1 {
    font-weight: 700
}

.candidates-header.nav-sticky {
    top: 0;
    width: 100%;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    padding: 10px;
    margin: 0 -10px;
    -webkit-box-shadow: 0 6px 4px -6px rgba(0,0,0,0.25);
    box-shadow: 0 6px 4px -6px rgba(0,0,0,0.25);
    -webkit-animation: fadeInDown;
    animation: fadeInDown;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media only screen and (max-width: 959px) {
    .candidates-header.nav-sticky {
        position:static
    }

    .candidates-header.nav-sticky .candidate-filters {
        padding-bottom: 10px
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width: 959px) {
    .candidates-header {
        background:#fff
    }
}

.candidate-filters {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 959px) {
    .candidate-filters {
        display:none;
        margin-bottom: -10px;
        border-top: 1px solid #f2f2f2
    }

    .candidate-filters select {
        margin-left: 0
    }

    .candidate-filters.open {
        display: -ms-flexbox;
        display: flex;
        background: white
    }
}

@media only screen and (max-width: 460px) {
    .candidate-filters>div {
        -ms-flex:1;
        flex: 1
    }

    .candidate-filters select {
        width: 100%
    }

    .candidate-filters .btn-filter {
        width: 100%;
        text-align: left;
        padding-right: 30px
    }

    .candidate-filters svg {
        position: absolute;
        top: 16px;
        right: 8px
    }
}

.candidate-filters-toggle {
    display: block;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    padding: 7px 6px 4px
}

.candidate-filters-toggle.active {
    background-color: rgba(58,139,187,0.15);
    border-color: transparent
}

.candidate-filters-toggle.active span {
    color: #3a8bbb
}

.job-orders-sidebar {
    -ms-flex: 0 0 250px;
    flex: 0 0 250px
}

@media only screen and (max-width: 959px) {
    .job-orders-sidebar {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        width: 300px;
        -webkit-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
        box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -330px;
        z-index: 9998;
        background: white;
        padding: 20px 5px 20px 20px;
        border-right: 1px solid #eee;
        -webkit-transition: left 0.2s ease-in-out;
        transition: left 0.2s ease-in-out
    }

    .job-orders-sidebar.open {
        left: 0
    }
}

.job-orders-sidebar-inner {
    padding-right: 30px;
    overflow-y: auto
}

@media only screen and (max-width: 959px) {
    .job-orders-sidebar-inner {
        padding-right:15px
    }
}

@media only screen and (min-width: 960px) {
    .job-orders-sidebar-inner {
        top:30px;
        position: -webkit-sticky;
        position: sticky
    }
}

.job-orders-sidebar-inner.anchored-button {
    padding-bottom: 90px;
    max-height: calc(100vh - 128px)
}

.job-orders-sidebar-inner.anchored-button .new-job-order-button {
    position: fixed;
    bottom: 0;
    padding-bottom: 30px;
    width: 220px;
    background: white
}

@media only screen and (max-width: 959px) {
    .job-orders-sidebar-inner.anchored-button .new-job-order-button {
        width:260px
    }
}

.job-orders-sidebar-overlay {
    display: none
}

@media only screen and (max-width: 959px) {
    .job-orders-sidebar-overlay.sidebar-open {
        display:block;
        position: absolute;
        top: -40px;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(255,255,255,0.8);
        content: "";
        z-index: 9997;
        -webkit-backdrop-filter: blur(2px)
    }
}

.company-default-avatar {
    background: rgba(87,97,180,0.2);
    color: #5761b4;
    line-height: 32px
}

.candidates-header .company-default-avatar {
    line-height: 20px
}

.candidates-sidebar-toggle {
    border: 1px solid #d8dde2;
    border-radius: 0 18px 18px 0;
    padding: 8px 8px 8px 15px;
    margin-left: -1px
}

.job-order-list span.meatball {
    background-color: #e0e0e0;
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    min-width: 38px;
    padding: 3px 7px;
    text-align: center
}

.job-order-list a {
    color: #757575
}

.job-order-list a:hover,.job-order-list a:focus {
    color: #444
}

.job-order-list a.active {
    color: #5761b4
}

.job-order-list a.active .job-order-name {
    font-weight: 500
}

.job-order-list a.active span.meatball {
    background-color: #5761b4;
    color: #fff
}

.job-order-list a.active:hover,.job-order-list a.active:focus {
    color: #7078bf
}

@media only screen and (min-width: 960px) {
    .candidate-summary {
        border:1px solid #e0e0e0
    }
}

.candidate-summary abbr {
    text-decoration: none
}

.candidate-summary:last-of-type {
    margin-bottom: 20px
}

.candidate-badge-category {
    background: rgba(234,76,137,0.2);
    border-radius: 4px;
    color: #ea4c89;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 13px
}

.candidate-badge-category.no-longer-available {
    color: #f55;
    background: rgba(255,85,85,0.1)
}

@media only screen and (max-width: 959px) {
    .candidate-badge-category {
        font-size:11px
    }
}

@media only screen and (max-width: 959px) {
    .candidate-badge-category-container {
        position:absolute;
        top: 65px;
        left: 0;
        width: 56px;
        text-align: center
    }
}

.candidate-note {
    background-color: rgba(238,144,2,0.07);
    color: #837a6e
}

.candidate-blurb {
    background-color: rgba(87,97,180,0.06);
    color: #5761b4
}

.candidate-blurb .blurb-author {
    border: 2px solid #f5f6fa;
    width: 12px;
    height: 12px
}

.no-shots-divider {
    background: #f4f4f4;
    height: 1px;
    border: 0
}

#talent-matches .shot-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    overflow: hidden;
    height: 160px
}

@media only screen and (max-width: 460px) {
    #talent-matches .shot-row {
        grid-template-columns:repeat(2, 1fr);
        height: auto
    }
}

#talent-matches .shot-row .thumb {
    margin: auto
}

#talent-matches .shot-row .thumb img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

#talent-matches .shot-row .thumb a {
    position: relative;
    display: block
}

#talent-matches .shot-row .thumb a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.03)
}

#talent-matches .candidate-avatar img {
    height: 56px;
    width: 56px;
    border-radius: 50%
}

@media only screen and (min-width: 960px) {
    #talent-matches .candidate-avatar img {
        height:64px;
        width: 64px
    }
}

#talent-matches .photo,#talent-matches .candidate-actions-row-avatar img {
    -webkit-box-shadow: inset 0 1px 3px rgba(68,68,68,0.25);
    box-shadow: inset 0 1px 3px rgba(68,68,68,0.25)
}

#talent-matches .candidate-actions-row-avatar .candidate-avatar,#talent-matches .candidate-actions-row-avatar .candidate-username {
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}

#talent-matches .candidate-actions-row-avatar.avatar-visible .candidate-avatar,#talent-matches .candidate-actions-row-avatar.avatar-visible .candidate-username {
    opacity: 1;
    will-change: contents
}

#talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand.avatar-visible .candidate-avatar {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand.avatar-visible .motivating-label {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

@media only screen and (max-width: 959px) {
    #talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand .candidate-avatar,#talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand .candidate-username {
        opacity:1;
        -webkit-transition: none;
        transition: none
    }

    #talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand .motivating-label {
        -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

#talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand .motivating-label {
    -webkit-transform: translateX(-48px);
    -ms-transform: translateX(-48px);
    transform: translateX(-48px)
}

@media only screen and (min-width: 960px) {
    #talent-matches .candidate-actions-row-avatar.candidate-actions-row-avatar-has-high-demand .candidate-avatar {
        -webkit-transform:scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

#talent-matches .candidate-actions-row-avatar .motivating-label {
    border-radius: 100px;
    padding: 0px 12px;
    position: relative;
    width: auto;
    height: 36px;
    color: #b9912a;
    background: #fef8c3;
    border: 4px solid #fbfbfb;
    font-weight: 500;
    line-height: 36px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

@media only screen and (max-width: 959px) {
    #talent-matches .candidate-actions-row-avatar img {
        width:44px;
        height: 44px
    }
}

#talent-matches .candidate-section-row-subject {
    min-width: 160px
}

#talent-matches .work-date {
    min-width: 140px
}

@media only screen and (max-width: 959px) {
    #talent-matches .education-date {
        min-width:140px
    }
}

#talent-matches .candidate-actions-row {
    -webkit-backdrop-filter: blur(4px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,242,242,0.4)), to(rgba(242,242,242,0.4))),#fff;
    background: linear-gradient(0deg, rgba(242,242,242,0.4), rgba(242,242,242,0.4)),#fff;
    border-top: 1px solid #e0e0e0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    bottom: 0;
    position: -webkit-sticky;
    position: sticky
}

#talent-matches .candidate-actions-row::before,#talent-matches .candidate-actions-row::after {
    content: "";
    display: table
}

#talent-matches .btn-interested,#talent-matches .btn-not-interested {
    fill: currentColor
}

@media only screen and (max-width: 959px) {
    #talent-matches .btn-interested,#talent-matches .btn-not-interested {
        width:100%
    }
}

@media only screen and (max-width: 959px) {
    #talent-matches .btn-not-interested {
        -ms-flex-pack:center;
        justify-content: center
    }
}

#talent-matches .btn-interested.btn-was-requested {
    background: transparent;
    color: #53c68c;
    pointer-events: none
}

@media screen and (max-width: 350px) {
    #talent-matches .candidate-section-row {
        display:block
    }
}

.collapsed-candidate {
    border: 1.5px dashed #ebebeb
}

@media only screen and (max-width: 959px) {
    .collapsed-candidate {
        margin-left:-2px;
        margin-right: -2px
    }
}

.collapsed-candidate a {
    color: #444
}

@media only screen and (max-width: 959px) {
    .undo-btn,.expand-btn {
        padding:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        vertical-align: baseline;
        font-size: 14px;
        line-height: 1;
        letter-spacing: normal;
        color: #3a8bbb
    }

    .undo-btn:hover,.undo-btn:focus,.expand-btn:hover,.expand-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #1e6189
    }
}

@media only screen and (max-width: 959px) {
    #talent-matches .no-results {
        background-color:white;
        min-height: calc(100vh - 134px)
    }
}

.custom-talent-overlay a.close {
    margin-top: -10px;
    margin-right: -10px
}

.custom-talent-overlay .lightbox {
    background: #fff;
    padding: 0
}

.custom-talent-overlay form.gen-form.with-messages .form-btns {
    padding: 18px 24px;
    border-radius: 0 0 10px 10px
}

.edit-role-overlay input[type="checkbox"]:checked+label::before {
    border: 1px solid #3a8bbb
}

.edit-role-overlay .lightbox {
    background: #fff;
    padding: 0;
    position: relative;
    width: 650px
}

@media only screen and (max-width: 959px) {
    .edit-role-overlay .lightbox {
        width:100%
    }
}

.edit-role-overlay a.close {
    float: none;
    margin: 0;
    position: absolute;
    right: -10px;
    top: -10px
}

.edit-role-overlay form.gen-form label {
    font-weight: 700;
    color: #444
}

.edit-role-overlay .edit-role-notice {
    background: rgba(253,210,102,0.2);
    color: rgba(194,142,80,0.9);
    font-size: 15px;
    padding: 16px;
    border-radius: 6px;
    margin: 0 -10px
}

.edit-role-overlay .role-perks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (max-width: 959px) {
    .edit-role-overlay .role-perks-grid {
        grid-template-columns:1fr
    }
}

.edit-role-overlay .role-perks-grid input[type="checkbox"]+label {
    font-weight: normal
}

.contract-prompt-overlay .contract-note::before {
    background-image: url(/assets/hiring/check-green-1144f2317cbb02ef984be42ab1868999f0e574204acf30ccd5e4d0ff28f6cc28.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 24px
}

.contract-prompt-overlay form.gen-form.with-messages .form-field {
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    margin-top: 30px
}

.contract-prompt-overlay form.gen-form.with-messages .form-field label {
    color: #757575;
    margin-bottom: 10px
}

#talent-matches [data-text-copied] {
    background: rgba(51,51,51,0.9);
    border-radius: 8px;
    bottom: 20px;
    color: white;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    left: 20px;
    padding: 10px 20px;
    position: fixed;
    text-align: center
}

@media only screen and (max-width: 959px) {
    #talent-matches [data-text-copied] {
        bottom:86px;
        left: calc(50% - 10px);
        margin-left: -100px
    }
}

.candidate-has-expressed-interest-heart {
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f55;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.candidate-has-expressed-interest-heart svg {
    width: 8px;
    height: 8px
}
.xiamian {
    float: left;
    width:78px;
    height:78px;
    text-align:center
}