audio, canvas, video {
    display: inline-block
    }
audio:not([controls]) {
    display: none;
    height: 0
    }
[hidden], template {
    display: none
    }
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
body {
    margin: 0
    }
a {
    background: transparent
    }
a:focus {
    outline: thin dotted
    }
a:active, a:hover {
    outline: 0
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: bold
    }
dfn {
    font-style: italic
    }
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
mark {
    background: #ff0;
    color: #000
    }
code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
    }
pre {
    white-space: pre-wrap
    }
q {
    quotes: "“" "”" "‘" "’"
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
img {
    border: 0
    }
svg:not(:root) {
    overflow: hidden
    }
figure {
    margin: 0
    }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
    }
legend {
    border: 0;
    padding: 0
    }
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
    }
button, input {
    line-height: normal
    }
button, select {
    text-transform: none
    }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
    }
button[disabled], html input[disabled] {
    cursor: default
    }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
    }
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto;
    vertical-align: top
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
@font-face {
    font-family: "icons";
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-a211db7835ff76358c9ee264a21c68b0e09b1b7b41ed13c58abe0a47d03dc15a.eot);
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-a211db7835ff76358c9ee264a21c68b0e09b1b7b41ed13c58abe0a47d03dc15a.eot?#iefix) format("embedded-opentype"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-3acacf76a0ec9fe9146e1b7ea5dba08665af44775de9235bb1f58df13037e9c8.woff) format("woff"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-9b4d97714e53df1efacced4de61e312a8038dd40f36bd74226550f32d3e10061.ttf) format("truetype"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-971feb62eed945a1bc1f78e5a129718e3e7a2cf3fbfbf09402ce75000d66f0e0.svg#icons) format("svg");
    font-weight: normal;
    font-style: normal
    }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "icons";
        src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-971feb62eed945a1bc1f78e5a129718e3e7a2cf3fbfbf09402ce75000d66f0e0.svg#icons) format("svg")
        }
    }
[data-icon]:before {
    content: attr(data-icon)
    }
[data-icon]:before, .i-arrow-e:before, .i-arrow-ne:before, .i-arrow-nw:before, #container.genres #main > header a.genres-back-link:before, .i-arrow-w:before, .i-checkmark:before, section.sign-up p.success:before, .i-close:before, .for-legacy a.close:before, .menu-bar .menu-button.mobile.has-menu.is-active:after, .i-default-avatar-large:before, .menu-modal .user-menu.no-icon .icon:before, .i-default-avatar-small:before, .menu-bar .menu-button.user:before, .i-downarrow:before, .menu-bar .menu-button.has-menu.is-active:after, .menu-bar .menu-button.find:after, .container section.genre nav#sub_genres:before, .i-download-cloud-icon:before, .i-facebook-icon:before, .i-instagram-icon:before, .i-leftarrow:before, .i-menu:before, .menu-bar .menu-button.mobile:after, .i-next:before, .i-noisetrade-logo:before, .i-pause:before, .i-play:before, .i-pledgemusic-logo:before, .i-pm-heart:before, .menu-bar .menu-button.pledge a:before, .i-pm-logo-copy:before, .menu-bar .menu-button.pledge a:after, .i-prev:before, .i-rightarrow:before, .i-search-icon:before, .menu-bar .menu-button.search:before, .menu-modal.search.is-active label:before, .i-setfm-logo:before, .i-soundcloud-icon:before, .i-spotify-icon:before, .i-twitter-icon:before, .i-uparrow:before, .i-youtube-icon:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.i-arrow-e:before {
    content: ""
    }
.i-arrow-ne:before {
    content: ""
    }
.i-arrow-nw:before, #container.genres #main > header a.genres-back-link:before {
    content: ""
    }
.i-arrow-w:before {
    content: ""
    }
.i-checkmark:before, section.sign-up p.success:before {
    content: ""
    }
.i-close:before, .for-legacy a.close:before, .menu-bar .menu-button.mobile.has-menu.is-active:after {
    content: ""
    }
.i-default-avatar-large:before, .menu-modal .user-menu.no-icon .icon:before {
    content: ""
    }
.i-default-avatar-small:before, .menu-bar .menu-button.user:before {
    content: ""
    }
.i-downarrow:before, .menu-bar .menu-button.has-menu.is-active:after, .menu-bar .menu-button.find:after, .container section.genre nav#sub_genres:before {
    content: ""
    }
.i-download-cloud-icon:before {
    content: ""
    }
.i-facebook-icon:before {
    content: ""
    }
.i-instagram-icon:before {
    content: ""
    }
.i-leftarrow:before {
    content: ""
    }
.i-menu:before, .menu-bar .menu-button.mobile:after {
    content: ""
    }
.i-next:before {
    content: ""
    }
.i-noisetrade-logo:before {
    content: ""
    }
.i-pause:before {
    content: ""
    }
.i-play:before {
    content: ""
    }
.i-pledgemusic-logo:before {
    content: ""
    }
.i-pm-heart:before, .menu-bar .menu-button.pledge a:before {
    content: ""
    }
.i-pm-logo-copy:before, .menu-bar .menu-button.pledge a:after {
    content: ""
    }
.i-prev:before {
    content: ""
    }
.i-rightarrow:before {
    content: ""
    }
.i-search-icon:before, .menu-bar .menu-button.search:before, .menu-modal.search.is-active label:before {
    content: ""
    }
.i-setfm-logo:before {
    content: ""
    }
.i-soundcloud-icon:before {
    content: ""
    }
.i-spotify-icon:before {
    content: ""
    }
.i-twitter-icon:before {
    content: ""
    }
.i-uparrow:before {
    content: ""
    }
.i-youtube-icon:before {
    content: ""
    }
.bg-brand-black {
    background-color: #000024
    }
.bg-brand-red-orange {
    background-color: #FC2C33
    }
.bg-brand-light-red-orange {
    background-color: #FC5359
    }
.bg-brand-gradient {
    background-color: #FC2C33;
    background: linear-gradient(to right, #ff0a3e, #ff4319)
    }
.bg-brand-magenta {
    background-color: #FF00C0
    }
.bg-brand-gray-1 {
    background-color: #33344F
    }
.bg-brand-gray-2 {
    background-color: #66677B
    }
.bg-brand-gray-3 {
    background-color: #A7A7B8
    }
.bg-brand-gray-4 {
    background-color: #D0D0DA
    }
.bg-brand-gray-5 {
    background-color: #E2E2E8
    }
.bg-brand-gray-6 {
    background-color: #F2F2F7
    }
@font-face {
    font-family: DINWeb-Black;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-Black-3275c9f9f14fc0065fb0eafaca3581b29bf3050ca5841e7d36efac0ea0753dc1.eot);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: DINWeb-Black;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-Black-11e5f28de7a34b0391bee1260dc2d16b42789a451fe5119dec5d102daa705101.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: DINWeb-Bold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-Bold-b95742b3c7d6f7757e7793223a78d4c762a0ec2bc5ece1c761fc51b7ca861922.eot);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: DINWeb-Bold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-Bold-0148403b9fffa430bce6b46fc385936fe9b6697b51618ee1066a325cf0d7ae49.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: DINWeb;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-b9c1d214089dfca0d29074138b939749f21ea11eb1f4946b8c6a7cc62249dda4.eot);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: DINWeb;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/DINWeb-d2fb59a64d9e550d348d6ca91a5344fac56f67fc6f165dda33df18ca5f61d74d.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
@font-face {
    font-family: gilroy-regular;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-regular-webfont-4d1431ab3fed195b906603276aafa51c07084181062063b2d87cf33ecde6028b.eot);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-regular;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-regular-webfont-ec7d67801d188910f53df09161cafa9e975fcc710a8994c4ea71b81faa986ef5.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-medium;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-medium-webfont-85752e7c1a6a323501e4514ff97f84f3fbdb7169dcd10e39341261dc1ed3cead.woff);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-medium;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-medium-webfont-85752e7c1a6a323501e4514ff97f84f3fbdb7169dcd10e39341261dc1ed3cead.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-bold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-bold-webfont-13999f0ac162156dc3c6a919dd400fb73583457b4b48e744f09ae9c8335894af.woff);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-bold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-bold-webfont-13999f0ac162156dc3c6a919dd400fb73583457b4b48e744f09ae9c8335894af.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-extrabold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-extrabold-webfont-c601f2a7a996da85a71148df82465cbaf0eed21f5b412c31a15f0964f5be691a.eot);
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: gilroy-extrabold;
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/gilroy-extrabold-webfont-1603c5cc78c5f495c8d45dbc2a9c785b6d903758a34355db371d2df16e5f930e.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
*[data-before-content]:before {
    content: attr(data-before-content) !important
    }
*[data-after-content]:after {
    content: attr(data-after-content) !important
    }
html.no-webkit select {
    background: none !important;
    background-image: none !important;
    padding-right: 10px
    }
#facebox {
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: transparent;
    text-align: left;
    left: 0 !important;
    right: 0 !important;
    text-align: center
    }
#facebox article a.facebox_close:first-child, #facebox section a.facebox_close:first-child {
    float: right;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -36px 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    content: "";
    color: transparent;
    text-indent: -9999px;
    word-break: break-all
    }
#facebox .popup {
    display: inline-block;
    text-align: left;
    position: relative;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4)
    }
#facebox .flash {
    padding: 10px 40px;
    max-width: 500px;
    color: #00b5ac;
    text-align: center
    }
#facebox .error {
    color: red
    }
#facebox .confirm {
    padding: 0 20px 20px 20px
    }
#facebox .confirm header.modal_header {
    height: 30px;
    margin: 0 0 20px 0
    }
#facebox .confirm header.modal_header .facebox_close {
    width: 20px;
    height: 20px;
    padding: 0
    }
#facebox .confirm header.modal_header .facebox_close:before, #facebox .confirm header.modal_header .facebox_close:after {
    border-color: black
    }
#facebox .confirm header.modal_header .facebox_close:after {
    margin-top: -11px
    }
#facebox .confirm header.modal_header .facebox_close:before {
    margin-left: 9px
    }
#facebox .confirm .message {
    margin-bottom: 30px
    }
#facebox .confirm footer {
    text-align: left
    }
#facebox .content {
    -webkit-transform: translate3d(0, 0, 0);
    display: block;
    background: #fff;
    overflow-y: auto;
    max-width: 900px
    }
#facebox .content.large {
    width: 655px
    }
#facebox .content.player_playing {
    width: 465px
    }
#facebox .content > p:first-child {
    margin-top: 0
    }
#facebox .content > p:last-child {
    margin-bottom: 0
    }
#facebox select, #facebox input, #facebox textarea {
    width: 100%
    }
#facebox select > .flash, #facebox input > .flash, #facebox textarea > .flash {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 135px;
    border: 0;
    background-color: white;
    margin-bottom: 0;
    padding: 40px;
    padding-left: 130px;
    font-size: 22px;
    line-height: 24px;
    color: black !important
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #facebox select > .flash, #facebox input > .flash, #facebox textarea > .flash {
        text-align: left
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox select > .flash, #facebox input > .flash, #facebox textarea > .flash {
        width: 100%;
        padding: 40px;
        padding-top: 130px;
        font-size: 20px;
        line-height: 22px
        }
    #facebox select > .flash:before, #facebox input > .flash:before, #facebox textarea > .flash:before {
        left: 50%;
        margin-left: -44px
        }
    }
#facebox select .scroll, #facebox input .scroll, #facebox textarea .scroll {
    overflow-y: auto;
    max-height: 400px
    }
#facebox select .scroll::-webkit-scrollbar, #facebox input .scroll::-webkit-scrollbar, #facebox textarea .scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    padding: 18px;
    -webkit-border-radius: 1ex
    }
#facebox select .scroll::-webkit-scrollbar-thumb, #facebox input .scroll::-webkit-scrollbar-thumb, #facebox textarea .scroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 8px;
    width: 6px;
    height: 6px
    }
#facebox select .scroll:hover::-webkit-scrollbar-thumb, #facebox input .scroll:hover::-webkit-scrollbar-thumb, #facebox textarea .scroll:hover::-webkit-scrollbar-thumb {
    background-color: #ddd
    }
#facebox .content.dark {
    background-color: #333;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid white
    }
#facebox .content.dark article a.facebox_close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 22px;
    line-height: 24px;
    margin: 0
    }
#facebox .content.dark article a.facebox_close:first-child {
    background-image: initial;
    color: white;
    text-indent: inherit;
    font-weight: bold
    }
#facebox .close {
    display: none !important
    }
#facebox .close, #facebox .close:visited {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 10px;
    background: #fff
    }
#facebox .close img, #facebox .close:visited img {
    opacity: 0.3
    }
#facebox .close:hover img, #facebox .close:visited:hover img {
    opacity: 1
    }
#facebox .loading, #facebox .image {
    text-align: center
    }
#facebox .unfollow_confirmation {
    padding: 20px;
    width: 500px
    }
#facebox .unfollow_confirmation .centered {
    margin: auto;
    width: 25%
    }
#facebox .unfollow_confirmation .centered a {
    border: 2px solid #FC2C33
    }
#facebox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch
    }
.facebox_hide {
    z-index: -100
    }
.facebox_overlayBG {
    background-color: #000;
    z-index: 999999
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox .content, #facebox .content.large {
        width: 100%
        }
    }
.tipsy {
    position: absolute;
    z-index: 10000000;
    padding: 5px
    }
span.tipsyd {
    text-decoration: underline
    }
.tipsy-inner {
    max-width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 8px !important;
    background-color: black !important;
    color: #fff;
    font-size: 16px !important;
    font-weight: normal;
    text-align: center;
    line-height: normal
    }
.tipsy-inner p:first-child {
    margin-top: 0
    }
.tipsy-inner ul {
    margin: 0;
    text-align: left
    }
.tipsy-inner img {
    max-width: 200px
    }
.tipsy-inner a {
    color: white
    }
.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
    }
.tipsy-arrow-n {
    border-bottom-color: #000
    }
.tipsy-arrow-s {
    border-top-color: #000
    }
.tipsy-arrow-e {
    border-left-color: #000
    }
.tipsy-arrow-w {
    border-right-color: #000
    }
.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
    }
.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
    }
.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
    }
#container > footer .button.lang-select {
    height: auto;
    line-height: 18px;
    padding: 0 20px 0 10px
    }
#container > footer .button.lang-select:after {
    content: "";
    height: 5px;
    width: 5px;
    position: absolute;
    right: 8px;
    top: 6px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.for-legacy {
    font-family: "gilroy-medium", Helvetica, Arial, sans-serif
    }
.for-legacy *, .for-legacy *:before, .for-legacy *:after {
    box-sizing: border-box
    }
.for-legacy h1, .for-legacy h2, .for-legacy h3, .for-legacy h4, .for-legacy h5 {
    margin-top: 0
    }
.for-legacy h1, .for-legacy h2 {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 26px;
    line-height: 30px
    }
.for-legacy h3 {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 22px;
    line-height: 26px
    }
.for-legacy h4 {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 20px
    }
@media only screen and (min-width: 768px) {
    .for-legacy h1, .for-legacy h2 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 32px;
        line-height: 32px
        }
    .for-legacy h3 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 22px;
        line-height: 26px
        }
    .for-legacy h4 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 18px;
        line-height: 20px
        }
    }
@media only screen and (min-width: 1201px) {
    .for-legacy h1, .for-legacy h2 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 48px;
        line-height: 48px
        }
    .for-legacy h3 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 28px;
        line-height: 34px
        }
    .for-legacy h4 {
        font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-size: 20px;
        line-height: 26px
        }
    }
.for-legacy ul {
    margin: 0;
    padding: 0
    }
.for-legacy a {
    text-decoration: none;
    line-height: inherit
    }
.for-legacy a.close:before {
    font-size: 18px;
    color: white;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.for-legacy input[type=text] {
    width: 100%;
    height: 45px;
    padding: 10px
    }
.for-legacy button, .for-legacy .button {
    display: inline-block;
    height: initial;
    min-width: 186px;
    min-height: 45px;
    position: relative;
    font-family: gilroy-extrabold;
    font-size: 16px;
    color: #000024;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 15px;
    border: 2px solid #000024;
    border-radius: 2px
    }
.for-legacy button.tiny, .for-legacy .button.tiny {
    min-width: 0;
    min-height: 0;
    font-size: 11px;
    padding: 3px 6px
    }
.for-legacy button.postfix, .for-legacy .button.postfix {
    width: 100%;
    padding-left: 0;
    padding-right: 0
    }
.for-legacy img {
    display: block
    }
.for-legacy .hide {
    display: none
    }
.for-legacy .text-left {
    text-align: left !important
    }
.for-legacy .left {
    float: left
    }
.for-legacy .right {
    float: right
    }
.for-legacy .row {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
    }
.for-legacy .row.full-width {
    max-width: none
    }
.for-legacy .row:after {
    content: "";
    display: table;
    clear: both
    }
.for-legacy .row .row {
    margin-left: initial;
    margin-right: initial
    }
.for-legacy .row .row.collapse .column {
    padding: 0
    }
.for-legacy .row .column {
    width: 100%;
    position: relative
    }
.for-legacy .row .column.small-16 {
    width: 66.666%;
    float: left
    }
.for-legacy .row .column.small-8 {
    width: 33.333%;
    float: left
    }
.for-legacy .row .column.large-offset-2 {
    margin-left: 8.33333% !important
    }
.for-legacy .row .column.large-20 {
    width: 83.33333%
    }
@media only screen and (min-width: 768px) {
    .for-legacy .row .column.medium-12 {
        width: 50%;
        float: left
        }
    }
@media only screen and (min-width: 900px) {
    .for-legacy .row .column.large-12 {
        width: 50%;
        float: left
        }
    }
@media only screen and (max-width: 767px) {
    .for-legacy .row .column.large-20 {
        width: 100%
        }
    .for-legacy .row .column.large-offset-2 {
        margin-left: 0 !important
        }
    }
@font-face {
    font-family: "icons";
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-a211db7835ff76358c9ee264a21c68b0e09b1b7b41ed13c58abe0a47d03dc15a.eot);
    src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-a211db7835ff76358c9ee264a21c68b0e09b1b7b41ed13c58abe0a47d03dc15a.eot?#iefix) format("embedded-opentype"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-3acacf76a0ec9fe9146e1b7ea5dba08665af44775de9235bb1f58df13037e9c8.woff) format("woff"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-9b4d97714e53df1efacced4de61e312a8038dd40f36bd74226550f32d3e10061.ttf) format("truetype"), url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-971feb62eed945a1bc1f78e5a129718e3e7a2cf3fbfbf09402ce75000d66f0e0.svg#icons) format("svg");
    font-weight: normal;
    font-style: normal
    }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "icons";
        src: url(/d1nvfozp665ptr.cloudfront.net/pipeline/icons-971feb62eed945a1bc1f78e5a129718e3e7a2cf3fbfbf09402ce75000d66f0e0.svg#icons) format("svg")
        }
    }
[data-icon]:before {
    content: attr(data-icon)
    }
[data-icon]:before, .i-arrow-e:before, .i-arrow-ne:before, .i-arrow-nw:before, #container.genres #main > header a.genres-back-link:before, .i-arrow-w:before, .i-checkmark:before, section.sign-up p.success:before, .i-close:before, .for-legacy a.close:before, .menu-bar .menu-button.mobile.has-menu.is-active:after, .i-default-avatar-large:before, .menu-modal .user-menu.no-icon .icon:before, .i-default-avatar-small:before, .menu-bar .menu-button.user:before, .i-downarrow:before, .menu-bar .menu-button.has-menu.is-active:after, .menu-bar .menu-button.find:after, .container section.genre nav#sub_genres:before, .i-download-cloud-icon:before, .i-facebook-icon:before, .i-instagram-icon:before, .i-leftarrow:before, .i-menu:before, .menu-bar .menu-button.mobile:after, .i-next:before, .i-noisetrade-logo:before, .i-pause:before, .i-play:before, .i-pledgemusic-logo:before, .i-pm-heart:before, .menu-bar .menu-button.pledge a:before, .i-pm-logo-copy:before, .menu-bar .menu-button.pledge a:after, .i-prev:before, .i-rightarrow:before, .i-search-icon:before, .menu-bar .menu-button.search:before, .menu-modal.search.is-active label:before, .i-setfm-logo:before, .i-soundcloud-icon:before, .i-spotify-icon:before, .i-twitter-icon:before, .i-uparrow:before, .i-youtube-icon:before {
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.i-arrow-e:before {
    content: ""
    }
.i-arrow-ne:before {
    content: ""
    }
.i-arrow-nw:before, #container.genres #main > header a.genres-back-link:before {
    content: ""
    }
.i-arrow-w:before {
    content: ""
    }
.i-checkmark:before, section.sign-up p.success:before {
    content: ""
    }
.i-close:before, .for-legacy a.close:before, .menu-bar .menu-button.mobile.has-menu.is-active:after {
    content: ""
    }
.i-default-avatar-large:before, .menu-modal .user-menu.no-icon .icon:before {
    content: ""
    }
.i-default-avatar-small:before, .menu-bar .menu-button.user:before {
    content: ""
    }
.i-downarrow:before, .menu-bar .menu-button.has-menu.is-active:after, .menu-bar .menu-button.find:after, .container section.genre nav#sub_genres:before {
    content: ""
    }
.i-download-cloud-icon:before {
    content: ""
    }
.i-facebook-icon:before {
    content: ""
    }
.i-instagram-icon:before {
    content: ""
    }
.i-leftarrow:before {
    content: ""
    }
.i-menu:before, .menu-bar .menu-button.mobile:after {
    content: ""
    }
.i-next:before {
    content: ""
    }
.i-noisetrade-logo:before {
    content: ""
    }
.i-pause:before {
    content: ""
    }
.i-play:before {
    content: ""
    }
.i-pledgemusic-logo:before {
    content: ""
    }
.i-pm-heart:before, .menu-bar .menu-button.pledge a:before {
    content: ""
    }
.i-pm-logo-copy:before, .menu-bar .menu-button.pledge a:after {
    content: ""
    }
.i-prev:before {
    content: ""
    }
.i-rightarrow:before {
    content: ""
    }
.i-search-icon:before, .menu-bar .menu-button.search:before, .menu-modal.search.is-active label:before {
    content: ""
    }
.i-setfm-logo:before {
    content: ""
    }
.i-soundcloud-icon:before {
    content: ""
    }
.i-spotify-icon:before {
    content: ""
    }
.i-twitter-icon:before {
    content: ""
    }
.i-uparrow:before {
    content: ""
    }
.i-youtube-icon:before {
    content: ""
    }
body > .container {
    padding-top: 76px
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    body > .container {
        padding-top: 60px
        }
    }
@media only screen and (max-width: 767px) {
    body > .container {
        padding-top: 60px
        }
    }
section.header-main .row {
    position: relative
    }
@media only screen {
    section.header-main .row header {
        padding: 30px 10px 20px 10px
        }
    }
@media only screen and (min-width: 1201px) {
    section.header-main .row header {
        padding: 50px 0 20px 0
        }
    }
section.header-main.pull-up {
    height: 340px
    }
section.header-main.pull-up .row, section.header-main.pull-up .column {
    height: 100%
    }
section.header-main.pull-up .pull-up-footer {
    position: absolute;
    bottom: 120px
    }
section.header-main.pull-up + section > div {
    position: relative;
    top: -110px;
    background: white
    }
body .container {
    background: white
    }
body.home.index footer.site {
    background-color: #F2F2F7
    }
footer.site {
    margin-top: 40px
    }
footer.site:after {
    content: "";
    display: table;
    clear: both
    }
@media only screen and (min-width: 1201px) and (max-width: 1441px) {
    footer.site > .row {
        padding: 0 50px
        }
    }
@media only screen and (min-width: 900px) and (max-width: 1201px) {
    footer.site > .row {
        padding: 0 30px
        }
    }
@media only screen and (max-width: 899px) {
    footer.site > .row {
        padding: 0
        }
    }
footer.site > .row > .column:first-child {
    border-top: 1px solid #E2E2E8;
    padding: 20px 0 30px
    }
footer.site p {
    font-size: 12px;
    color: #000024
    }
footer.site p.copyright {
    float: left;
    padding-top: 0;
    line-height: 20px
    }
footer.site ul.links {
    margin: 0;
    float: right;
    text-align: right;
    display: inline-block;
    height: 22px
    }
footer.site ul.links > li {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    height: 22px
    }
footer.site ul.links > li > a {
    font-size: 12px;
    color: #000024
    }
footer.site ul.links > li > a:hover {
    text-decoration: underline
    }
@media only screen and (max-width: 767px) {
    footer.site {
        padding: 0 20px;
        min-height: 110px
        }
    footer.site ul.links li.lang {
        display: block
        }
    footer.site ul.links li.lang a {
        margin-top: 20px
        }
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    footer.site {
        padding: 0 30px
        }
    }
body.home footer.site {
    margin-top: 0
    }
.menu-bar ul {
    list-style-type: none;
    margin-left: 0
    }
.menu-bar input[type=text] {
    display: inline-block;
    background-color: initial;
    font-size: 14px;
    color: white;
    border: 1px solid white;
    border-radius: 5px
    }
.menu-bar .bar {
    height: 76px;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    font-family: gilroy-bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    padding: 0 27px;
    margin: 0
    }
.menu-bar .bar ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
    }
.menu-bar .bar ul.right li:last-of-type .menu-button {
    margin-right: 0
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .menu-bar .bar {
        height: 60px
        }
    .menu-bar .bar .menu-button {
        line-height: 60px
        }
    }
@media only screen and (max-width: 767px) {
    .menu-bar .bar {
        height: 60px;
        padding: 0
        }
    .menu-bar .menu.is-active {
        top: 60px;
        overflow-y: auto
        }
    }
.menu-bar .menu-button.mymusic a, .menu-bar:not(.logged-in) .menu-button.artists a {
    background-color: #FC2C33;
    height: 22px;
    line-height: 18px;
    padding: 2px 8px;
    border-radius: 2px
    }
.menu-bar .menu-button.mymusic a:hover, .menu-bar:not(.logged-in) .menu-button.artists a:hover {
    color: #000024
    }
.menu-bar .menu-button {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    height: 76px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 76px;
    cursor: pointer;
    margin-right: 27px
    }
.menu-bar .menu-button:hover, .menu-bar .menu-button a:hover {
    color: #A7A7B8
    }
.menu-bar .menu-button a {
    display: inline-block;
    height: 100%;
    width: 100%
    }
.menu-bar .menu-button.has-menu {
    margin-right: 35px
    }
.menu-bar .menu-button.has-menu.is-active {
    color: #A7A7B8;
    margin-right: 27px
    }
.menu-bar .menu-button.has-menu.is-active:after {
    font-size: 6px;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    width: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 4px
    }
.menu-bar .menu-button.pledge {
    width: 230px;
    position: relative;
    text-indent: -1000px
    }
.menu-bar .menu-button.pledge a {
    position: absolute;
    top: 0;
    left: 0
    }
.menu-bar .menu-button.pledge a:before {
    font-size: 28px;
    color: #FC2C33;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    text-indent: 0;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.menu-bar .menu-button.pledge a:after {
    font-size: 16px;
    color: white;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 40px;
    width: 185px;
    text-indent: 0;
    text-rendering: auto;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    border-right: 1px solid #33344F
    }
.menu-bar .menu-button.find {
    margin-right: 27px
    }
.menu-bar .menu-button.find:after {
    font-size: 6px;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    width: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 4px
    }
.menu-bar .menu-button.user {
    width: 54px;
    height: 42px;
    margin-top: 10px
    }
.menu-bar .menu-button.user:before {
    font-size: 42px;
    color: #FC2C33;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.menu-bar .menu-button.user.has-menu.is-active:after {
    margin-top: -15px
    }
.menu-bar .menu-button.search {
    width: 16px
    }
.menu-bar .menu-button.search:before {
    font-size: 16px;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.menu-bar .menu-button.search.expand:after {
    content: "Search";
    margin-left: 10px
    }
.menu-bar .menu-button.mobile {
    display: none
    }
.menu-bar .menu-button.mobile:after {
    font-size: 22px;
    color: white;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 4px 0 0 0
    }
.menu-bar .menu-button.mobile.has-menu.is-active:after {
    font-size: 22px;
    color: white;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: -5px 0 0 0
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .menu-bar .bar {
        padding: 0 20px
        }
    .menu-bar .bar .menu-button {
        height: 60px;
        line-height: 60px;
        margin-right: 18px
        }
    .menu-bar .bar .menu-button.pledge {
        width: 225px
        }
    .menu-bar .bar .menu-button.pledge a:after {
        width: 175px
        }
    .menu-bar .bar .menu-button.has-menu.is-active {
        margin-right: 18px
        }
    .menu-bar .bar .menu-button.mymusic {
        display: none
        }
    }
@media only screen and (max-width: 767px) {
    .menu-bar .bar .menu-button {
        display: none;
        height: 60px;
        line-height: 60px;
        margin-right: 18px
        }
    .menu-bar .bar .menu-button.mobile, .menu-bar .bar .menu-button.pledge, .menu-bar .bar .menu-button.search {
        display: inline-block
        }
    .menu-bar .bar .menu-button.search:after {
        display: none
        }
    .menu-bar .bar .menu-button.pledge {
        width: 180px;
        position: absolute;
        left: 50%;
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        -o-transform: translatex(-50%);
        transform: translatex(-50%);
        margin-right: 0
        }
    .menu-bar .bar .menu-button.pledge a:after {
        width: 170px;
        border-width: 0
        }
    .menu-bar .bar .menu-button.mobile {
        width: 60px;
        line-height: 65px;
        background-color: #FC2C33;
        background: linear-gradient(to right, #ff0a3e, #ff4319);
        padding: 0 18px
        }
    .menu-bar .bar .menu-button.has-menu.is-active {
        margin-right: 18px
        }
    }
.menu-modal {
    display: none;
    padding: 50px 27px;
    background-color: rgba(0, 0, 36, 0.9) !important;
    overflow-y: auto
    }
.menu-modal h2 {
    font-size: 48px;
    text-transform: capitalize
    }
.menu-modal h3 {
    font-size: 28px
    }
.menu-modal h4 {
    font-size: 20px
    }
.menu-modal h5 {
    font-size: 14px;
    text-transform: uppercase
    }
.menu-modal h2, .menu-modal h3, .menu-modal p {
    margin-bottom: 35px
    }
.menu-modal article {
    float: left;
    margin: 0 20px 20px 0
    }
.menu-modal ul, .menu-modal section {
    margin-bottom: 40px
    }
.menu-modal ul li a {
    height: 16px;
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase
    }
.menu-modal button {
    background-color: initial;
    text-transform: uppercase;
    font-weight: 800;
    color: white;
    border: 1px solid white;
    border-radius: 5px
    }
.menu-modal a.close {
    position: absolute;
    top: 30px;
    right: 30px
    }
.menu-modal .row, .menu-modal .column {
    padding: 0
    }
.menu-modal .link-tree {
    display: inline-block;
    position: relative;
    text-align: left
    }
.menu-modal .link-tree ul {
    margin-left: 0
    }
.menu-modal .link-tree li {
    display: block;
    margin-left: 0;
    margin-bottom: 14px
    }
.menu-modal .link-tree > div:last-child > ul {
    margin-bottom: 0
    }
.menu-modal.is-active {
    display: block;
    position: fixed;
    z-index: 1001;
    left: 0;
    right: 0;
    top: 76px;
    bottom: 0
    }
.menu-modal .recommended {
    display: none;
    width: 500px
    }
.menu-modal .recommended .row {
    max-width: 382px
    }
.menu-modal .recommended article.project {
    margin-right: 8px
    }
.menu-modal .recommended article.project .hero-container {
    width: 184px;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    border-bottom: 6px solid transparent;
    margin-bottom: 11px
    }
.menu-modal .recommended article.project .hero-container .fixed-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.menu-modal .recommended article.project .hero-container:hover {
    border-bottom-color: #FC2C33;
    border-image: linear-gradient(to right, #ff0a3e, #ff4319) 6
    }
.menu-modal .recommended article.project .hero-container img {
    height: 100%;
    max-width: initial
    }
.menu-modal .recommended article.project h5 {
    margin-bottom: 0
    }
.menu-modal .recommended.loaded {
    display: block
    }
.menu-modal .user-menu {
    display: inline-block;
    text-align: left
    }
.menu-modal .user-menu .icon {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 25px
    }
.menu-modal .user-menu .icon img {
    height: 100%;
    max-width: initial
    }
.menu-modal .user-menu h3 {
    display: inline-block
    }
.menu-modal .user-menu h5 {
    color: #A7A7B8
    }
.menu-modal .user-menu h5:after {
    content: "↗";
    color: #FC2C33
    }
.menu-modal .user-menu > ul {
    margin-left: 110px
    }
.menu-modal .user-menu > ul li {
    height: initial;
    line-height: initial;
    text-transform: uppercase
    }
.menu-modal .user-menu.no-icon .icon:before {
    font-size: 80px;
    color: #FC2C33;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    vertical-align: middle;
    margin-right: 25px
    }
.menu-modal.find .link-tree {
    margin-bottom: 0
    }
.menu-modal.search.is-active {
    top: 0;
    bottom: initial;
    height: 76px;
    z-index: 200;
    background-color: #000024;
    padding: 15px 27px
    }
.menu-modal.search.is-active label {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0
    }
.menu-modal.search.is-active label:before {
    font-size: 16px;
    color: white;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
    }
.menu-modal.search.is-active input[type=text] {
    display: block;
    width: 95%;
    text-transform: uppercase;
    font-weight: 800;
    border-width: 0;
    margin-left: 10px
    }
.menu-modal.search.is-active input[type=text]:focus {
    outline: none
    }
.menu-modal.search.is-active button {
    display: inline-block;
    width: 20px;
    min-width: initial;
    position: absolute;
    top: 0;
    left: 0;
    background-color: initial;
    padding: 0;
    border-width: 0;
    outline-width: 0;
    margin-top: 12px
    }
.menu-modal.search.is-active button:before {
    display: inline-block
    }
.menu-modal.search.is-active a.close {
    top: 27px;
    right: 27px
    }
.menu-modal.search.is-active .row {
    max-width: initial;
    margin: 0
    }
.menu-modal.search.is-active section.search {
    margin: 0 20px 0 10px
    }
.menu-modal.search.is-active section.browse {
    display: none
    }
.menu-modal.language .row {
    max-width: 900px;
    margin: auto
    }
.menu-modal.language .link-tree {
    position: fixed;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%)
    }
.menu-modal.language li.is-active:before {
    content: "✓";
    display: inline-block;
    position: absolute;
    left: -15px
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .menu-modal.is-active {
        top: 60px
        }
    }
@media only screen and (min-width: 768px) {
    .menu-modal.search.is-active {
        overflow-y: hidden
        }
    }
@media only screen and (max-width: 767px) {
    .menu-modal {
        padding: 25px 25px
        }
    .menu-modal h2 {
        font-size: 26px
        }
    .menu-modal h3 {
        font-size: 22px
        }
    .menu-modal h4 {
        font-size: 18px
        }
    .menu-modal h5 {
        font-size: 14px;
        text-transform: uppercase
        }
    .menu-modal a.close {
        top: 25px;
        right: 20px
        }
    .menu-modal .column.large-24 {
        text-align: left
        }
    .menu-modal section.link-tree {
        width: 100%;
        left: initial;
        transform: initial
        }
    .menu-modal section.link-tree ul.links li {
        margin-bottom: 35px
        }
    .menu-modal.is-active {
        top: 60px
        }
    .menu-modal.find.is_active {
        display: none
        }
    .menu-modal.search.is-active {
        height: 100%;
        bottom: 0;
        top: 60px;
        padding-top: 25px
        }
    .menu-modal.search.is-active input[type=text] {
        width: 85%;
        margin-left: 20px
        }
    .menu-modal.search.is-active section.search {
        margin: 0
        }
    .menu-modal.search.is-active section.browse {
        display: block;
        width: 100%;
        padding-top: 50px;
        border-top: 1px solid #33344F
        }
    .menu-modal.search.is-active section.browse:after {
        content: "";
        display: block;
        clear: both
        }
    .menu-modal.search.is-active section.browse div.group {
        width: 50%;
        float: left
        }
    .menu-modal.search.is-active a.close {
        top: 25px;
        right: 20px
        }
    }
section.sign-up {
    position: relative;
    padding: 30px 25px
    }
section.sign-up input[type=text] {
    border-radius: 2px 0 0 2px;
    margin-bottom: 0
    }
section.sign-up input[type=text]:focus {
    background-color: inherit
    }
section.sign-up input[type=text]::placeholder {
    color: #66677B
    }
section.sign-up .errors {
    font-size: 14px;
    color: #CA2128;
    line-height: 14px;
    white-space: nowrap;
    padding: 4px 0 0 2px;
    margin-bottom: 5px
    }
section.sign-up .copy {
    margin-bottom: 8px
    }
section.sign-up sup {
    position: relative;
    float: left;
    font-size: 14px;
    white-space: nowrap;
    color: #66677B;
    padding-top: 2px;
    padding-left: 2px
    }
section.sign-up p.success {
    white-space: nowrap;
    margin-bottom: 0
    }
section.sign-up p.success:before {
    font-size: 12px;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: inline-block;
    margin-right: 10px
    }
section.sign-up button.postfix {
    min-width: inherit;
    background-color: white;
    color: #000024;
    line-height: 1;
    border-style: solid;
    border-color: white;
    border-width: 2px 2px 2px 0;
    border-radius: 0 2px 2px 0
    }
section.sign-up button.postfix:hover, section.sign-up button.postfix:active, section.sign-up button.postfix:focus {
    border-color: white;
    background: none;
    color: white
    }
section.sign-up.light-bg input, section.sign-up.light-bg button.postfix {
    border-color: #000024
    }
section.sign-up.light-bg button.postfix {
    background-color: #000024;
    color: white
    }
section.sign-up.light-bg button.postfix:hover {
    background-color: inherit;
    color: #000024
    }
section.sign-up .grecaptcha-badge {
    display: none
    }
.menu-modal section.sign-up {
    background-color: inherit;
    padding: 0
    }
.menu-modal section.sign-up .copy {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase
    }
nav.sitemap section.sign-up {
    background-color: inherit;
    color: #66677B;
    padding: 0;
    margin-bottom: 40px
    }
nav.sitemap section.sign-up .copy {
    display: none
    }
nav.sitemap section.sign-up input, nav.sitemap section.sign-up button.postfix {
    color: inherit;
    border-color: #000024
    }
nav.sitemap section.sign-up button.postfix {
    background-color: #000024;
    color: white;
    min-width: 0
    }
nav.sitemap section.sign-up button.postfix:hover {
    background-color: inherit;
    color: #000024
    }
@-webkit-keyframes rotate360 {
    from {
        transform: rotate(0deg)
        } to {
        transform: rotate(360deg)
        }
    }
@-moz-keyframes rotate360 {
    from {
        transform: rotate(0deg)
        } to {
        transform: rotate(360deg)
        }
    }
@-o-keyframes rotate360 {
    from {
        transform: rotate(0deg)
        } to {
        transform: rotate(360deg)
        }
    }
@keyframes rotate360 {
    from {
        transform: rotate(0deg)
        } to {
        transform: rotate(360deg)
        }
    }
.ios_app_link_box, .android_app_link_box, .app_link_box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .ios_app_link_box .app_link, .android_app_link_box .app_link, .app_link_box .app_link {
        position: relative;
        top: 10px;
        width: 50%;
        margin: 5px auto
        }
    }
@media only screen and (min-width: 780px) {
    .ios_app_link_box .app_link_text, .android_app_link_box .app_link_text, .app_link_box .app_link_text {
        width: 65%;
        margin: 5px auto
        }
    .ios_app_link_box .app_link, .android_app_link_box .app_link, .app_link_box .app_link {
        position: relative;
        top: 10px;
        width: 20%;
        margin: 5px auto
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .ios_app_link_box, .android_app_link_box, .app_link_box {
        width: 50%;
        margin: 0 auto 15px auto
        }
    .ios_app_link_box .app_link_text, .android_app_link_box .app_link_text, .app_link_box .app_link_text {
        width: 90%;
        margin: 5px auto
        }
    .ios_app_link_box .app_link, .android_app_link_box .app_link, .app_link_box .app_link {
        position: relative;
        top: 10px;
        width: 42%;
        margin: 5px auto
        }
    }
@media only screen and (min-width: 780px) {
    .app_link_box .app_link {
        display: inline-flex
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .app_link_box {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .app_link_box {
        display: none
        }
    }
#container.projects.downloads .app_link_text {
    width: 90%;
    margin: 5px auto
    }
#container.projects.downloads .app_link {
    position: relative;
    top: 10px;
    width: 50%;
    margin: 5px auto
    }
#container.projects.downloads .app_link a img {
    display: block;
    margin: auto
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects.downloads .ios_app_link_box, #container.projects.downloads .android_app_link_box, #container.projects.downloads .app_link_box {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #DBDBDB;
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
        width: 50%;
        margin: 0 auto 15px auto
        }
    #container.projects.downloads .ios_app_link_box .app_link_text, #container.projects.downloads .android_app_link_box .app_link_text, #container.projects.downloads .app_link_box .app_link_text {
        width: 90%;
        margin: 5px auto
        }
    #container.projects.downloads .ios_app_link_box .app_link, #container.projects.downloads .android_app_link_box .app_link, #container.projects.downloads .app_link_box .app_link {
        position: relative;
        top: 10px;
        width: 42%;
        margin: 5px auto
        }
    }
.expandable {
    margin-bottom: 20px
    }
.expandable.expanded {
    height: auto !important;
    max-height: 10000px !important
    }
.expander {
    display: none
    }
.expandable + .expander {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px;
    border-top: 1px solid #DBDBDB;
    cursor: pointer
    }
.expandable + .expander:before {
    display: block;
    content: "";
    position: absolute;
    top: -31px;
    height: 30px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 85%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(85%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 85%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 85%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 85%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 85%)
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .expandable + .expander {
        margin-top: -20px
        }
    }
.expandable + .expander:after {
    display: block;
    margin-left: 50%;
    margin-top: 10px;
    content: "";
    position: relative;
    left: -6.5px;
    width: 13px;
    height: 8px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -65px -22px;
    height: 8px;
    width: 13px
    }
.expanded + .expander {
    margin-top: 0
    }
.expanded + .expander:before {
    display: none
    }
.expanded + .expander:after {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -42px -22px;
    height: 8px;
    width: 13px
    }
html.ie #container .left_content section.listing > article.project_card {
    width: 287px
    }
html.lt-ie9 .carousel, html.lt-ie9 #featured_exclusives {
    display: none !important
    }
html.lt-ie9 .feed_activity_card img.bg {
    display: none !important
    }
html.lt-ie9 header.main #tabs {
    background-color: #C1C1C1
    }
html.lt-ie9 header.main nav.info {
    background-color: black
    }
html.lt-ie9 .unsupported_browser {
    padding: 20px
    }
html.lt-ie9 .unsupported_browser a {
    color: blue
    }
#facebox .logo_spinner {
    display: block;
    margin: 20px
    }
.container .logo_spinner {
    height: 100px;
    width: 100px;
    background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/logos/logo_preloader-41e8e1195c1b6edbf5742f0b8b7743f6aaf615562869cb4757182c62b2d1e811.gif) center no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    position: relative
    }
.container nav.socials {
    width: 100%;
    float: left;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #444;
    text-align: center;
    margin: 0 0 15px 0
    }
.container nav.socials a {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    content: "";
    color: transparent;
    text-indent: -9999px;
    word-break: break-all
    }
.container nav.socials a:first-child {
    margin-left: 15px
    }
.container nav.socials a.facebook {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -21px -73px;
    height: 20px;
    width: 20px
    }
.container nav.socials a.twitter {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -41px -73px;
    height: 20px;
    width: 20px
    }
.container nav.socials a.pinterest {
    display: none
    }
.container nav.socials a.google {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -222px;
    height: 20px;
    width: 20px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container nav.socials {
        margin-bottom: 0
        }
    }
.container nav.follow_us {
    background-color: transparent;
    border-left: none;
    box-shadow: none;
    text-align: right;
    border-bottom: 1px solid #DBDBDB;
    padding: 0 0 10px 0;
    margin-bottom: 20px
    }
.container nav.follow_us h1 {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    float: left;
    line-height: 46px
    }
.container nav.follow_us h1.alt {
    display: none
    }
.container nav.follow_us article.icons {
    display: inline-block
    }
.container nav.follow_us article.icons a {
    display: inline-block;
    width: 30px;
    height: 30px
    }
.container nav.follow_us article.icons a svg {
    width: 100%;
    height: 100%
    }
.container nav.follow_us article.icons:before {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container nav.follow_us {
        text-align: center;
        border-bottom: 0;
        margin-bottom: 25px
        }
    .container nav.follow_us h1 {
        display: none
        }
    .container nav.follow_us h1.alt {
        display: block;
        width: 100%;
        font-size: 14pt;
        line-height: 15.5pt
        }
    .container nav.follow_us h1.alt a {
        border-bottom: 1px solid #333
        }
    .container nav.follow_us article.icons {
        display: none
        }
    }
.container .project_update nav.socials {
    width: auto
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox article.icons {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 300px;
        padding: 10px
        }
    #facebox article.icons a {
        display: inline-block;
        width: 70px;
        height: 70px;
        margin: 10px
        }
    #facebox article.icons a svg {
        width: inherit;
        height: inherit
        }
    #facebox article.icons:before {
        content: "";
        display: block;
        text-align: center;
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 26px;
        color: white
        }
    }
.main > header span.secure:lang(es) {
    font-size: 12px;
    line-height: 14px
    }
.main > header span.secure:lang(ja) {
    font-size: 14px;
    line-height: 16px
    }
.container.pledging #make_pledge:lang(fr) .button.cta {
    font-size: 12px;
    line-height: 14px
    }
.container.pledging .add_exclusives:lang(ja) .exclusive .button {
    width: 140px
    }
.container.home article.sign_up:lang(de) .button.cta {
    font-size: 24px;
    line-height: 26px
    }
.container.home article.sign_up:lang(es).logged_in nav, .container.home article.sign_up:lang(fr).logged_in nav {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    -ms-column-count: inherit;
    -o-column-count: inherit;
    column-count: inherit
    }
.container.home article.sign_up:lang(es).logged_in nav a, .container.home article.sign_up:lang(fr).logged_in nav a {
    display: inline-block;
    width: initial;
    text-align: left;
    padding: 5px
    }
@media only screen and (min-width: 780px) {
    .container .follow_us:lang(ja) {
        text-align: left
        }
    }
.container.projects section.access_pass_banner:lang(es) ul li, .container.projects section.access_pass_banner:lang(fr) ul li, .container.projects section.access_pass_banner:lang(ja) ul li {
    margin-right: 30px
    }
.container.projects section.access_pass_banner:lang(es) ul li:before, .container.projects section.access_pass_banner:lang(fr) ul li:before, .container.projects section.access_pass_banner:lang(ja) ul li:before {
    margin-right: 5px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.projects section.access_pass_banner:lang(es) ul li, .container.projects section.access_pass_banner:lang(fr) ul li, .container.projects section.access_pass_banner:lang(ja) ul li {
        margin-right: 20px
        }
    }
.container.projects nav.socials:lang(es) a:first-child {
    margin-left: 15px
    }
.container.projects .exclusive .reserve:lang(fr) .button.cta {
    font-size: 18px;
    line-height: 20px
    }
.container.projects .exclusive .reserve:lang(es) .button.cta {
    font-size: 16px;
    line-height: 18px
    }
.container.projects section.project_status.items_2:lang(es) .timer, .container.projects section.project_status.items_2:lang(fr) .timer {
    width: 85px
    }
.container.exclusives.projects .list .access_pass_banner:lang(es) li, .container.exclusives.projects .list .access_pass_banner:lang(fr) li, .container.exclusives.projects .list .access_pass_banner:lang(ja) li {
    width: 130px;
    vertical-align: top;
    padding-left: 30px
    }
.container.exclusives.projects .list .access_pass_banner:lang(es) li.updates:before, .container.exclusives.projects .list .access_pass_banner:lang(fr) li.updates:before, .container.exclusives.projects .list .access_pass_banner:lang(ja) li.updates:before {
    margin-left: -40px
    }
.container.exclusives.projects .list .access_pass_banner:lang(es) li:before, .container.exclusives.projects .list .access_pass_banner:lang(fr) li:before, .container.exclusives.projects .list .access_pass_banner:lang(ja) li:before {
    float: left;
    margin-left: -32px
    }
.container.projects.sessions section.session {
    width: 410px
    }
body.progress, body.progress * {
    cursor: progress !important
    }
[data-ajax-scroll] .spinner {
    margin-bottom: 20px
    }
html.touch [data-ajax-scroll] {
    margin-bottom: 50px
    }
.gift_link {
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #444
    }
.gift_link:before {
    display: inline-block;
    content: " ";
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -63px -42px;
    height: 20px;
    width: 20px;
    margin-right: 10px
    }
.hidden {
    display: none
    }
.placeholder {
    color: #999 !important
    }
.question_mark_tip {
    content: "?";
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 5px;
    line-height: 15px;
    font-size: 15px;
    color: white
    }
.container .code {
    word-break: break-word;
    font-family: sans-serif;
    padding: 10px;
    background-color: #e6e6e6;
    border: 1px solid black
    }
.container .pagination {
    text-align: center
    }
.container article.notice {
    background-color: #FEE6AE;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center
    }
.container article.notice a {
    display: block
    }
.container span.access_pass {
    color: #FB2C33
    }
.container span.access_pass .tm {
    font-size: 65%;
    color: #444;
    font-weight: normal
    }
.container section.artist_sign_up, .container article.sign_up {
    margin-bottom: 20px
    }
.container section.artist_sign_up .button, .container article.sign_up .button {
    width: 100%;
    margin-bottom: 20px
    }
.container section.artist_sign_up a, .container article.sign_up a {
    display: block;
    width: 100%;
    text-align: center
    }
.container section.artist_sign_up a.learn, .container article.sign_up a.learn {
    color: #FC2C33;
    font-size: 18px;
    line-height: 20px
    }
.container article.sign_up {
    margin-bottom: 40px
    }
.container article.sign_up.logged_in {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    margin: 0 auto 40px auto
    }
.container article.sign_up.logged_in > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    margin-top: 0;
    text-align: center;
    padding-bottom: 4px
    }
.container article.sign_up.logged_in nav {
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    -ms-column-gap: 1px;
    -o-column-gap: 1px;
    column-gap: 1px
    }
.container article.sign_up.logged_in nav a {
    padding-right: 8px;
    padding-left: 10px;
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #444;
    border-left: 1px solid #DBDBDB;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0
    }
.container article.sign_up.logged_in nav a.selected {
    color: #FC2C33
    }
.container article.sign_up.logged_in nav a:hover {
    color: #FC5359
    }
.container article.sign_up.logged_in nav a:first-of-type {
    border-left: none;
    padding-left: 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container article.sign_up .mobile_hide {
        display: none
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container aside {
        margin: 0 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container aside {
        margin: 0 15px
        }
    }
.container aside > section.listing {
    padding: 0;
    background-color: transparent;
    -ms-filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 40px;
    margin-bottom: 40px
    }
.container aside > section.listing > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
.container aside > section.listing article.project_card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    }
@media only screen and (max-width: 800px) {
    .container aside > section.listing {
        display: none
        }
    }
html.ios_app .container article.sign_up {
    display: none
    }
html[lang=ja] .container section.sign_up_cta a.sign_up_poster, html[lang=de] .container section.sign_up_cta a.sign_up_poster {
    font-size: 28px
    }
.fade_out {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.2
    }
body.mail_out_subscriptions > header + .container .main {
    padding-top: 40px
    }
.container > header.main {
    display: block;
    position: relative;
    overflow: hidden;
    height: 90px;
    background-color: #FC5359;
    background: linear-gradient(to right, #ff0a3e, #ff4319);
    width: 100%
    }
.container > header.main .content {
    height: 100%;
    position: relative;
    margin: -20px auto 0 auto
    }
@media only screen and (min-width: 900px) {
    .container > header.main .content {
        width: 1020px
        }
    }
.container > header.main > .hero-bg {
    position: absolute;
    width: 100%;
    text-align: center
    }
.container > header.main > h1, .container > header.main > .content > h1 {
    position: absolute;
    left: 40px;
    bottom: 30px;
    margin: 0;
    color: white
    }
.container > header.main nav.search {
    position: absolute;
    right: 40px;
    bottom: 80px;
    width: 30%
    }
.container > header.main nav.search .form_field {
    display: inline
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header.main nav.search {
        display: none
        }
    }
@media only screen and (min-width: 780px) {
    .container > header.main > h1, .container > header.main > .content > h1 {
        font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 50px;
        line-height: 52px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > header.main > h1, .container > header.main > .content > h1 {
        font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        line-height: 32px;
        left: 30px;
        max-width: 500px
        }
    .container > header.main > nav.search {
        right: 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header.main {
        height: 150px
        }
    .container > header.main > h1, .container > header.main > .content > h1 {
        font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 26px;
        left: 15px;
        bottom: 15px
        }
    .container > header.main.with_hero .content {
        margin-top: 0
        }
    }
.container > header.main.compact {
    height: 120px;
    color: white
    }
.container > header.main.compact nav.search {
    bottom: auto;
    top: 50%;
    margin-top: -20px
    }
.container > header.main.full_height {
    height: 260px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header.main.full_height {
        padding-left: 15px
        }
    .container > header.main.full_height hgroup h1 {
        font-size: 24px;
        line-height: 26px
        }
    .container > header.main.full_height hgroup h3 {
        font-size: 18px;
        line-height: 20px
        }
    }
#container.artists nav.info {
    bottom: 50px
    }
#container nav.info {
    position: absolute;
    width: 180px;
    bottom: 70px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
@media only screen and (min-width: 780px) {
    #container nav.info {
        right: 40px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container nav.info {
        right: 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container nav.info {
        right: 15px;
        display: none
        }
    }
#container nav.info > div {
    display: block;
    padding: 0 7px 15px 15px;
    background-color: rgba(0, 0, 0, 0.75);
    color: white
    }
#container nav.info > div:first-child {
    padding-top: 15px
    }
#container nav.info > div a {
    color: white;
    text-decoration: none
    }
#container nav.info > div a:hover {
    text-decoration: underline
    }
#container nav.info > div:before {
    content: " ";
    float: left
    }
#container nav.info > div.location:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -11px 0;
    height: 15px;
    width: 10px;
    height: 15px;
    width: 10px;
    margin-left: 3px;
    margin-right: 12px
    }
#container nav.info > div.genres {
    padding-left: 40px
    }
#container nav.info > div.genres:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -21px 0;
    height: 15px;
    width: 15px;
    height: 15px;
    width: 15px;
    margin-left: -25px;
    margin-right: 10px;
    margin-bottom: 15px
    }
#container nav.info > div.profile, #container nav.info > div.follow {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    text-align: center;
    padding-right: 15px
    }
#container nav.info > div.profile .current_project, #container nav.info > div.follow .current_project {
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px
    }
#container nav.info > div.follow {
    margin-top: 5px;
    padding: 7px 15px
    }
#container nav.info > div.follow a {
    color: white
    }
#container nav.info > div.follow a:hover {
    text-decoration: underline
    }
#container nav.info > div.follow .follow_button button, #container nav.info > div.follow .follow_button a.follow.on {
    border: initial;
    height: initial;
    color: white;
    background-color: initial;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    padding: 0
    }
#container nav.info > div.follow .follow_button button.off {
    color: #FC5359
    }
#container nav.info > div.follow .sign_in_or_up a {
    text-decoration: underline
    }
#container #main > header {
    margin: 40px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container #main > header {
        margin: 20px 15px
        }
    }
#container #main > header h1 {
    font-family: gilroy-extrabold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 48px;
    line-height: 48px;
    color: #000024
    }
#container #main > header h3 {
    color: #000024;
    margin-top: 4px
    }
#container.genres #main > header {
    margin-bottom: 25px
    }
#container.genres #main > header a.genres-back-link {
    color: #FC2C33;
    font-family: gilroy-extrabold;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-left: 18px;
    margin-top: 10px
    }
#container.genres #main > header a.genres-back-link:before {
    font-size: 50%;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    top: 26%;
    left: 3px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.genres a.genres-back-link {
        top: 0
        }
    }
#container.artists_sign_up #main > header {
    margin-bottom: 20px
    }
#container.projects.index #main nav.search, #container.projects.show #main nav.search, #container.artists.index #main nav.search, #container.artists.show #main nav.search, #container.charities.index #main nav.search, #container.charities.show #main nav.search, #container.articles.index #main nav.search, #container.articles.show #main nav.search {
    margin-top: 30px;
    width: 98%
    }
.tempfix2 {
    color: white
    }
body.no-scroll {
    overflow: hidden
    }
.container {
    background-color: white;
    color: #444;
    margin-left: auto;
    margin-right: auto;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    word-break: break-word
    }
.container input, .container select, .container textarea {
    word-break: initial
    }
.container > .main {
    background-color: white;
    margin: 0 auto
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main {
        width: 100%
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > .main {
        width: 768px
        }
    }
@media only screen and (min-width: 780px) {
    .container > .main {
        width: 1020px
        }
    }
@media only screen and (width: 810px) {
    .container > .main {
        width: 760px
        }
    }
.container > a.logo span:before {
    display: none
    }
.container > header {
    margin-bottom: 40px
    }
.container > header.compact {
    margin-bottom: 30px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > header {
        margin-bottom: 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header {
        margin-bottom: 15px
        }
    }
.container > header + nav#tabs {
    float: left;
    display: inline-block;
    height: 35px;
    margin-right: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    float: none;
    margin-left: 15px;
    margin-bottom: 15px
    }
.container > header + nav#tabs:last-child {
    margin-right: 0
    }
.container > header + nav#tabs a {
    position: relative;
    margin-bottom: -1px;
    padding: 7px 15px;
    padding-right: 45px;
    display: none;
    border: 1px solid #DBDBDB;
    background-color: white;
    color: #444;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
.container > header + nav#tabs a:after {
    content: "";
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 11px;
    height: 6px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px
    }
.container > header + nav#tabs a.selected {
    display: block
    }
.container > header + nav#tabs a.selected:after {
    display: block
    }
.container > header + nav#tabs .expanded {
    display: block !important
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header + nav#tabs {
        position: relative;
        display: block;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none
        }
    .container > header + nav#tabs:hover {
        z-index: 99
        }
    .container > header + nav#tabs:hover a:last-child {
        margin-bottom: 10px
        }
    }
.container > header + nav#tabs .badge {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header + nav#tabs {
        margin-bottom: 20px
        }
    }
.container > .main:after {
    content: "";
    display: table;
    clear: both
    }
@media only screen and (min-width: 780px) {
    .container > .main > .left_content {
        margin-left: 40px
        }
    }
.container > .main .left_content {
    float: left;
    width: 620px;
    margin-right: 20px
    }
.container > .main .right_content {
    float: left;
    width: 300px
    }
.container > .main .left_content:after, .container > .main .right_content:after {
    content: "";
    display: table;
    clear: both
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > .main .left_content, .container > .main .right_content {
        width: 344px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main .left_content, .container > .main .right_content {
        width: 100%
        }
    }
.container > .main > section, .container > .main > article {
    position: relative;
    margin: 0 40px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > .main > section, .container > .main > article {
        margin: 0 30px 10px 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main > section, .container > .main > article {
        margin: 0 15px 10px 15px
        }
    }
.container > .main > section, .container > .main section.with_header {
    margin-bottom: 40px
    }
.container > .main > section > h1, .container > .main > section > header h1, .container > .main section.with_header > h1, .container > .main section.with_header > header h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    margin-top: 0
    }
.container > .main > section:last-of-type, .container > .main section.with_header:last-of-type {
    margin-bottom: 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main > section, .container > .main section.with_header {
        margin-bottom: 20px
        }
    }
.container > .main > article > header, .container > .main > article .left_content > header {
    padding-bottom: 20px
    }
.container > .main > article > header h1, .container > .main > article .left_content > header h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
.container > .main > article > header h2, .container > .main > article .left_content > header h2 {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main > article > header {
        padding-bottom: 15px
        }
    .container > .main > article > header h1 {
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        line-height: 20px;
        color: black;
        text-decoration: none
        }
    .container > .main > article > header h2 {
        font-family: DINWeb, Helvetica, sans-serif;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        line-height: 20px;
        color: black;
        text-decoration: none
        }
    }
@media only screen and (min-width: 780px) {
    .container > .main > article > section, .container > .main > article .left_content > section {
        margin-bottom: 40px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container > .main > article > section, .container > .main > article .left_content > section {
        margin-bottom: 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > .main > article > section, .container > .main > article .left_content > section {
        margin-bottom: 20px
        }
    }
.container > .main > article > section:last-of-type, .container > .main > article .left_content > section:last-of-type {
    margin-bottom: 0
    }
.container > .main > article > section > h1, .container > .main > article > section > header h1, .container > .main > article .left_content > section > h1, .container > .main > article .left_content > section > header h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
.container > .main > aside > section, .container > .main > aside > section.with_header, .container > .main .right_content > section, .container > .main .right_content > section.with_header {
    margin-bottom: 20px
    }
.container > .main > footer {
    padding: 4px;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-size: 8px
    }
.container .maintenance_message, .container > .flash {
    display: none;
    position: fixed;
    z-index: 99998;
    bottom: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #dbdbdb;
    padding: 10px;
    text-align: center;
    color: #C94444
    }
@media only screen and (min-width: 780px) {
    .container .maintenance_message, .container > .flash {
        width: 1020px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container .maintenance_message, .container > .flash {
        width: 768px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container .maintenance_message, .container > .flash {
        width: 100% !important;
        bottom: inherit
        }
    }
@media only screen and (width: 810px) {
    .container .maintenance_message, .container > .flash {
        width: 760px
        }
    }
.container .maintenance_message a, .container > .flash a {
    color: #C94444
    }
.container .maintenance_message a.close, .container > .flash a.close {
    text-decoration: none;
    position: absolute;
    right: 8px;
    font-weight: bold;
    color: gray
    }
.container .maintenance_message {
    background-color: #C94444;
    color: white
    }
.container .maintenance_message a {
    color: white !important
    }
.container #main > section#notice {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 15px 40px;
    text-align: center;
    background-color: #FC2C33;
    color: white
    }
.container #main > section#notice p {
    margin-bottom: 0
    }
.container #main > section#notice a {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    color: white
    }
@media only screen and (min-width: 780px) {
    .container #main > section#notice {
        margin-top: -30px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container #main > section#notice {
        margin-top: -20px;
        padding: 15px 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container #main > section#notice {
        padding: 15px
        }
    }
.container #main > section#notice.secondary {
    background-color: initial;
    border: 2px solid #00b5ac;
    border-radius: 2px;
    padding: 16px 40px;
    color: #00b5ac;
    text-align: center
    }
.container #main > section#notice.secondary a {
    color: #00b5ac;
    font-weight: bold
    }
body.projects.exclusive, body.artists_sign_up {
    height: 100%
    }
#container.artists_sign_up {
    height: 100%
    }
#container.artists_sign_up #main {
    padding-bottom: 60px
    }
#container.artists_sign_up #main .left_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 700px;
    margin: 0;
    padding: 20px
    }
#container.artists_sign_up #main .right_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 100%;
    padding: 20px
    }
#container > header.with_tabs > h1 {
    bottom: 50px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container > header.with_tabs nav#tabs {
        display: none
        }
    }
@media only screen and (min-width: 780px) {
    #container > header.with_tabs nav#tabs {
        padding-left: 40px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container > header.with_tabs nav#tabs {
        padding-left: 30px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container > header.with_tabs nav#tabs {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
        background-color: white;
        background-color: rgba(255, 255, 255, 0.75)
        }
    #container > header.with_tabs nav#tabs > .menu {
        width: 1020px;
        margin: 0 auto
        }
    #container > header.with_tabs nav#tabs a {
        display: inline-block;
        padding: 17px 15px 9px 15px;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: black;
        text-decoration: none;
        text-transform: uppercase
        }
    #container > header.with_tabs nav#tabs a.selected {
        border-bottom: 6px solid #FC2C33
        }
    }
@media only screen and (min-width: 761px) and (min-width: 761px) and (max-width: 779px), only screen and (device-width: 810px) and (min-width: 761px) and (max-width: 779px) {
    #container > header.with_tabs nav#tabs a {
        font-size: 14px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container > header.with_tabs nav#tabs a .badge {
        padding: 3px 7px;
        position: relative;
        bottom: 2px;
        opacity: 1;
        background-color: white;
        border-radius: 10px;
        font-family: Helvetica, sans-serif;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        color: black;
        text-shadow: 0 1px rgba(0, 0, 0, 0.25)
        }
    #container > header.with_tabs nav#tabs a.sign_out {
        float: right;
        margin-right: 80px
        }
    }
body {
    background-color: white;
    color: black
    }
a {
    color: #444
    }
h1, h2, h3 {
    line-height: normal;
    margin: 0
    }
h1 a, h2 a, h3 a {
    text-decoration: none
    }
dd, dl, p {
    -webkit-margin-before: 0;
    -webkit-margin-start: 0
    }
hr {
    border: 0;
    border-top: 1px solid #DBDBDB;
    margin: 15px 0
    }
.button, .standard_button, input[type=submit], button {
    -webkit-appearance: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 7px 20px 9px 20px;
    height: 40px;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #33344F;
    font-family: DINWeb-Bold;
    text-decoration: none;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    color: #33344F;
    text-decoration: none;
    text-align: center
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .button, .standard_button, input[type=submit], button {
        padding: 6px 10px 9px 10px;
        font-size: 20px
        }
    }
.button.large, .standard_button.large, input[type=submit].large, button.large {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 34px
    }
.button.medium, .standard_button.medium, input[type=submit].medium, button.medium {
    font-size: 16px
    }
.button.small, .standard_button.small, input[type=submit].small, button.small {
    font-size: 13px;
    line-height: 15px;
    padding: 2px 5px;
    height: auto
    }
.button.add_exclusive_button {
    font-size: 16px;
    height: 35px
    }
.button.gray {
    background-color: #DBDBDB;
    color: black
    }
.button.with-arrow {
    padding-right: 62px;
    position: relative
    }
.button.with-arrow:before, .button.with-arrow:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: inherit
    }
.button.with-arrow:before {
    right: 40px;
    top: 0;
    height: 100%;
    border-width: 0 0 0 2px
    }
.button.with-arrow:after {
    right: 18px;
    height: 7px;
    width: 7px;
    top: 40%;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg)
    }
.button.red_button {
    border-color: #FC2C33;
    color: #FC2C33
    }
.button.light {
    border-color: white;
    color: white
    }
.small_text {
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 7px 18px 9px
    }
.button.back {
    padding: 7px 15px;
    margin-bottom: 15px
    }
.button.back:before {
    content: "< "
    }
fieldset {
    border: 0;
    padding: 0;
    margin: 0
    }
.form_field, .input.string, .input.text {
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
.form_field label, .input.string label, .input.text label {
    display: block
    }
.form_field input[type=text], .form_field input[type=password], .form_field input[type=url], .form_field input[type=email], .form_field textarea, .input.string input[type=text], .input.string input[type=password], .input.string input[type=url], .input.string input[type=email], .input.string textarea, .input.text input[type=text], .input.text input[type=password], .input.text input[type=url], .input.text input[type=email], .input.text textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border: 2px solid #9a9a9a;
    border-radius: 4px;
    color: #999;
    width: 100%;
    padding: 8px 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    line-height: 18px;
    color: black
    }
.form_field input[type=text]:focus, .form_field input[type=password]:focus, .form_field input[type=url]:focus, .form_field input[type=email]:focus, .form_field textarea:focus, .input.string input[type=text]:focus, .input.string input[type=password]:focus, .input.string input[type=url]:focus, .input.string input[type=email]:focus, .input.string textarea:focus, .input.text input[type=text]:focus, .input.text input[type=password]:focus, .input.text input[type=url]:focus, .input.text input[type=email]:focus, .input.text textarea:focus {
    border-color: #000024
    }
.form_field input[type=text]:focus, .form_field input[type=password]:focus, .form_field input[type=url]:focus, .form_field input[type=email]:focus, .form_field textarea:focus, .input.string input[type=text]:focus, .input.string input[type=password]:focus, .input.string input[type=url]:focus, .input.string input[type=email]:focus, .input.string textarea:focus, .input.text input[type=text]:focus, .input.text input[type=password]:focus, .input.text input[type=url]:focus, .input.text input[type=email]:focus, .input.text textarea:focus {
    outline: none;
    border: 2px solid #000024
    }
.form_field input[disabled], .input.string input[disabled], .input.text input[disabled] {
    color: #C1C1C1;
    background-color: #999
    }
.form_field input[type=integer], .form_field input[type=number], .form_field input.integer, .form_field input.number, .input.string input[type=integer], .input.string input[type=number], .input.string input.integer, .input.string input.number, .input.text input[type=integer], .input.text input[type=number], .input.text input.integer, .input.text input.number {
    text-align: right
    }
.form_field select, .input.string select, .input.text select {
    -webkit-appearance: none;
    background: transparent;
    box-shadow: none;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border: 2px solid #9a9a9a;
    border-radius: 4px;
    color: #999;
    width: 100%;
    background-color: white;
    color: black;
    padding: 8px;
    position: relative;
    padding-right: 30px;
    background: url(/pipeline/x1/icon-dropdown.png) no-repeat right 10px center
    }
.form_field select:focus, .input.string select:focus, .input.text select:focus {
    border-color: #000024
    }
.form_field select[disabled], .input.string select[disabled], .input.text select[disabled] {
    background-color: #F1F1F1;
    color: #999;
    background: none
    }
.form_field .counter, .input.string .counter, .input.text .counter {
    margin-top: 10px;
    margin-bototm: -10px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #999
    }
.warning, section.errors {
    color: #C94444
    }
input.error, select.error, textarea.error, label.error:before {
    border: 2px solid #961A1E !important;
    background-color: #ffeff2 !important
    }
.errorExplanation {
    color: #C94444;
    margin-bottom: 10px
    }
.errorExplanation h2, .errorExplanation p {
    display: none
    }
.errorExplanation ul {
    padding-left: 0
    }
.errorExplanation ul li {
    margin-left: 20px
    }
.field_with_errors {
    display: inline
    }
.field_with_errors label {
    color: #444
    }
.field_with_errors input, .field_with_errors select, .field_with_errors textarea {
    border: 2px solid #961A1E !important;
    background-color: #ffeff2 !important
    }
.field_with_errors input:focus, .field_with_errors select:focus, .field_with_errors textarea:focus {
    background-color: inherit
    }
.brand-bg {
    background-color: #FC2C33;
    background: linear-gradient(to right, #ff0a3e, #ff4319);
    color: white
    }
.brand-bg h2, .brand-bg h3 {
    color: white
    }
.brand-bg .button {
    border-color: white;
    color: white
    }
.brand-bg .button:hover, .brand-bg .button:active, .brand-bg .button:focus {
    background-color: white;
    color: #FC2C33
    }
.brand-bg .button + .with-arrow:hover:before, .brand-bg .button + .with-arrow:hover:after, .brand-bg .button + .with-arrow:active:before, .brand-bg .button + .with-arrow:active:after, .brand-bg .button + .with-arrow:focus:before, .brand-bg .button + .with-arrow:focus:after {
    border-color: #FC2C33
    }
.brand-bg a {
    color: #000024
    }
.brand-bg a:hover {
    color: white
    }
.dark-bg {
    background-color: #000024;
    color: white
    }
.dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5 {
    color: white
    }
.dark-bg .button {
    border-color: white;
    color: white
    }
.dark-bg .button:hover, .dark-bg .button:active, .dark-bg .button:focus {
    background-color: white;
    color: #000024
    }
.dark-bg .button + .with-arrow:hover:before, .dark-bg .button + .with-arrow:hover:after, .dark-bg .button + .with-arrow:active:before, .dark-bg .button + .with-arrow:active:after, .dark-bg .button + .with-arrow:focus:before, .dark-bg .button + .with-arrow:focus:after {
    border-color: #000024
    }
.dark-bg input[type=text] {
    background-color: inherit;
    color: white;
    border-color: white
    }
.dark-bg a {
    color: white
    }
.dark-bg a:hover {
    color: #A7A7B8
    }
.midtone-bg {
    background-color: #F2F2F7
    }
.midtone-bg .button + .with-arrow:hover:before, .midtone-bg .button + .with-arrow:hover:after, .midtone-bg .button + .with-arrow:active:before, .midtone-bg .button + .with-arrow:active:after, .midtone-bg .button + .with-arrow:focus:before, .midtone-bg .button + .with-arrow:focus:after {
    border-color: #000024
    }
.midtone-bg p, .midtone-bg a {
    color: #000024
    }
body:before {
    content: "";
    display: none
    }
@media only screen and (max-width: 600px) {
    body:before {
        content: "xsmall"
        }
    }
@media only screen and (max-width: 768px) {
    body:before {
        content: "small"
        }
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    body:before {
        content: "medium"
        }
    }
@media only screen and (min-width: 900px) and (max-width: 1201px) {
    body:before {
        content: "large"
        }
    }
@media only screen and (min-width: 1201px) and (max-width: 1441px) {
    body:before {
        content: "xlarge"
        }
    }
@media only screen and (min-width: 1441px) {
    body:before {
        content: "xxlarge"
        }
    }
#viewport-size {
    position: fixed;
    bottom: 0;
    left: 0
    }
#viewport-size:after {
    color: white;
    padding: 5px
    }
@media only screen and (max-width: 600px) {
    #viewport-size:after {
        content: "XSmall";
        background: magenta;
        color: black
        }
    }
@media only screen and (max-width: 768px) {
    #viewport-size:after {
        content: "Small";
        background: yellow;
        color: black
        }
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    #viewport-size:after {
        content: "Medium";
        background: orange
        }
    }
@media only screen and (min-width: 900px) and (max-width: 1201px) {
    #viewport-size:after {
        content: "Large";
        background: red
        }
    }
@media only screen and (min-width: 1201px) and (max-width: 1441px) {
    #viewport-size:after {
        content: "XLarge";
        background: green
        }
    }
@media only screen and (min-width: 1441px) {
    #viewport-size:after {
        content: "XXLarge";
        background: purple
        }
    }
article .stock, section .stock, aside .stock, li .stock {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    min-width: 85px;
    background-color: #00B5AC;
    text-align: right;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: white;
    padding: 5px 10px;
    border-color: #00B5AC
    }
article .stock:after, article .stock:before, section .stock:after, section .stock:before, aside .stock:after, aside .stock:before, li .stock:after, li .stock:before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px;
    left: -14px;
    border-left: 15px solid transparent;
    right: inherit;
    border-right: none
    }
article .stock:after, section .stock:after, aside .stock:after, li .stock:after {
    top: 0;
    border-top-style: solid;
    border-top-color: inherit
    }
article .stock:before, section .stock:before, aside .stock:before, li .stock:before {
    top: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article .calendar > div, section .calendar > div, aside .calendar > div, li .calendar > div {
        display: inline;
        margin: 0
        }
    article .calendar .time:before, section .calendar .time:before, aside .calendar .time:before, li .calendar .time:before {
        content: " - "
        }
    article .calendar:before, section .calendar:before, aside .calendar:before, li .calendar:before {
        display: none
        }
    article .calendar:after, section .calendar:after, aside .calendar:after, li .calendar:after {
        display: none
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    article .calendar, section .calendar, aside .calendar, li .calendar {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 130px;
        height: 100px;
        border: 5px solid #999;
        text-align: center;
        padding-top: 10px;
        font-size: 16px;
        line-height: 20px
        }
    article .calendar:before, article .calendar:after, section .calendar:before, section .calendar:after, aside .calendar:before, aside .calendar:after, li .calendar:before, li .calendar:after {
        position: absolute;
        top: -10px;
        width: 5px;
        height: 15px;
        content: "";
        background-color: #999
        }
    article .calendar:before, section .calendar:before, aside .calendar:before, li .calendar:before {
        left: 10px
        }
    article .calendar:after, section .calendar:after, aside .calendar:after, li .calendar:after {
        right: 10px
        }
    article .calendar .month_day, section .calendar .month_day, aside .calendar .month_day, li .calendar .month_day {
        font-weight: bold;
        margin: 5px
        }
    }
article.low_stock .stock, section.low_stock .stock, aside.low_stock .stock, li.low_stock .stock {
    background-color: #FF3E47;
    border-color: #FF3E47
    }
article.unavailable .stock, section.unavailable .stock, aside.unavailable .stock, li.unavailable .stock {
    background-color: #C1C1C1;
    border-color: #C1C1C1
    }
article.access_pass .stock, section.access_pass .stock, aside.access_pass .stock, li.access_pass .stock {
    background-color: #00B5AC;
    border-color: #00B5AC
    }
article.article_card {
    border-bottom: 1px solid #DBDBDB;
    padding: 20px
    }
@media only screen and (min-width: 780px) {
    article.article_card {
        width: 270px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    article.article_card {
        width: 216px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.article_card {
        width: 100%
        }
    }
article.article_card > h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: black;
    margin-bottom: 10px;
    padding: 0
    }
article.article_card > h1 a {
    text-decoration: none
    }
article.article_card a, article.article_card a:visited {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
article.article_card .date {
    display: block;
    width: 100%;
    text-align: right;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold
    }
article.article header {
    margin-bottom: 15px
    }
article.article header nav.admin {
    float: right;
    display: none
    }
article.article header:hover nav.admin {
    display: block
    }
article.article header time, article.article header .highlight, article.article header .role {
    color: #999;
    text-transform: uppercase
    }
article.article header .role:after, article.article header .highlight:after {
    content: ":"
    }
article.article header .highlight {
    color: #FC2C33
    }
article.article header h1 {
    margin-top: 15px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
article.article header h1 a {
    color: black;
    text-decoration: none
    }
article.article .body .asset, article.article .body figure {
    margin-bottom: 15px
    }
article.article .body figcaption {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none
    }
article.article .body img {
    max-width: 100%
    }
article.article .body .project {
    text-align: center
    }
article.article footer {
    clear: left;
    padding-top: 15px;
    border-top: 1px solid #DBDBDB
    }
article.article footer:after {
    content: "";
    display: table;
    clear: both
    }
article.article footer .socials, article.article footer .comment_counter {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
    }
article.article footer .comment_counter {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    position: relative;
    float: left;
    padding-left: 22px;
    margin-left: 10px
    }
article.article footer .comment_counter:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: " ";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -134px -22px;
    height: 15px;
    width: 17px;
    width: 17px;
    height: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.article footer {
        text-align: center
        }
    article.article footer a.button {
        display: block
        }
    article.article footer .comment_counter {
        float: left;
        margin-left: 5px
        }
    article.article footer .socials {
        float: right;
        margin-right: 5px
        }
    }
#container.articles section#articles {
    clear: both
    }
#container.articles section#articles > header:after {
    content: "";
    display: table;
    clear: both
    }
#container.articles section#articles > header h1 {
    display: none
    }
#container.articles section#articles nav.sort {
    float: left;
    display: inline-block;
    height: 35px;
    margin-right: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
    }
#container.articles section#articles nav.sort:last-child {
    margin-right: 0
    }
#container.articles section#articles nav.sort a {
    position: relative;
    margin-bottom: -1px;
    padding: 7px 15px;
    padding-right: 45px;
    display: none;
    border: 1px solid #DBDBDB;
    background-color: white;
    color: #444;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
#container.articles section#articles nav.sort a:after {
    content: "";
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 11px;
    height: 6px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px
    }
#container.articles section#articles nav.sort a.selected {
    display: block
    }
#container.articles section#articles nav.sort a.selected:after {
    display: block
    }
#container.articles section#articles nav.sort .expanded {
    display: block !important
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.articles section#articles nav.sort {
        position: relative;
        display: block;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none
        }
    #container.articles section#articles nav.sort:hover {
        z-index: 99
        }
    #container.articles section#articles nav.sort:hover a:last-child {
        margin-bottom: 10px
        }
    }
#container.articles section#articles > footer {
    margin-bottom: 20px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.articles section#articles {
        border-top: 1px solid #DBDBDB;
        padding-top: 15px
        }
    }
#container.articles article.article {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.articles article.article article.project_card {
    text-align: left;
    -moz-box-shadow: inset #DBDBDB 1px 1px, inset #DBDBDB -1px -1px;
    -webkit-box-shadow: inset #DBDBDB 1px 1px, inset #DBDBDB -1px -1px;
    box-shadow: inset #DBDBDB 1px 1px, inset #DBDBDB -1px -1px
    }
#container.articles article.article article.project_card header {
    margin-bottom: 0
    }
#container.articles article.article article.project_card footer {
    border-top: 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.articles article.article article.project_card {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
        }
    }
#container.articles.edit form.edit_article {
    background: white;
    padding: 20px
    }
#container.articles.edit section#upload {
    font-size: 11px
    }
#container.articles.edit section#upload ul {
    list-style: none;
    padding: 0;
    padding: 0;
    margin: 0
    }
#container.articles.edit section#upload ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    form.focus_labels .form_field label:first-child, form.focus_labels .form_field .field_with_errors:first-child label, form.focus_labels .form_field .right_warning {
        display: none;
        position: relative;
        left: 310px;
        height: 0;
        line-height: 38px;
        padding-left: 15px;
        color: #999
        }
    form.focus_labels .form_field label:first-child:before, form.focus_labels .form_field .field_with_errors:first-child label:before, form.focus_labels .form_field .right_warning:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        margin-right: 5px;
        margin-top: 3px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #999
        }
    }
form.focus_labels .form_field .right_warning {
    display: block;
    color: #FC2C33;
    font-weight: bold;
    top: -35px
    }
form.focus_labels .form_field .right_warning.multiline {
    max-width: 300px;
    line-height: 19px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    form.focus_labels .form_field .right_warning {
        padding-top: 5px
        }
    }
.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px
    }
.container header.artist_compact {
    position: relative;
    height: 90px;
    overflow: hidden;
    margin-bottom: 40px
    }
.container header.artist_compact .content {
    margin: 0 auto;
    position: relative
    }
@media only screen and (min-width: 900px) {
    .container header.artist_compact .content {
        width: 1020px
        }
    }
.container header.artist_compact .content a {
    position: absolute;
    top: 45px
    }
.container header.artist_compact .bg {
    width: 100%;
    position: absolute;
    overflow: hidden;
    background-color: black
    }
.container header.artist_compact .bg img {
    width: 100%;
    margin-top: -30%;
    opacity: 0.75
    }
.container header.artist_compact hgroup {
    display: inline-table;
    position: relative;
    position: relative;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    padding: 0 15px;
    margin: 0
    }
.container header.artist_compact hgroup:after {
    content: "";
    display: table;
    clear: both
    }
.container header.artist_compact hgroup img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
.container header.artist_compact hgroup h1, .container header.artist_compact hgroup h2, .container header.artist_compact hgroup h3, .container header.artist_compact hgroup h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
.container header.artist_compact hgroup h1 a, .container header.artist_compact hgroup h2 a, .container header.artist_compact hgroup h3 a, .container header.artist_compact hgroup h4 a {
    color: white
    }
.container header.artist_compact hgroup h1, .container header.artist_compact hgroup h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 630px
    }
.container header.artist_compact hgroup h1 {
    font-size: 32px;
    line-height: 34px
    }
.container header.artist_compact hgroup h2 {
    font-size: 22px;
    line-height: 24px
    }
.container header.artist_compact hgroup h3 {
    max-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    max-width: 630px
    }
.container header.artist_compact hgroup div {
    width: auto;
    display: table-cell;
    vertical-align: middle
    }
.container header.artist_compact hgroup:before {
    display: table;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -165px 0;
    height: 22px;
    width: 14px;
    content: "";
    vertical-align: middle;
    float: left;
    margin: 25px 10px 0 0
    }
.container header.artist_compact hgroup:before > div {
    display: table-cell;
    vertical-align: middle
    }
.container header.artist_compact .secure {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 210px;
    min-height: 60px;
    background-color: #F1F1F1;
    padding: 30px 10px 10px 50px;
    border: 1px solid #DBDBDB;
    border-radius: 15px;
    position: absolute;
    top: 12px;
    right: 30px
    }
.container header.artist_compact .secure:before {
    position: absolute;
    display: block;
    float: left;
    width: 25px;
    height: 38px;
    top: 10px;
    left: 15px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -25px -103px;
    height: 38px;
    width: 25px;
    content: ""
    }
.container header.artist_compact .secure:after {
    display: block;
    position: absolute;
    top: 10px;
    content: "";
    width: 120px;
    height: 18px;
    background: url(logos/logo_secure.png) no-repeat center center;
    background-size: cover
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container header.artist_compact .secure {
        right: 15px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container header.artist_compact .secure {
        display: none
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container header.artist_compact .secure {
        margin-right: 15px
        }
    .container header.artist_compact hgroup.project > div {
        width: 400px
        }
    .container header.artist_compact hgroup.project:before {
        margin-left: 5px;
        margin-right: 5px
        }
    .container header.artist_compact hgroup.project h1, .container header.artist_compact hgroup.project h2, .container header.artist_compact hgroup.project h3 {
        max-width: 400px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container header.artist_compact .bg img {
        margin-top: -20%
        }
    .container header.artist_compact hgroup.project {
        width: 100%;
        padding: 0 5px
        }
    .container header.artist_compact hgroup.project:before, .container header.artist_compact hgroup.project img {
        margin-left: 5px;
        margin-right: 5px
        }
    .container header.artist_compact hgroup.project h1, .container header.artist_compact hgroup.project h2, .container header.artist_compact hgroup.project h3 {
        width: 200px
        }
    .container header.artist_compact hgroup.project h1 {
        font-size: 22px;
        line-height: 24px;
        margin-top: 0;
        margin-left: 0
        }
    .container header.artist_compact hgroup.project h2, .container header.artist_compact hgroup.project h3 {
        font-size: 16px;
        line-height: 18px;
        white-space: initial
        }
    .container header.artist_compact .secure {
        display: none
        }
    }
body.parallax > .hero-bg {
    position: fixed;
    top: 76px;
    left: 50%;
    margin-left: -510px;
    width: 1020px;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.5)
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    body.parallax > .hero-bg {
        width: 100%;
        height: 432px;
        left: initial;
        top: 60px;
        margin-left: initial
        }
    body.parallax > .hero-bg img {
        width: 100%
        }
    }
@media only screen and (max-width: 767px) {
    body.parallax > .hero-bg {
        top: 60px
        }
    }
body.parallax > .hero-bg.blur {
    top: -2%;
    left: -2%;
    right: -2%;
    width: auto;
    height: 100%;
    margin-left: 0
    }
body.parallax > .hero-bg.blur img {
    width: 100%
    }
@media only screen and (max-width: 899px) {
    body.parallax > .hero-bg.blur img.blurred {
        display: none
        }
    }
@media only screen and (min-width: 900px) {
    body.parallax > .hero-bg.blur img.blurred {
        -webkit-filter: blur(26px);
        -moz-filter: blur(26px);
        -ms-filter: blur(26px);
        -o-filter: blur(26px);
        filter: blur(26px);
        opacity: 0.5
        }
    }
body.parallax #container {
    position: relative;
    top: 650px;
    padding-top: 0
    }
@media only screen and (min-width: 780px) {
    body.parallax #container {
        min-width: 1020px
        }
    }
@media only screen and (min-width: 768px) and (max-width: 900px) {
    body.parallax #container {
        top: 493px
        }
    }
body.parallax #container #main {
    padding-top: 40px
    }
body.parallax #container > header.main, body.parallax #container > header.main.artists.with_hero {
    position: absolute;
    top: -574px;
    background: none !important;
    height: 574px !important
    }
#container > header.main.artists {
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px #a1a1a1;
    background-color: black;
    width: 100%;
    height: 240px !important
    }
#container > header.main.artists h1 {
    font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 84px;
    line-height: 86px
    }
#container > header.main.artists .hero-bg {
    position: absolute;
    width: 100%
    }
#container > header.main.artists .hero-bg img {
    width: 100%
    }
#container > header.main.artists.with_hero > * {
    z-index: 2
    }
#container > header.main.artists.with_hero > .hero-bg {
    z-index: 1
    }
#container > header.main.artists.with_hero:before {
    z-index: 2;
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    content: "";
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.25)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 100%)
    }
#container > header.main.artists.with_hero.with_tabs:before {
    bottom: 50px
    }
@media only screen and (min-width: 780px) {
    #container > header.main.artists.with_hero {
        height: 450px !important
        }
    #container > header.main.artists.with_hero img {
        min-height: 450px
        }
    #container > header.main.artists h1 {
        left: 40px;
        max-width: 740px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container > header.main.artists.with_hero {
        height: 400px !important
        }
    #container > header.main.artists.with_hero img {
        min-height: 400px
        }
    #container > header.main.artists h1 {
        left: 30px;
        max-width: 500px;
        font-size: 76px;
        line-height: 78px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container > header.main.artists {
        height: 150px !important
        }
    #container > header.main.artists.with_hero {
        height: 150px !important
        }
    #container > header.main.artists.with_hero:before {
        bottom: 0
        }
    #container > header.main.artists.with_hero img {
        min-height: 150px
        }
    #container > header.main.artists.with_hero .content {
        margin-top: 0
        }
    #container > header.main.artists h1 {
        font-size: 30px;
        line-height: 32px
        }
    }
.hero_overlay_box {
    position: relative;
    background-color: white;
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #DBDBDB
    }
.hero_overlay_box .hero_bg {
    background-color: #DBDBDB
    }
.hero_overlay_box .hero_bg img {
    margin-top: 0%
    }
.hero_overlay_box header {
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px 20px;
    margin: 20px
    }
.hero_overlay_box h3 {
    positon: relative;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 15px
    }
.hero_overlay_box h2 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px
    }
.hero_overlay_box time {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #999
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .hero_overlay_box .hero_bg img {
        width: auto;
        height: 100%
        }
    .hero_overlay_box time {
        display: none
        }
    }
.artist_preview_window {
    width: 100%;
    clear: both;
    position: relative;
    background-color: black;
    overflow: hidden
    }
.artist_preview_window:after {
    content: "";
    display: table;
    clear: both
    }
@media only screen and (min-width: 780px) {
    .artist_preview_window {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: 30px;
        padding: 40px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .artist_preview_window {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: 30px;
        padding: 40px 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .artist_preview_window {
        display: none
        }
    }
.artist_preview_window > section {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    background-color: white;
    margin-bottom: 0;
    -webkit-box-shadow: 0 2px 4px -1px #444;
    -moz-box-shadow: 0 2px 4px -1px #444;
    -ms-box-shadow: 0 2px 4px -1px #444;
    -o-box-shadow: 0 2px 4px -1px #444;
    box-shadow: 0 2px 4px -1px #444;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    position: relative
    }
.artist_preview_window > section.list ul {
    padding: 0;
    margin: 0
    }
.artist_preview_window > section.list ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.artist_preview_window > section.list ul li {
    margin-bottom: 15px
    }
.artist_preview_window > section.list ul li a {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    text-decoration: none
    }
.artist_preview_window > section.list ul li:last-child {
    margin-bottom: 0
    }
.artist_preview_window > section > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
.artist_preview_window > section > footer {
    border-top: 1px solid #DBDBDB;
    padding-top: 15px;
    margin-top: 15px
    }
@media only screen and (min-width: 780px) {
    .artist_preview_window > section {
        margin-bottom: 0;
        display: block
        }
    .artist_preview_window > section:nth-child(2) {
        float: left;
        width: 620px
        }
    .artist_preview_window > section:nth-child(3) {
        float: right;
        width: 300px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .artist_preview_window > section:nth-child(2) {
        width: 100%
        }
    }
.artist_preview_window .bg {
    position: absolute;
    z-index: 1;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    background-size: 100%;
    box-shadow: inset 0 10px 20px black, inset 0 -10px 20px black;
    background-color: black;
    opacity: 0.7
    }
article.artist section#tracks, article.project section#tracks, #container.artists section#tracks {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    position: relative;
    padding: 0
    }
article.artist section#tracks > h1, article.project section#tracks > h1, #container.artists section#tracks > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    padding: 15px;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    cursor: pointer
    }
article.artist section#tracks .expander, article.project section#tracks .expander, #container.artists section#tracks .expander {
    position: absolute;
    bottom: -15px;
    border-top-width: 0;
    margin: 0
    }
article.artist section#tracks .expander:before, article.project section#tracks .expander:before, #container.artists section#tracks .expander:before {
    display: none
    }
article.artist section#tracks .expander:after, article.project section#tracks .expander:after, #container.artists section#tracks .expander:after {
    margin-top: 0
    }
ul.tracks {
    padding: 0;
    margin: 0;
    max-height: 138px;
    overflow: hidden
    }
ul.tracks li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
ul.tracks li {
    margin: 0
    }
a.track_listing, .page_track, a[data-inline-player], a.pdf_link {
    display: block;
    cursor: pointer;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    line-height: 22px;
    color: #444
    }
a.track_listing:hover, .page_track:hover, a[data-inline-player]:hover, a.pdf_link:hover {
    color: #FC5359
    }
a.track_listing:before, .page_track:before, a[data-inline-player]:before, a.pdf_link:before {
    display: block;
    content: " ";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -121px -42px;
    height: 22px;
    width: 22px;
    width: 22px;
    height: 22px;
    float: left;
    margin: -2px 10px 0 0
    }
a.track_listing:hover:before, .page_track:hover:before, a[data-inline-player]:hover:before, a.pdf_link:hover:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -189px -42px;
    height: 23px;
    width: 23px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    a.track_listing:hover:before, .page_track:hover:before, a[data-inline-player]:hover:before, a.pdf_link:hover:before {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -133px -83px;
        height: 23px;
        width: 23px
        }
    }
.is_currently_playing {
    color: #FC5359 !important
    }
.is_currently_playing:after {
    display: inline-block;
    content: " ";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -150px;
    height: 15px;
    width: 17px;
    position: relative;
    top: 2px;
    left: 8px;
    width: 17px;
    height: 15px
    }
.is_currently_playing:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -166px -42px;
    height: 23px;
    width: 23px
    }
article.artist section#videos > article {
    margin-bottom: 15px
    }
.container.artists.index .artist_card {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 20px;
    width: 300px
    }
.container.artists.index .artist_card:nth-of-type(3n) {
    margin-right: 0
    }
body.artists.pub div.main {
    padding-top: 40px
    }
article.artist:after {
    content: "";
    display: table;
    clear: both
    }
article.artist > section {
    clear: both
    }
article.artist #about {
    min-height: 225px;
    max-height: 400px;
    overflow: hidden
    }
article.artist #about h1 {
    display: none
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    article.artist #about {
        border-bottom: 1px solid #DBDBDB;
        margin-bottom: 40px
        }
    }
article.artist #mailing_list {
    clear: left
    }
article.artist #info {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
article.artist #info h1 {
    display: none
    }
article.artist #info a {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    text-decoration: underline
    }
article.artist #info dl {
    border-bottom: 1px solid #DBDBDB
    }
article.artist #info dd {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    word-break: break-word
    }
article.artist #info .socials {
    margin-bottom: 20px
    }
article.artist #info .socials .copy:after {
    content: ":"
    }
article.artist #info .socials .links {
    color: #DBDBDB
    }
article.artist .artist_preview_window > section > article {
    position: relative;
    height: 280px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
article.artist .artist_preview_window > section > article img {
    width: 100%;
    margin-bottom: 15px
    }
article.artist .artist_preview_window > section > article h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: black
    }
article.artist .artist_preview_window > section > article h1 a, article.artist .artist_preview_window > section > article h1 a:hover {
    color: inherit;
    text-decoration: none
    }
article.artist .artist_preview_window > section > article h2 {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    max-height: 66px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    margin-bottom: 10px
    }
article.artist .artist_preview_window > section > article .description {
    max-height: 176px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 11;
    -moz-line-clamp: 11;
    -ms-line-clamp: 11;
    -o-line-clamp: 11;
    line-clamp: 11;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    position: relative
    }
article.artist .artist_preview_window > section > article .description:after {
    position: absolute;
    content: "";
    height: 24px;
    bottom: 2px;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%)
    }
article.artist .artist_preview_window > section > article footer {
    position: absolute;
    display: block;
    min-height: 24px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    background-color: #F1F1F1;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    line-height: 20px;
    color: #444
    }
article.artist .artist_preview_window > section > article footer > div {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
article.artist .artist_preview_window > section > article footer.items_1 > div {
    width: 100%;
    margin: 0 !important;
    text-align: center
    }
article.artist .artist_preview_window > section > article footer .message {
    width: inherit;
    display: block;
    text-align: center
    }
article.artist .artist_preview_window > section > article footer .progress .ring {
    position: relative;
    top: 5px;
    display: inline-block
    }
article.artist .artist_preview_window > section > article footer .timer:before {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -191px -22px;
    height: 20px;
    width: 20px;
    background-position: 0 -785
    }
article.artist .artist_preview_window section.current_project article img {
    float: left;
    width: 300px
    }
article.artist .artist_preview_window section.current_project article h1, article.artist .artist_preview_window section.current_project article h2, article.artist .artist_preview_window section.current_project article .description {
    margin-left: 320px
    }
article.artist .artist_preview_window section.current_project article footer {
    width: 270px;
    top: 188.75px;
    left: 0;
    bottom: inherit
    }
article.artist .artist_preview_window section.previous_project article h1 {
    margin-bottom: 15px
    }
article.artist .artist_preview_window section.previous_project article footer {
    position: static
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container article.artist > article.project_card {
        display: none
        }
    }
@media only screen and (max-width: 800px) {
    #container.artists.followers #tracks {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container aside.project #status {
        display: none
        }
    #container aside.project #pledge_now {
        display: none
        }
    }
#container.site.contact #main > article h1, #container.site.contact #main .left_content > article h1, #container.site.press #main > article h1, #container.site.press #main .left_content > article h1, #container.site.help #main > article h1, #container.site.help #main .left_content > article h1 {
    margin-bottom: 15px
    }
@media only screen and (max-width: 800px) {
    #container.site.contact #main > aside, #container.site.press #main > aside, #container.site.help #main > aside {
        display: none
        }
    }
#container.site.contact.press ul#press-clips, #container.site.press.press ul#press-clips, #container.site.help.press ul#press-clips {
    background-color: white;
    padding: 1px 20px;
    margin-top: 36px
    }
#container.site.contact.press article, #container.site.press.press article, #container.site.help.press article {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 12px
    }
#container.site.contact.press article:last-child, #container.site.press.press article:last-child, #container.site.help.press article:last-child {
    border-bottom: none
    }
#container.site.contact.press article .clip-date, #container.site.press.press article .clip-date, #container.site.help.press article .clip-date {
    color: #9B9B9B;
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 12px
    }
#container.site.contact.press article .clip-url, #container.site.press.press article .clip-url, #container.site.help.press article .clip-url {
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: bold;
    padding-top: 10px
    }
#container.site.contact.press article .clip-url a, #container.site.press.press article .clip-url a, #container.site.help.press article .clip-url a {
    color: #FC5359;
    text-decoration: none
    }
#container.site.contact.press article .clip-pub, #container.site.press.press article .clip-pub, #container.site.help.press article .clip-pub {
    color: #444;
    font-size: 16px;
    font-family: ArialMT;
    padding-top: 10px
    }
#container.site.contact #pr-contacts .pr-country, #container.site.press #pr-contacts .pr-country, #container.site.help #pr-contacts .pr-country {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-top: 22px;
    border-bottom: 1px solid #DBDBDB
    }
#container.site.contact #pr-contacts .pr-contact-details, #container.site.press #pr-contacts .pr-contact-details, #container.site.help #pr-contacts .pr-contact-details {
    padding-top: 22px
    }
#container.site.contact #pr-contacts .pr-contact-details a, #container.site.press #pr-contacts .pr-contact-details a, #container.site.help #pr-contacts .pr-contact-details a {
    color: #FC2C33;
    font-weight: bold;
    text-decoration: none
    }
#container.site.contact.contact .grecaptcha-badge, #container.site.contact.help .grecaptcha-badge, #container.site.press.contact .grecaptcha-badge, #container.site.press.help .grecaptcha-badge, #container.site.help.contact .grecaptcha-badge, #container.site.help.help .grecaptcha-badge {
    display: none
    }
#container.site.contact.contact section.intro, #container.site.contact.contact section.orders, #container.site.contact.contact section.contact, #container.site.contact.help section.intro, #container.site.contact.help section.orders, #container.site.contact.help section.contact, #container.site.press.contact section.intro, #container.site.press.contact section.orders, #container.site.press.contact section.contact, #container.site.press.help section.intro, #container.site.press.help section.orders, #container.site.press.help section.contact, #container.site.help.contact section.intro, #container.site.help.contact section.orders, #container.site.help.contact section.contact, #container.site.help.help section.intro, #container.site.help.help section.orders, #container.site.help.help section.contact {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.site.contact.contact section.intro h2, #container.site.contact.contact section.orders h2, #container.site.contact.contact section.contact h2, #container.site.contact.help section.intro h2, #container.site.contact.help section.orders h2, #container.site.contact.help section.contact h2, #container.site.press.contact section.intro h2, #container.site.press.contact section.orders h2, #container.site.press.contact section.contact h2, #container.site.press.help section.intro h2, #container.site.press.help section.orders h2, #container.site.press.help section.contact h2, #container.site.help.contact section.intro h2, #container.site.help.contact section.orders h2, #container.site.help.contact section.contact h2, #container.site.help.help section.intro h2, #container.site.help.help section.orders h2, #container.site.help.help section.contact h2 {
    margin-bottom: 15px
    }
#container.site.contact.contact section.contact-form, #container.site.contact.help section.contact-form, #container.site.press.contact section.contact-form, #container.site.press.help section.contact-form, #container.site.help.contact section.contact-form, #container.site.help.help section.contact-form {
    display: none;
    margin-top: 20px
    }
#container.site.contact.contact section.intro p.copy, #container.site.contact.help section.intro p.copy, #container.site.press.contact section.intro p.copy, #container.site.press.help section.intro p.copy, #container.site.help.contact section.intro p.copy, #container.site.help.help section.intro p.copy {
    display: grid
    }
#container.site.contact.contact .support_form textarea, #container.site.contact.help .support_form textarea, #container.site.press.contact .support_form textarea, #container.site.press.help .support_form textarea, #container.site.help.contact .support_form textarea, #container.site.help.help .support_form textarea {
    height: 120px
    }
#container.site.contact.contact dl dt, #container.site.contact.contact dl dd, #container.site.contact.help dl dt, #container.site.contact.help dl dd, #container.site.press.contact dl dt, #container.site.press.contact dl dd, #container.site.press.help dl dt, #container.site.press.help dl dd, #container.site.help.contact dl dt, #container.site.help.contact dl dd, #container.site.help.help dl dt, #container.site.help.help dl dd {
    display: inline-block
    }
#container.site.contact.contact dl dt, #container.site.contact.help dl dt, #container.site.press.contact dl dt, #container.site.press.help dl dt, #container.site.help.contact dl dt, #container.site.help.help dl dt {
    width: 120px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.site.contact.contact dl dt, #container.site.contact.help dl dt, #container.site.press.contact dl dt, #container.site.press.help dl dt, #container.site.help.contact dl dt, #container.site.help.help dl dt {
        padding-top: 10px
        }
    #container.site.contact.contact dl em, #container.site.contact.help dl em, #container.site.press.contact dl em, #container.site.press.help dl em, #container.site.help.contact dl em, #container.site.help.help dl em {
        display: block
        }
    }
#container.pages.about #main > article > .right_content > aside > article {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.pages.about #main > article > .right_content > aside > article h2 {
    margin-bottom: 15px
    }
@media only screen and (min-width: 780px) {
    article.project section#about + .expander {
        width: 620px
        }
    }
article.project section#about {
    width: 100%;
    min-height: 225px;
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 30px !important
    }
article.project section#about > .copy {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
article.project section#about > .copy h2, article.project section#about > .copy h3, article.project section#about > .copy h4, article.project section#about > .copy h5 {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
@media only screen and (min-width: 780px) {
    article.project section#about nav {
        width: 300px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    article.project section#about nav {
        margin-bottom: 20px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    article.project section#about section#tracks {
        float: right;
        width: 300px;
        margin-left: 20px;
        margin-bottom: 20px
        }
    }
article.project section#about .copy img {
    display: none;
    width: 100%
    }
article.project section#charity {
    clear: both;
    border-top: 1px solid #DBDBDB;
    padding-top: 15px;
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 20px
    }
article.project section#charity:after {
    content: "";
    display: table;
    clear: both
    }
article.project section#charity .amount {
    float: left;
    width: 113px;
    height: 113px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -42px -765px;
    height: 113px;
    width: 113px;
    margin-right: 20px;
    text-align: center;
    color: white;
    padding-top: 32px;
    font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px
    }
article.project section#charity .amount small {
    display: block;
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    margin-top: -5px
    }
article.project section#charity .copy {
    margin-top: 10px;
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
article.project section#charity .copy a {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
section.access_pass_banner {
    background-color: transparent;
    border-left: none;
    box-shadow: none;
    margin-bottom: 10px;
    padding-bottom: 10px
    }
section.access_pass_banner:after {
    content: "";
    display: table;
    clear: both
    }
section.access_pass_banner h2 {
    font-size: 24px;
    line-height: 26px;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: -2px
    }
section.access_pass_banner h2 span {
    background: none;
    background: -webkit-linear-gradient(left, #FF0A3E, #FF4319);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold
    }
section.access_pass_banner:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -68px -454px;
    height: 72px;
    width: 45px;
    width: 44px;
    height: 71px;
    content: " ";
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: -5px
    }
section.access_pass_banner ul {
    margin: 0;
    padding: 0
    }
section.access_pass_banner ul li {
    list-style: none;
    color: #333;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-right: 5px
    }
section.access_pass_banner ul li:before {
    content: "";
    position: relative;
    top: -5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px -13px -5px
    }
section.access_pass_banner ul li.download:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -37px -150px;
    height: 30px;
    width: 30px
    }
section.access_pass_banner ul li.updates:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -201px -73px;
    height: 30px;
    width: 32px;
    width: 33px;
    top: -2px;
    margin-right: 10px
    }
section.access_pass_banner ul li.shipping:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -67px -150px;
    height: 30px;
    width: 26px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    section.access_pass_banner ul li {
        display: inline-block;
        margin-right: 70px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    section.access_pass_banner ul li {
        font-size: 12px;
        line-height: 14px;
        margin-right: 40px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    section.access_pass_banner ul li {
        font-size: 12px;
        line-height: 14px;
        list-style: initial;
        margin-bottom: 5px;
        margin-left: 78px
        }
    section.access_pass_banner ul li:before {
        display: none
        }
    }
aside.project:after {
    content: "";
    display: table;
    clear: both
    }
aside.project section#gift_options .gift_link {
    margin-bottom: 10px
    }
@media only screen and (max-width: 800px) {
    aside.project section#gift_options {
        margin-bottom: 40px
        }
    }
aside.project section.content_box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    position: relative
    }
aside.project section.content_box h1 {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    margin-bottom: 15px
    }
aside.project section.content_box a.button {
    display: block;
    padding: 7px 10px
    }
aside.project .toggle_name {
    text-align: center;
    margin-bottom: 20px
    }
aside.project .toggle_name a {
    color: #FC2C33
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects aside.project, #container.artists aside.project {
        margin-left: 15px;
        margin-right: 15px
        }
    #container.projects aside.project section.content_box, #container.artists aside.project section.content_box {
        padding: 10px
        }
    #container.projects aside.project section.content_box.with_toggle, #container.artists aside.project section.content_box.with_toggle {
        background-color: black;
        color: white
        }
    #container.projects aside.project section.content_box.with_toggle h1, #container.artists aside.project section.content_box.with_toggle h1 {
        color: white;
        border-bottom: 0;
        margin-bottom: 0
        }
    #container.projects aside.project section.content_box.with_toggle section.toggle, #container.artists aside.project section.content_box.with_toggle section.toggle {
        display: none
        }
    #container.projects aside.project section.content_box.with_toggle a.button, #container.artists aside.project section.content_box.with_toggle a.button {
        text-align: left;
        color: #FC5359;
        padding-left: 0
        }
    #container.projects aside.project section.content_box.with_toggle a.toggle:after, #container.artists aside.project section.content_box.with_toggle a.toggle:after {
        content: "";
        display: inline-block;
        height: 8px;
        width: 8px;
        position: relative;
        top: -2px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 5px;
        position: absolute;
        right: 15px;
        top: 10px
        }
    #container.projects aside.project section.content_box.with_toggle a.toggle.visible h1, #container.artists aside.project section.content_box.with_toggle a.toggle.visible h1 {
        margin-bottom: 20px
        }
    #container.projects aside.project section.content_box.with_toggle a.toggle.visible:after, #container.artists aside.project section.content_box.with_toggle a.toggle.visible:after {
        content: "";
        display: inline-block;
        height: 8px;
        width: 8px;
        position: relative;
        top: -2px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-left: 5px;
        position: absolute;
        top: 10px
        }
    #container.projects #overview, #container.projects #featured_exclusives, #container.artists #overview, #container.artists #featured_exclusives {
        display: none
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects aside.project, #container.artists aside.project {
        margin-left: 30px
        }
    #container.projects aside.project #overview, #container.projects aside.project #featured_exclusives, #container.artists aside.project #overview, #container.artists aside.project #featured_exclusives {
        display: none
        }
    #container.projects aside.project #pledge_now, #container.projects aside.project #status, #container.artists aside.project #pledge_now, #container.artists aside.project #status {
        float: left;
        width: 314px
        }
    #container.projects aside.project #status, #container.artists aside.project #status {
        margin-right: 20px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects.downloads aside.project, #container.projects_updates aside.project {
        margin-left: 30px
        }
    #container.projects.downloads aside.project #overview, #container.projects.downloads aside.project #featured_exclusives, #container.projects_updates aside.project #overview, #container.projects_updates aside.project #featured_exclusives {
        display: none
        }
    #container.projects.downloads aside.project #pledge_now, #container.projects.downloads aside.project #status, #container.projects_updates aside.project #pledge_now, #container.projects_updates aside.project #status {
        display: none
        }
    #container.projects.downloads aside.project #status, #container.projects_updates aside.project #status {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects_updates #pledge_now {
        display: none
        }
    }
article.project .category {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    padding-top: 10px
    }
article.project .category:before {
    display: inline-block;
    content: " ";
    margin-right: 5px;
    margin-bottom: -5px;
    width: 20px;
    height: 20px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -199px 0;
    height: 20px;
    width: 20px
    }
article.project section#about nav {
    padding: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #DBDBDB;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 15px
    }
@media only screen and (max-width: 800px) {
    article.project section#about nav div {
        display: inline-block
        }
    article.project section#about nav div:first-child {
        margin-right: 20px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.project section#about nav {
        margin-bottom: 20px;
        font-family: Helvetica, sans-serif;
        font-size: 14px;
        line-height: 16px;
        font-weight: bold
        }
    }
article.project section#about nav div {
    margin-bottom: 10px
    }
article.project section#about nav div a {
    text-decoration: none
    }
article.project section#about nav div.charity:before {
    display: inline-block;
    content: " ";
    margin-right: 5px;
    margin-bottom: -5px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -131px 0;
    height: 20px;
    width: 23px;
    width: 23px;
    height: 20px
    }
article.project section#about nav div.handset_profile_link {
    margin-top: 10px
    }
article.project section#about nav div.handset_profile_link:before {
    display: none
    }
#container.projects.downloads article.download {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    background-color: #F2F2F7
    }
#container.projects.downloads article.download .path {
    margin-bottom: 20px
    }
#container.projects.downloads .admin {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.projects.downloads .admin > header h1, #container.projects.downloads .admin > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header, #container.projects.exclusive_mail_form section#exclusive_mail_form form {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
@media only screen and (min-width: 780px) {
    #container.projects.exclusive_mail_form section#exclusive_mail_form .back, #container.projects.exclusive_mail_form section#exclusive_mail_form header, #container.projects.exclusive_mail_form section#exclusive_mail_form form {
        margin-left: 15%;
        margin-right: 15%
        }
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header {
    margin-bottom: 20px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header:after {
    content: "";
    display: table;
    clear: both
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header h1, #container.projects.exclusive_mail_form section#exclusive_mail_form header h2 {
    margin: 0;
    padding: 0
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header h1 {
    float: left;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none;
    border-bottom: 0
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form header h2 {
    float: right;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=text], #container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=password], #container.projects.exclusive_mail_form section#exclusive_mail_form form select, #container.projects.exclusive_mail_form section#exclusive_mail_form form textarea, #container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field {
    width: 300px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=text], #container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=password], #container.projects.exclusive_mail_form section#exclusive_mail_form form select, #container.projects.exclusive_mail_form section#exclusive_mail_form form textarea, #container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field {
        width: 100%
        }
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=radio], #container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] {
    display: none
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] + label:before, #container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox]:checked + label:before {
    background-color: white
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox]:checked + label:after {
    display: block
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .intro {
    margin: 15px 0
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field .field {
    padding: 8px 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    line-height: 18px;
    color: black;
    display: inline-block
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options {
    margin-top: 5px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input {
    display: none
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio] + label:before, #container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio] + label:after {
    position: absolute;
    box-sizing: content-box;
    content: " ";
    display: inline-block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    top: 50%
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio] + label:before {
    z-index: 1;
    left: 0;
    padding: 2px;
    background-color: #F1F1F1;
    border: 2px solid #DBDBDB
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio] + label:after {
    display: none;
    z-index: 2;
    left: 2px;
    border: 2px solid white;
    background-color: #FC5359
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options input[type=radio]:checked + label:after {
    display: block
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .form_field.preference .options label {
    width: auto;
    display: inline-block;
    margin-right: 15px
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .submit {
    text-align: center
    }
#container.projects.exclusive_mail_form section#exclusive_mail_form form .submit input {
    color: #33344F;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    padding: 10px 40px
    }
.container.projects section.featured_exclusives {
    display: none
    }
.container.projects section.featured_exclusives article.exclusive {
    width: 260px;
    height: 300px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.projects section.featured_exclusives article.exclusive {
        width: 315px
        }
    }
.container.projects section.featured_exclusives article.exclusive .product {
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%)
    }
.container.projects section.featured_exclusives article.exclusive .image {
    display: none
    }
.container.projects section.featured_exclusives article.exclusive:after {
    bottom: 0
    }
.container.projects section.featured_exclusives .card_carousel {
    width: 260px;
    height: 340px;
    margin-left: 2px;
    margin-left: auto;
    margin-right: auto
    }
.container.projects section.featured_exclusives.with_images .card_carousel {
    height: 520px;
    margin-bottom: 10px
    }
.container.projects section.featured_exclusives.with_images article.exclusive {
    height: 490px;
    overflow: hidden
    }
.container.projects section.featured_exclusives.with_images article.exclusive .image {
    display: block !important;
    position: relative;
    left: 0;
    top: 0
    }
.container.projects section.featured_exclusives.with_images article.exclusive .image img {
    height: auto
    }
.container.projects section.featured_exclusives.with_images article.exclusive .image:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    color: #666;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px
    }
.notice.modal .modal_header {
    overflow: hidden;
    position: relative;
    margin: -20px 0 20px -40px;
    right: -20px
    }
.notice.modal .modal_header .facebox_close {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    width: 46px;
    overflow: hidden;
    color: white;
    right: 10px;
    top: 10px;
    padding: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
    }
.notice.modal .modal_header .facebox_close:before, .notice.modal .modal_header .facebox_close:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%
    }
.notice.modal .modal_header .facebox_close:before {
    border-left: 2px solid white;
    margin-left: 12px
    }
.notice.modal .modal_header .facebox_close:after {
    border-top: 2px solid white;
    margin-top: -14px
    }
.notice.modal h3 {
    width: 168px;
    margin: 20px auto 10px auto
    }
.notice.modal .close_share_modal {
    position: absolute;
    display: table;
    margin: 0;
    top: 30px;
    right: 8px
    }
.notice.modal .close_share_modal:after {
    content: "";
    display: table;
    clear: both
    }
.notice.modal .close_share_modal img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
.notice.modal .close_share_modal h1, .notice.modal .close_share_modal h2, .notice.modal .close_share_modal h3, .notice.modal .close_share_modal h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
.notice.modal .close_share_modal h1 a, .notice.modal .close_share_modal h2 a, .notice.modal .close_share_modal h3 a, .notice.modal .close_share_modal h4 a {
    color: white
    }
.notice.modal .close_share_modal a, .notice.modal .close_share_modal a:visited {
    text-decoration: none;
    color: white;
    font-size: 46px
    }
.notice.modal hgroup.project {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    top: 0;
    width: 90%
    }
.notice.modal hgroup.project:after {
    content: "";
    display: table;
    clear: both
    }
.notice.modal hgroup.project img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
.notice.modal hgroup.project h1, .notice.modal hgroup.project h2, .notice.modal hgroup.project h3, .notice.modal hgroup.project h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
.notice.modal hgroup.project h1 a, .notice.modal hgroup.project h2 a, .notice.modal hgroup.project h3 a, .notice.modal hgroup.project h4 a {
    color: white
    }
.notice.modal hgroup.project div {
    margin-top: 34px
    }
.notice.modal hgroup.project div h1, .notice.modal hgroup.project div h2 {
    max-width: 400px
    }
.notice.modal hgroup.project h1 {
    position: relative;
    font-size: 30px;
    line-height: 32px;
    text-align: left;
    margin: 20px
    }
.notice.modal hgroup.project .node_icon {
    display: none
    }
.hero_bg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    background-color: black
    }
.hero_bg img {
    width: 100%;
    margin-top: -25%;
    opacity: 0.5
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .notice.modal .modal_header {
        right: -15px
        }
    .notice.modal .modal_header .hero_bg {
        background-color: initial
        }
    .notice.modal .modal_header .hero_bg img {
        display: none
        }
    .notice.modal .modal_header .facebox_close {
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        height: 38px;
        width: 38px;
        overflow: hidden;
        color: black;
        right: 10px;
        top: 10px;
        padding: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
        }
    .notice.modal .modal_header .facebox_close:before, .notice.modal .modal_header .facebox_close:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%
        }
    .notice.modal .modal_header .facebox_close:before {
        border-left: 2px solid black;
        margin-left: 8px
        }
    .notice.modal .modal_header .facebox_close:after {
        border-top: 2px solid black;
        margin-top: -10px
        }
    .notice.modal hgroup.project h1 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        color: black;
        font-size: 20px;
        line-height: 22px;
        padding: 0 30px 15px 0;
        border-bottom: 1px solid #DBDBDB;
        margin-bottom: 0
        }
    .notice.modal hgroup.project h1 a {
        color: black
        }
    .notice.modal .facebox_close {
        right: 0
        }
    .notice.modal .facebox_close:before, .notice.modal .facebox_close:after {
        border-color: black
        }
    }
#facebox .notice.modal .button {
    min-width: 120px;
    margin-bottom: 20px
    }
#facebox .notice.modal .sign_in a {
    color: #FC5359
    }
#facebox .notice.modal article.message {
    padding: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 22px
    }
#facebox .notice.modal article.message .body {
    text-align: left;
    margin-bottom: 15px
    }
#facebox .notice.modal article.message .sign_in {
    padding-top: 20px;
    border-top: 1px solid #DBDBDB;
    margin-top: 20px
    }
#facebox .notice.modal.following p.following {
    display: block;
    font-weight: bold;
    margin: 10px
    }
#facebox .notice.modal.following .follow_button, #facebox .notice.modal.following .follow_cta {
    display: none
    }
#facebox .notice.modal.not_following p.following {
    display: none
    }
#facebox .notice.modal.closed.new_project .follow_button button.on, #facebox .notice.modal.closed.new_project .follow_button .follow.on {
    display: inline-block;
    background: none;
    font-size: 22px;
    line-height: 24px
    }
#facebox .notice.modal.closed.new_project .follow_button button.on:before, #facebox .notice.modal.closed.new_project .follow_button .follow.on:before {
    display: none
    }
#facebox .notice.modal section.other_projects {
    background-color: #F1F1F1;
    padding: 20px;
    border-top: 1px solid #DBDBDB
    }
#facebox .notice.modal section.other_projects #new_project {
    text-align: center
    }
#facebox .notice.modal section.other_projects #new_project article.project_card {
    display: inline-block;
    float: none;
    margin: 0
    }
#facebox .notice.modal section.other_projects #similar_projects > h1 {
    display: none
    }
#facebox .notice.modal section.other_projects article.project_card {
    margin: 0 10px 0 0
    }
#facebox .notice.modal section.other_projects article.project_card:nth-of-type(2n) {
    margin-right: 0
    }
#facebox .notice.modal section.other_projects article.project_card:nth-of-type(1n+3) {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox .notice.modal p, #facebox .notice.modal h1 {
        text-align: left
        }
    #facebox .notice.modal article.message {
        padding: 15px
        }
    #facebox .notice.modal section.other_projects.listing {
        padding: 15px
        }
    #facebox .notice.modal section.other_projects.listing article.project_card {
        width: 100%;
        max-width: 360px;
        height: initial;
        margin: 0 auto 10px auto
        }
    #facebox .notice.modal section.other_projects.listing article.project_card .description {
        margin-bottom: 80px
        }
    }
.container.projects section#pledge_now, aside section#pledge_now {
    text-align: center;
    margin-bottom: 25px
    }
.container.projects section#pledge_now:after, aside section#pledge_now:after {
    content: "";
    display: table;
    clear: both
    }
.container.projects section#pledge_now a.cta, aside section#pledge_now a.cta {
    display: block;
    padding: 7px 10px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    width: 300px
    }
.container.projects section#pledge_now .follow, aside section#pledge_now .follow {
    display: none
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.projects section#pledge_now .button.cta, .container.projects section#pledge_now nav.socials, aside section#pledge_now .button.cta, aside section#pledge_now nav.socials {
        display: inline-block
        }
    .container.projects section#pledge_now nav.socials, aside section#pledge_now nav.socials {
        float: none;
        width: auto;
        margin: 0 0 0 30px
        }
    }
html.mobile_app .container.projects section#pledge_now a.button.cta, html.mobile_app .container.artists section#pledge_now a.button.cta {
    margin-bottom: 25px
    }
html.mobile_app .container.projects section#pledge_now nav.socials, html.mobile_app .container.artists section#pledge_now nav.socials {
    display: none
    }
html.mobile_app .container.projects section#pledge_now .follow, html.mobile_app .container.artists section#pledge_now .follow {
    display: block
    }
html.mobile_app .container.projects section#pledge_now .follow button, html.mobile_app .container.projects section#pledge_now .follow a.follow, html.mobile_app .container.artists section#pledge_now .follow button, html.mobile_app .container.artists section#pledge_now .follow a.follow {
    box-sizing: border-box;
    width: 180px;
    background-color: black;
    white-space: nowrap;
    color: white;
    margin: 0 auto
    }
#container.projects.pledgers section#pledgers > header {
    display: none
    }
#container.projects.pledgers section#pledgers .visible {
    visibility: hidden
    }
#container article.project_card, #facebox article.project_card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    width: 300px;
    height: 100px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    margin-right: 15px;
    height: 360px;
    padding: 0;
    border: 1px solid #DBDBDB
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container article.project_card, #facebox article.project_card {
        width: 290px
        }
    }
#container article.project_card h1, #facebox article.project_card h1 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    color: black
    }
#container article.project_card header:after, #facebox article.project_card header:after {
    content: "";
    display: table;
    clear: both
    }
#container article.project_card header img, #facebox article.project_card header img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
    }
#container article.project_card header h1, #container article.project_card header h2, #facebox article.project_card header h1, #facebox article.project_card header h2 {
    color: black
    }
#container article.project_card header a, #container article.project_card header a:hover, #facebox article.project_card header a, #facebox article.project_card header a:hover {
    color: inherit;
    text-decoration: none
    }
#container article.project_card header h1, #facebox article.project_card header h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 4px
    }
#container article.project_card header h2, #facebox article.project_card header h2 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px
    }
#container article.project_card .description, #facebox article.project_card .description {
    max-height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical
    }
#container article.project_card .actions, #facebox article.project_card .actions {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3px
    }
#container article.project_card .actions .standard_button, #facebox article.project_card .actions .standard_button {
    height: 30px;
    padding: 4px 20px 5px 20px
    }
#container article.project_card img, #facebox article.project_card img {
    display: block;
    width: 100%;
    margin-bottom: 15px
    }
#container article.project_card > header, #container article.project_card .description, #facebox article.project_card > header, #facebox article.project_card .description {
    padding: 0 15px
    }
#container article.project_card footer, #facebox article.project_card footer {
    position: absolute;
    display: block;
    min-height: 24px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    background-color: #F1F1F1;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    line-height: 20px;
    color: #444
    }
#container article.project_card footer > div, #facebox article.project_card footer > div {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
#container article.project_card footer.items_1 > div, #facebox article.project_card footer.items_1 > div {
    width: 100%;
    margin: 0 !important;
    text-align: center
    }
#container article.project_card footer .message, #facebox article.project_card footer .message {
    width: inherit;
    display: block;
    text-align: center
    }
#container article.project_card footer .progress .ring, #facebox article.project_card footer .progress .ring {
    position: relative;
    top: 5px;
    display: inline-block
    }
#container article.project_card footer .timer:before, #facebox article.project_card footer .timer:before {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -191px -22px;
    height: 20px;
    width: 20px;
    background-position: 0 -785
    }
#container article.project_card footer .progress, #facebox article.project_card footer .progress {
    margin-top: 0
    }
#container article.project_card footer .progress .ring, #facebox article.project_card footer .progress .ring {
    position: relative;
    top: 4px;
    display: inline-block
    }
@media only screen and (min-width: 780px) {
    #container section.listing article.project_card, #facebox section.listing article.project_card {
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 20px
        }
    #container section.listing article.project_card:nth-of-type(3n), #facebox section.listing article.project_card:nth-of-type(3n) {
        margin-right: 0
        }
    #container .left_content section.listing article.project_card, #facebox .left_content section.listing article.project_card {
        float: left;
        display: block;
        margin-right: 0
        }
    #container .left_content section.listing article.project_card:nth-of-type(odd), #facebox .left_content section.listing article.project_card:nth-of-type(odd) {
        margin-right: 15px;
        margin-bottom: 15px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container section.listing article.project_card, #facebox section.listing article.project_card {
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 20px;
        width: 216px;
        height: 360px;
        margin-right: 15px;
        width: 226px;
        height: 345px
        }
    #container section.listing article.project_card:nth-of-type(3n), #facebox section.listing article.project_card:nth-of-type(3n) {
        margin-right: 0
        }
    #container section.listing article.project_card footer .message, #facebox section.listing article.project_card footer .message {
        text-align: center
        }
    #container section.listing article.project_card footer .progress, #container section.listing article.project_card footer .timer, #facebox section.listing article.project_card footer .progress, #facebox section.listing article.project_card footer .timer {
        margin-left: 15px
        }
    #container section.listing article.project_card footer .progress, #facebox section.listing article.project_card footer .progress {
        margin-top: -5px
        }
    #container section.listing article.project_card .items_1, #container section.listing article.project_card .items_0, #facebox section.listing article.project_card .items_1, #facebox section.listing article.project_card .items_0 {
        line-height: 46px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container section.listing article.project_card, #facebox section.listing article.project_card {
        display: block;
        margin-left: auto;
        margin-right: auto
        }
    #container section.listing article.project_card > header h2, #facebox section.listing article.project_card > header h2 {
        width: 90%;
        max-width: 258px
        }
    #container section.listing article.project_card > header h2 a, #facebox section.listing article.project_card > header h2 a {
        display: inline-block;
        width: 80%
        }
    }
.project_status {
    background-color: transparent;
    border-left: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    overflow: hidden
    }
.project_status header h1 {
    line-height: 45px !important;
    border-bottom: 0 !important
    }
.project_status.canceled, .project_status.unfunded {
    height: auto
    }
@media only screen and (max-width: 800px) {
    .project_status {
        height: auto !important;
        padding: 15px !important
        }
    .project_status .items, .project_status header {
        display: none
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .project_status h1 {
        display: none
        }
    .project_status.funded {
        display: none
        }
    }
.project_status .items {
    position: relative;
    background-color: transparent;
    border-left: none;
    box-shadow: none;
    text-align: center;
    padding-bottom: 50px
    }
.project_status .items .message {
    padding: 15px
    }
.project_status .items .progress {
    position: relative;
    display: inline-block;
    width: 115px;
    vertical-align: top
    }
.project_status .items .progress span.notch {
    display: block;
    position: absolute;
    top: 52px;
    left: 54px;
    width: 5px;
    height: 10px
    }
.project_status .items .progress span.notch:nth-child(1) {
    background-color: #FC2C33;
    -webkit-transform: rotate(10deg) translatey(-50px);
    -moz-transform: rotate(10deg) translatey(-50px);
    -ms-transform: rotate(10deg) translatey(-50px);
    -o-transform: rotate(10deg) translatey(-50px);
    transform: rotate(10deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(2) {
    background-color: #FC2C33;
    -webkit-transform: rotate(20deg) translatey(-50px);
    -moz-transform: rotate(20deg) translatey(-50px);
    -ms-transform: rotate(20deg) translatey(-50px);
    -o-transform: rotate(20deg) translatey(-50px);
    transform: rotate(20deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(3) {
    background-color: #FC2C33;
    -webkit-transform: rotate(30deg) translatey(-50px);
    -moz-transform: rotate(30deg) translatey(-50px);
    -ms-transform: rotate(30deg) translatey(-50px);
    -o-transform: rotate(30deg) translatey(-50px);
    transform: rotate(30deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(4) {
    background-color: #FC2C33;
    -webkit-transform: rotate(41deg) translatey(-50px);
    -moz-transform: rotate(41deg) translatey(-50px);
    -ms-transform: rotate(41deg) translatey(-50px);
    -o-transform: rotate(41deg) translatey(-50px);
    transform: rotate(41deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(5) {
    background-color: #FC2C33;
    -webkit-transform: rotate(51deg) translatey(-50px);
    -moz-transform: rotate(51deg) translatey(-50px);
    -ms-transform: rotate(51deg) translatey(-50px);
    -o-transform: rotate(51deg) translatey(-50px);
    transform: rotate(51deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(6) {
    background-color: #FC2C33;
    -webkit-transform: rotate(61deg) translatey(-50px);
    -moz-transform: rotate(61deg) translatey(-50px);
    -ms-transform: rotate(61deg) translatey(-50px);
    -o-transform: rotate(61deg) translatey(-50px);
    transform: rotate(61deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(7) {
    background-color: #FC2C33;
    -webkit-transform: rotate(72deg) translatey(-50px);
    -moz-transform: rotate(72deg) translatey(-50px);
    -ms-transform: rotate(72deg) translatey(-50px);
    -o-transform: rotate(72deg) translatey(-50px);
    transform: rotate(72deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(8) {
    background-color: #FC2C33;
    -webkit-transform: rotate(82deg) translatey(-50px);
    -moz-transform: rotate(82deg) translatey(-50px);
    -ms-transform: rotate(82deg) translatey(-50px);
    -o-transform: rotate(82deg) translatey(-50px);
    transform: rotate(82deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(9) {
    background-color: #FC2C33;
    -webkit-transform: rotate(92deg) translatey(-50px);
    -moz-transform: rotate(92deg) translatey(-50px);
    -ms-transform: rotate(92deg) translatey(-50px);
    -o-transform: rotate(92deg) translatey(-50px);
    transform: rotate(92deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(10) {
    background-color: #FC2C33;
    -webkit-transform: rotate(102deg) translatey(-50px);
    -moz-transform: rotate(102deg) translatey(-50px);
    -ms-transform: rotate(102deg) translatey(-50px);
    -o-transform: rotate(102deg) translatey(-50px);
    transform: rotate(102deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(11) {
    background-color: #FC2C33;
    -webkit-transform: rotate(113deg) translatey(-50px);
    -moz-transform: rotate(113deg) translatey(-50px);
    -ms-transform: rotate(113deg) translatey(-50px);
    -o-transform: rotate(113deg) translatey(-50px);
    transform: rotate(113deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(12) {
    background-color: #FC2C33;
    -webkit-transform: rotate(123deg) translatey(-50px);
    -moz-transform: rotate(123deg) translatey(-50px);
    -ms-transform: rotate(123deg) translatey(-50px);
    -o-transform: rotate(123deg) translatey(-50px);
    transform: rotate(123deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(13) {
    background-color: #FC2C33;
    -webkit-transform: rotate(133deg) translatey(-50px);
    -moz-transform: rotate(133deg) translatey(-50px);
    -ms-transform: rotate(133deg) translatey(-50px);
    -o-transform: rotate(133deg) translatey(-50px);
    transform: rotate(133deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(14) {
    background-color: #FC2C33;
    -webkit-transform: rotate(144deg) translatey(-50px);
    -moz-transform: rotate(144deg) translatey(-50px);
    -ms-transform: rotate(144deg) translatey(-50px);
    -o-transform: rotate(144deg) translatey(-50px);
    transform: rotate(144deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(15) {
    background-color: #FC2C33;
    -webkit-transform: rotate(154deg) translatey(-50px);
    -moz-transform: rotate(154deg) translatey(-50px);
    -ms-transform: rotate(154deg) translatey(-50px);
    -o-transform: rotate(154deg) translatey(-50px);
    transform: rotate(154deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(16) {
    background-color: #FC2C33;
    -webkit-transform: rotate(164deg) translatey(-50px);
    -moz-transform: rotate(164deg) translatey(-50px);
    -ms-transform: rotate(164deg) translatey(-50px);
    -o-transform: rotate(164deg) translatey(-50px);
    transform: rotate(164deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(17) {
    background-color: #FC2C33;
    -webkit-transform: rotate(174deg) translatey(-50px);
    -moz-transform: rotate(174deg) translatey(-50px);
    -ms-transform: rotate(174deg) translatey(-50px);
    -o-transform: rotate(174deg) translatey(-50px);
    transform: rotate(174deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(18) {
    background-color: #FC2C33;
    -webkit-transform: rotate(185deg) translatey(-50px);
    -moz-transform: rotate(185deg) translatey(-50px);
    -ms-transform: rotate(185deg) translatey(-50px);
    -o-transform: rotate(185deg) translatey(-50px);
    transform: rotate(185deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(19) {
    background-color: #FC2C33;
    -webkit-transform: rotate(195deg) translatey(-50px);
    -moz-transform: rotate(195deg) translatey(-50px);
    -ms-transform: rotate(195deg) translatey(-50px);
    -o-transform: rotate(195deg) translatey(-50px);
    transform: rotate(195deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(20) {
    background-color: #FC2C33;
    -webkit-transform: rotate(205deg) translatey(-50px);
    -moz-transform: rotate(205deg) translatey(-50px);
    -ms-transform: rotate(205deg) translatey(-50px);
    -o-transform: rotate(205deg) translatey(-50px);
    transform: rotate(205deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(21) {
    background-color: #FC2C33;
    -webkit-transform: rotate(216deg) translatey(-50px);
    -moz-transform: rotate(216deg) translatey(-50px);
    -ms-transform: rotate(216deg) translatey(-50px);
    -o-transform: rotate(216deg) translatey(-50px);
    transform: rotate(216deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(22) {
    background-color: #FC2C33;
    -webkit-transform: rotate(226deg) translatey(-50px);
    -moz-transform: rotate(226deg) translatey(-50px);
    -ms-transform: rotate(226deg) translatey(-50px);
    -o-transform: rotate(226deg) translatey(-50px);
    transform: rotate(226deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(23) {
    background-color: #FC2C33;
    -webkit-transform: rotate(236deg) translatey(-50px);
    -moz-transform: rotate(236deg) translatey(-50px);
    -ms-transform: rotate(236deg) translatey(-50px);
    -o-transform: rotate(236deg) translatey(-50px);
    transform: rotate(236deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(24) {
    background-color: #FC2C33;
    -webkit-transform: rotate(246deg) translatey(-50px);
    -moz-transform: rotate(246deg) translatey(-50px);
    -ms-transform: rotate(246deg) translatey(-50px);
    -o-transform: rotate(246deg) translatey(-50px);
    transform: rotate(246deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(25) {
    background-color: #FC2C33;
    -webkit-transform: rotate(257deg) translatey(-50px);
    -moz-transform: rotate(257deg) translatey(-50px);
    -ms-transform: rotate(257deg) translatey(-50px);
    -o-transform: rotate(257deg) translatey(-50px);
    transform: rotate(257deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(26) {
    background-color: #FC2C33;
    -webkit-transform: rotate(267deg) translatey(-50px);
    -moz-transform: rotate(267deg) translatey(-50px);
    -ms-transform: rotate(267deg) translatey(-50px);
    -o-transform: rotate(267deg) translatey(-50px);
    transform: rotate(267deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(27) {
    background-color: #FC2C33;
    -webkit-transform: rotate(277deg) translatey(-50px);
    -moz-transform: rotate(277deg) translatey(-50px);
    -ms-transform: rotate(277deg) translatey(-50px);
    -o-transform: rotate(277deg) translatey(-50px);
    transform: rotate(277deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(28) {
    background-color: #FC2C33;
    -webkit-transform: rotate(288deg) translatey(-50px);
    -moz-transform: rotate(288deg) translatey(-50px);
    -ms-transform: rotate(288deg) translatey(-50px);
    -o-transform: rotate(288deg) translatey(-50px);
    transform: rotate(288deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(29) {
    background-color: #FC2C33;
    -webkit-transform: rotate(298deg) translatey(-50px);
    -moz-transform: rotate(298deg) translatey(-50px);
    -ms-transform: rotate(298deg) translatey(-50px);
    -o-transform: rotate(298deg) translatey(-50px);
    transform: rotate(298deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(30) {
    background-color: #FC2C33;
    -webkit-transform: rotate(308deg) translatey(-50px);
    -moz-transform: rotate(308deg) translatey(-50px);
    -ms-transform: rotate(308deg) translatey(-50px);
    -o-transform: rotate(308deg) translatey(-50px);
    transform: rotate(308deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(31) {
    background-color: #FC2C33;
    -webkit-transform: rotate(318deg) translatey(-50px);
    -moz-transform: rotate(318deg) translatey(-50px);
    -ms-transform: rotate(318deg) translatey(-50px);
    -o-transform: rotate(318deg) translatey(-50px);
    transform: rotate(318deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(32) {
    background-color: #FC2C33;
    -webkit-transform: rotate(329deg) translatey(-50px);
    -moz-transform: rotate(329deg) translatey(-50px);
    -ms-transform: rotate(329deg) translatey(-50px);
    -o-transform: rotate(329deg) translatey(-50px);
    transform: rotate(329deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(33) {
    background-color: #FC2C33;
    -webkit-transform: rotate(339deg) translatey(-50px);
    -moz-transform: rotate(339deg) translatey(-50px);
    -ms-transform: rotate(339deg) translatey(-50px);
    -o-transform: rotate(339deg) translatey(-50px);
    transform: rotate(339deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(34) {
    background-color: #FC2C33;
    -webkit-transform: rotate(349deg) translatey(-50px);
    -moz-transform: rotate(349deg) translatey(-50px);
    -ms-transform: rotate(349deg) translatey(-50px);
    -o-transform: rotate(349deg) translatey(-50px);
    transform: rotate(349deg) translatey(-50px)
    }
.project_status .items .progress span.notch:nth-child(35) {
    background-color: #FC2C33;
    -webkit-transform: rotate(360deg) translatey(-50px);
    -moz-transform: rotate(360deg) translatey(-50px);
    -ms-transform: rotate(360deg) translatey(-50px);
    -o-transform: rotate(360deg) translatey(-50px);
    transform: rotate(360deg) translatey(-50px)
    }
.project_status .items .progress span.notch.grayed {
    background-color: #DBDBDB
    }
.project_status .items .progress .text, .project_status .items .progress .subtext {
    position: relative;
    text-align: center;
    width: 100%;
    text-align: center
    }
.project_status .items .progress .text {
    top: 45px;
    width: 115px
    }
.project_status .items .progress .subtext {
    top: 90px;
    width: 110px
    }
.project_status .items .progress, .project_status .items .timer {
    position: relative;
    height: 112px
    }
.project_status .items .text, .project_status .items .subtext, .project_status .items .calendar {
    position: relative;
    text-align: center;
    width: 100%;
    text-align: center
    }
.project_status .items .text {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: #FC2C33
    }
.project_status .items .subtext {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #999
    }
.project_status .items .timer {
    display: inline-block;
    width: 85px
    }
.project_status .items .timer .calendar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 130px;
    height: 100px;
    border: 5px solid #FC2C33;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
    width: 75px;
    height: 75px;
    top: 20px
    }
.project_status .items .timer .calendar:before, .project_status .items .timer .calendar:after {
    position: absolute;
    top: -10px;
    width: 5px;
    height: 15px;
    content: "";
    background-color: #FC2C33
    }
.project_status .items .timer .calendar:before {
    left: 10px
    }
.project_status .items .timer .calendar:after {
    right: 10px
    }
.project_status .items .timer .calendar .month_day {
    font-weight: bold;
    margin: 5px
    }
.project_status .items .timer .text {
    top: 10px
    }
.project_status .items .timer .subtext {
    top: 47px
    }
.project_status.items_0 {
    display: none;
    padding: 0
    }
.project_status.items_1 .items .timer {
    width: 100%
    }
.project_status.items_1 .items .timer .subtext {
    top: 35px
    }
.project_status.items_2 .items .progress {
    margin-right: 30px
    }
.project_status footer {
    position: absolute;
    display: block;
    min-height: 24px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    background-color: #F1F1F1;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    line-height: 20px;
    color: #444;
    position: initial
    }
.project_status footer > div {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
.project_status footer.items_1 > div {
    width: 100%;
    margin: 0 !important;
    text-align: center
    }
.project_status footer .message {
    width: inherit;
    display: block;
    text-align: center
    }
.project_status footer .progress .ring {
    position: relative;
    top: 5px;
    display: inline-block
    }
.project_status footer .timer:before {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -191px -22px;
    height: 20px;
    width: 20px;
    background-position: 0 -785
    }
@media only screen and (min-width: 780px) {
    .project_status footer {
        display: none
        }
    }
@media only screen and (max-width: 800px) {
    .project_status footer {
        font-size: 20px;
        line-height: 24px
        }
    .project_status footer > div {
        width: 100%
        }
    .project_status footer.items_2 .progress {
        margin-top: -15px
        }
    .project_status footer.items_1 > div {
        margin-top: 10px;
        text-align: center;
        line-height: 24px
        }
    .project_status footer.items_0 > div {
        font-size: 18px;
        line-height: 48px
        }
    .project_status footer .progress .ring {
        left: -2px;
        top: 7px;
        margin-right: -4px
        }
    .project_status footer .timer:before {
        top: 6px
        }
    }
@media only screen and (max-width: 800px) and (max-width: 800px) {
    .project_status footer .timer:before {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
        background-position: 0 -262px;
        height: 31px;
        width: 30px;
        width: 30px;
        height: 31px;
        display: inline-block
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .project_status footer {
        height: 57px;
        padding: 0
        }
    .project_status footer.items_2 > div {
        margin-left: 24%
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .project_status footer.items_2 > div {
        margin-left: 15%
        }
    .project_status footer.items_0.launched {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.projects.show article.tickets_card .image {
        display: none
        }
    .container.projects.show .project_status.next_show header {
        display: block
        }
    }
.container.projects.tickets #expired {
    display: none
    }
.container.projects.tickets section#exclusives > header > h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
    }
.container.projects.tickets section#exclusives > header > h2 {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 26px;
    color: black;
    text-decoration: none;
    margin-bottom: 20px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.projects.tickets section#exclusives header h1 {
        font-size: 24px;
        line-height: 26px
        }
    .container.projects.tickets section#exclusives header h2 {
        font-size: 18px;
        line-height: 20px
        }
    }
#facebox.projects_tickets article.floorplan, #facebox.projects.tickets article.floorplan {
    padding: 20px
    }
#facebox.projects_tickets #cart_expired, #facebox.projects.tickets #cart_expired {
    padding: 20px;
    width: auto
    }
#facebox.projects_tickets #cart_expired h1, #facebox.projects.tickets #cart_expired h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    margin-bottom: 20px;
    margin-top: 0
    }
#facebox.projects_tickets #cart_expired .button.cta, #facebox.projects.tickets #cart_expired .button.cta {
    width: 200px;
    display: block;
    margin: 0 auto
    }
.container.projects_tickets .left_content {
    width: 600px;
    margin-right: 40px
    }
.container.projects_tickets .tickets_cart section.event_name {
    margin-bottom: 20px
    }
.container.projects_tickets .tickets_cart form {
    background-color: white;
    padding: 15px;
    margin-bottom: 40px
    }
.container.projects_tickets .tickets_cart form input[type=text], .container.projects_tickets .tickets_cart form input[type=password], .container.projects_tickets .tickets_cart form select, .container.projects_tickets .tickets_cart form textarea, .container.projects_tickets .tickets_cart form .form_field {
    width: 300px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.projects_tickets .tickets_cart form input[type=text], .container.projects_tickets .tickets_cart form input[type=password], .container.projects_tickets .tickets_cart form select, .container.projects_tickets .tickets_cart form textarea, .container.projects_tickets .tickets_cart form .form_field {
        width: 100%
        }
    }
.container.projects_tickets .tickets_cart form input[type=radio], .container.projects_tickets .tickets_cart form input[type=checkbox] {
    display: none
    }
.container.projects_tickets .tickets_cart form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
.container.projects_tickets .tickets_cart form input[type=checkbox] + label:before, .container.projects_tickets .tickets_cart form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
.container.projects_tickets .tickets_cart form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
.container.projects_tickets .tickets_cart form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
.container.projects_tickets .tickets_cart form input[type=checkbox]:checked + label:before {
    background-color: white
    }
.container.projects_tickets .tickets_cart form input[type=checkbox]:checked + label:after {
    display: block
    }
.container.projects_tickets .tickets_cart form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
.container.projects_tickets .tickets_cart form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
.container.projects_tickets .tickets_cart section.ticket_step {
    margin-bottom: 20px
    }
.container.projects_tickets .tickets_cart section.ticket_step > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    border: 0;
    margin-bottom: 10px
    }
.container.projects_tickets .tickets_cart section.ticket_step > h1:after {
    content: ":"
    }
.container.projects_tickets .tickets_cart .error {
    color: red
    }
.container.projects_tickets .tickets_cart select:focus {
    outline: 0;
    border: 2px solid #FC2C33
    }
.container.projects_tickets .tickets_cart .form_field.disabled label {
    color: #DBDBDB !important
    }
.container.projects_tickets .tickets_cart input:disabled {
    background-color: #DBDBDB !important
    }
.container.projects_tickets .tickets_cart .form_field.submit input, .container.projects_tickets .tickets_cart .form_field.submit a {
    display: block;
    width: 100% !important;
    text-align: center
    }
.container.projects_tickets .tickets_cart .button.cta {
    color: #33344F;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 24px
    }
.container.projects_tickets .tickets_cart .right_content .count_down {
    display: block;
    margin-bottom: 20px
    }
.container.projects_tickets .tickets_cart .right_content .count_down .intro {
    display: block
    }
.container.projects_tickets .tickets_cart .right_content .count_down .intro:after {
    content: ": "
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    html:not(.ios_app) #container.projects_tickets {
        height: 100%;
        margin-top: 0
        }
    html:not(.ios_app) #container.projects_tickets #main > header {
        margin-bottom: 10px
        }
    .container.projects_tickets section.event_name h1 {
        display: none
        }
    .container.projects_tickets .button.cta {
        width: 100%
        }
    }
.container.projects_tickets section.seat_info ul {
    padding: 0;
    margin: 0
    }
.container.projects_tickets section.seat_info ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.container.projects_tickets section.seat_info ul li {
    margin-bottom: 5px
    }
.container.projects_tickets section.seat_info ul li.seated {
    padding-bottom: 5px;
    border-bottom: 1px dashed #DBDBDB
    }
.container.projects_tickets section.seat_info .row, .container.projects_tickets section.seat_info .seats, .container.projects_tickets section.seat_info .narrative {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #FC5359
    }
.container.projects_tickets section.shipping_options {
    margin-top: 20px
    }
.container.projects_tickets section.shipping_options label {
    display: block;
    margin-bottom: 5px
    }
.container.projects_tickets .search_again {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    color: #FC2C33
    }
.container.projects_tickets section.event_info {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 15px
    }
.container.projects_tickets section.event_info:after {
    content: "";
    display: table;
    clear: both
    }
.container.projects_tickets section.event_info .calendar {
    float: left;
    margin-right: 15px
    }
.container.projects_tickets section.event_info .event_date {
    display: none
    }
.container.projects.show section.next_show a {
    display: block;
    background-color: white;
    text-decoration: none;
    padding: 10px;
    margin: 0 20px;
    text-align: center
    }
.container.projects.show section.next_show .info {
    margin-top: 15px
    }
.container.projects.show section.next_show .info .venue {
    font-weight: bold
    }
.container.projects.show section.next_show .info .price {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444
    }
.container.projects_tickets section.select_bundle {
    margin-bottom: 0 !important
    }
.container.projects_tickets section.select_bundle section.continue:after {
    content: "";
    display: table;
    clear: both
    }
.container.projects_tickets section.select_bundle section.continue h1 {
    float: left;
    border-bottom: 0
    }
@media only screen and (min-width: 780px) {
    .container.projects_tickets section.select_bundle section.continue h1 {
        margin-top: 0 !important
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.projects_tickets section.select_bundle section.continue h1 {
        width: 50%
        }
    .container.projects_tickets section.select_bundle section.continue .button {
        float: right;
        width: 250px;
        padding: 8px 20px 5px 20px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.projects_tickets section.select_bundle section.continue h1 {
        margin-top: 10px
        }
    }
.container.projects_tickets section.select_bundle section.bundles {
    position: relative;
    border-top: 1px solid #DBDBDB;
    padding-top: 20px;
    margin-top: 15px;
    margin: 30px 0 10px 0
    }
.container.projects_tickets section.select_bundle section.bundles:before {
    position: absolute;
    display: inline-block;
    left: 50%;
    margin-top: -24px;
    margin-left: -10px;
    content: "Or";
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 0 8px;
    background-color: white
    }
.container.projects_tickets section.select_bundle section.bundles:before {
    font-size: 20px;
    line-height: 22px;
    color: #FC2C33;
    margin-top: -30px;
    left: 30%
    }
.container.projects_tickets section.select_bundle section.bundles article.unavailable a.button {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.projects_tickets section.select_bundle section.continue a.button.cta {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
        }
    .container.projects_tickets section.select_bundle section.bundles:before {
        left: 15%;
        font-size: 16px;
        line-height: 18px;
        color: #999
        }
    }
.container.projects_tickets .seat_info .form_field.ticket_type.single_option {
    max-width: 300px
    }
.container.projects_tickets .seat_info .form_field.ticket_type.single_option label {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 30px
    }
.container.projects_tickets .bundle_single_option {
    margin-top: 20px
    }
.container.projects_tickets .bundle_single_option label {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    line-height: 40px
    }
.container.projects_tickets .totals {
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    background-color: #F1F1F1;
    border: 1px solid #C1C1C1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 5px
    }
.container.projects_tickets .totals .price_total {
    float: right
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.projects_tickets .totals {
        width: auto
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.projects_tickets .seat_info .form_field.ticket_type, .container.projects_tickets .seat_info .form_field.bundle_options, .container.projects_tickets .seat_info .bundle_single_option {
        display: inline-block;
        vertical-align: top;
        margin-right: 17px
        }
    .container.projects_tickets .seat_info .form_field.quantity {
        display: inline-block;
        vertical-align: top;
        width: 100px
        }
    .container.projects_tickets .seat_info .form_field.quantity select {
        width: 100px
        }
    }
.bundles article.ticket_bundle {
    position: relative;
    min-height: 165px;
    border: 1px solid #DBDBDB
    }
.bundles article.ticket_bundle h1 {
    display: block;
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
    }
.bundles article.ticket_bundle h1, .bundles article.ticket_bundle .description, .bundles article.ticket_bundle .button {
    max-width: 240px;
    float: left
    }
.bundles article.ticket_bundle .unbundled_cost {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444;
    color: #999
    }
.bundles article.ticket_bundle .image {
    background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/interface/missing/bundle-0a1203c482d203b59b43fca8613598d0dc7e60f10b4db5ce4e9c45f1feb70f84.png) no-repeat;
    width: 145px;
    height: 145px;
    float: left;
    margin-top: 0;
    margin-right: 15px
    }
.bundles article.ticket_bundle p.description {
    margin-bottom: 60px
    }
.bundles article.ticket_bundle a.button {
    width: 300px;
    padding: 8px 20px 5px 20px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    position: absolute;
    bottom: 20px;
    left: 175px
    }
.bundles article.ticket_bundle.with_image .image {
    background-image: none
    }
.bundles article.ticket_bundle:after {
    display: none !important
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .bundles article.ticket_bundle .additional_cost, .bundles article.ticket_bundle .image, .bundles article.ticket_bundle .access_pass .includes, .bundles article.ticket_bundle .stock {
        display: none
        }
    .bundles article.ticket_bundle h1, .bundles article.ticket_bundle p.description, .bundles article.ticket_bundle .details, .bundles article.ticket_bundle .price, .bundles article.ticket_bundle a.button {
        display: block;
        width: 100%;
        position: initial;
        max-width: initial;
        float: initial
        }
    .bundles article.ticket_bundle p.description, .bundles article.ticket_bundle .details {
        position: initial;
        margin-bottom: 15px
        }
    .bundles article.ticket_bundle a.button {
        margin: 10px auto;
        max-width: 350px;
        float: none
        }
    }
article.ticket_event_card .calendar {
    float: left;
    margin-right: 20px;
    border-color: #00B5AC
    }
article.ticket_event_card .calendar:before, article.ticket_event_card .calendar:after {
    background-color: #00B5AC
    }
article.ticket_event_card span.access_pass {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal
    }
article.ticket_event_card .button.cta {
    width: 300px;
    top: 40%
    }
article.ticket_event_card .details {
    width: auto
    }
article.ticket_event_card .additional_cost {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444;
    text-align: right
    }
article.ticket_event_card .total_cost, article.ticket_event_card .stock, article.ticket_event_card .event_date {
    display: none
    }
article.ticket_event_card .on_sale_at {
    display: none
    }
article.ticket_event_card .image {
    position: initial;
    width: 155px;
    float: left;
    margin-right: 10px
    }
article.ticket_event_card .description {
    margin-top: 10px
    }
article.ticket_event_card .description img {
    display: none
    }
article.ticket_event_card div.bundles {
    margin-right: 10px;
    clear: left
    }
article.ticket_event_card div.bundles:before {
    display: inline-block;
    width: 17px;
    height: 17px;
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -80px 0;
    height: 17px;
    width: 17px;
    margin-right: 5px
    }
article.ticket_event_card.with_image h1 {
    margin-left: 0
    }
article.ticket_event_card.with_image .image {
    margin-top: 0;
    margin-right: 10px
    }
article.ticket_event_card.with_image .event_date {
    display: block
    }
article.ticket_event_card.access_pass p.access_pass {
    display: block
    }
article.ticket_event_card.unavailable .price {
    display: none
    }
article.ticket_event_card.unavailable .stock {
    display: inline-block
    }
article.ticket_event_card.unavailable .calendar {
    border-color: #DBDBDB
    }
article.ticket_event_card.unavailable .calendar:before, article.ticket_event_card.unavailable .calendar:after {
    background-color: #DBDBDB
    }
article.ticket_event_card.unavailable:hover .reserve, article.ticket_event_card.unavailable:hover .button.cta {
    display: none
    }
article.ticket_event_card.unavailable:hover .reserve {
    cursor: inherit
    }
article.ticket_event_card.coming_soon .reserve {
    display: block
    }
article.ticket_event_card.coming_soon .button.cta, article.ticket_event_card.coming_soon .stock {
    display: none
    }
article.ticket_event_card.coming_soon .calendar {
    opacity: 0.5
    }
article.ticket_event_card.coming_soon .description {
    display: none
    }
article.ticket_event_card.coming_soon .on_sale_at {
    display: block;
    font-weight: bold;
    position: absolute;
    z-index: 100;
    bottom: 20px;
    margin-left: 155px
    }
article.ticket_event_card.sold_out .stock {
    display: inline-block;
    background-color: #C1C1C1
    }
article.ticket_event_card.sold_out .stock:after, article.ticket_event_card.sold_out .stock:before {
    border-top-color: #C1C1C1;
    border-bottom-color: #C1C1C1
    }
.venue_info {
    padding: 0;
    margin: 0;
    margin-bottom: 20px
    }
.venue_info li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.venue_info .venue_name {
    font-weight: bold
    }
.container.checkout .venue_name {
    font-weight: normal
    }
.container.projects_tickets .venue_info {
    padding-top: 20px;
    line-height: 22px
    }
.container.projects_tickets .venue_info .address {
    margin-bottom: 10px
    }
.container.projects_tickets .venue_info .restrictions {
    margin-top: 10px
    }
.container.projects_tickets .venue_info .restrictions:before {
    display: block;
    float: left;
    content: "!";
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #C94444;
    color: white;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    margin: 0 5px 40px 0
    }
.container.projects_tickets section.venue .venue_info .address {
    display: none
    }
.container.projects_tickets section.floorplan img {
    width: 100%
    }
#container.projects.show article.tickets_card .image, #container.projects.exclusives article.tickets_card .image {
    width: 117px;
    height: 117px;
    float: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -878px;
    height: 117px;
    width: 117px;
    margin: 0 auto 0 auto
    }
#container.projects section#exclusives article.tickets_card, #container.projects section#featured_exclusives article.tickets_card {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    min-height: 150px
    }
#container.projects section#exclusives article.tickets_card h1, #container.projects section#featured_exclusives article.tickets_card h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-right: 0
    }
#container.projects section#exclusives article.tickets_card .details, #container.projects section#featured_exclusives article.tickets_card .details {
    position: absolute;
    width: auto;
    border-bottom: 0;
    margin-bottom: 15px
    }
#container.projects section#exclusives article.tickets_card .copy.cta, #container.projects section#exclusives article.tickets_card .description, #container.projects section#featured_exclusives article.tickets_card .copy.cta, #container.projects section#featured_exclusives article.tickets_card .description {
    display: none
    }
#container.projects section#exclusives article.tickets_card.unavailable .stock, #container.projects section#featured_exclusives article.tickets_card.unavailable .stock {
    margin-left: -134px
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass, #container.projects section#exclusives.tickets_and_access_only article.tickets_card, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card {
    width: 460px;
    height: 150px;
    display: block;
    float: left;
    clear: none;
    margin-bottom: 0
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass h1, #container.projects section#exclusives.tickets_and_access_only article.access_pass .description, #container.projects section#exclusives.tickets_and_access_only article.tickets_card h1, #container.projects section#exclusives.tickets_and_access_only article.tickets_card .description, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass h1, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass .description, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card h1, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .description {
    margin-right: 0;
    margin-left: 100px
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass h1, #container.projects section#exclusives.tickets_and_access_only article.tickets_card h1, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass h1, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card h1 {
    width: 260px
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass .stock, #container.projects section#exclusives.tickets_and_access_only article.tickets_card .stock, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass .stock, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .stock {
    display: none
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass .image, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass .image {
    width: 75px;
    overflow: hidden;
    margin: -45px 0 0 10px
    }
#container.projects section#exclusives.tickets_and_access_only article.access_pass .image img, #container.projects section#featured_exclusives.tickets_and_access_only article.access_pass .image img {
    margin-left: -40px
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card {
    box-sizing: border-box;
    margin-right: 20px
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card h1, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card h1 {
    margin-left: 125px
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card .image, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .image {
    float: left;
    margin: -30px 10px inherit inherit
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card .price, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .price {
    margin: -25px 0 10px 0
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card .description, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .description {
    display: block
    }
#container.projects section#exclusives.tickets_and_access_only article.tickets_card .copy, #container.projects section#featured_exclusives.tickets_and_access_only article.tickets_card .copy {
    display: none
    }
#container.projects section#exclusives.tickets_only article.tickets_card, #container.projects section#featured_exclusives.tickets_only article.tickets_card {
    position: relative
    }
#container.projects section#exclusives.tickets_only article.tickets_card h1, #container.projects section#exclusives.tickets_only article.tickets_card .price, #container.projects section#featured_exclusives.tickets_only article.tickets_card h1, #container.projects section#featured_exclusives.tickets_only article.tickets_card .price {
    display: none
    }
#container.projects section#exclusives.tickets_only article.tickets_card .image, #container.projects section#featured_exclusives.tickets_only article.tickets_card .image {
    float: left;
    margin-right: 20px
    }
#container.projects section#exclusives.tickets_only article.tickets_card .reserve, #container.projects section#featured_exclusives.tickets_only article.tickets_card .reserve {
    display: block;
    width: 300px;
    left: inherit
    }
#container.projects section#exclusives.tickets_only article.tickets_card a.button.cta, #container.projects section#featured_exclusives.tickets_only article.tickets_card a.button.cta {
    right: 20px
    }
#container.projects section#exclusives.tickets_only article.tickets_card .copy, #container.projects section#featured_exclusives.tickets_only article.tickets_card .copy {
    display: none
    }
#container.projects section#exclusives.tickets_only article.tickets_card .copy.cta, #container.projects section#featured_exclusives.tickets_only article.tickets_card .copy.cta {
    position: relative;
    display: block;
    float: left;
    font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    margin-top: 30px
    }
#container.projects .list article.tickets_card .image {
    float: left;
    margin-right: 45px
    }
#container.projects .list article.tickets_card .copy.cta {
    display: none
    }
html.no-touch article.tickets_card:hover .reserve {
    display: block !important
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects section#exclusives article.tickets_card h1, #container.projects section#exclusives article.tickets_card .copy {
        margin-left: 155px
        }
    #container.projects section#exclusives article.tickets_card .details {
        position: absolute
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects section#exclusives article.tickets_card h1, #container.projects section#exclusives article.tickets_card .copy {
        margin-left: 0
        }
    #container.projects section#exclusives article.tickets_card .details {
        position: initial
        }
    #container.projects section#exclusives.tickets_only article.tickets_card {
        min-height: 180px
        }
    #container.projects section#exclusives.tickets_only article.tickets_card .details {
        display: none
        }
    #container.projects section#exclusives.tickets_only article.tickets_card .reserve {
        position: absolute;
        width: auto;
        left: 0;
        top: auto;
        bottom: 55px;
        margin-top: 20px
        }
    #container.projects section#exclusives.tickets_only article.tickets_card .reserve a.cta {
        left: 15px;
        right: 15px
        }
    #container.projects section#exclusives.tickets_only article.tickets_card .copy.cta {
        margin-top: 0;
        margin-bottom: 75px
        }
    }
article.project_update header {
    margin-bottom: 15px
    }
article.project_update header nav.admin {
    float: right;
    display: none
    }
article.project_update header:hover nav.admin {
    display: block
    }
article.project_update header time, article.project_update header .highlight, article.project_update header .role {
    color: #999;
    text-transform: uppercase
    }
article.project_update header .role:after, article.project_update header .highlight:after {
    content: ":"
    }
article.project_update header .highlight {
    color: #FC2C33
    }
article.project_update header h1 {
    margin-top: 15px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
article.project_update header h1 a {
    color: black;
    text-decoration: none
    }
article.project_update .body .asset, article.project_update .body figure {
    margin-bottom: 15px
    }
article.project_update .body figcaption {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none
    }
article.project_update .body img {
    max-width: 100%
    }
article.project_update .body .project {
    text-align: center
    }
article.project_update footer {
    clear: left;
    padding-top: 15px;
    border-top: 1px solid #DBDBDB
    }
article.project_update footer:after {
    content: "";
    display: table;
    clear: both
    }
article.project_update footer .socials, article.project_update footer .comment_counter {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
    }
article.project_update footer .comment_counter {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    position: relative;
    float: left;
    padding-left: 22px;
    margin-left: 10px
    }
article.project_update footer .comment_counter:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: " ";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -134px -22px;
    height: 15px;
    width: 17px;
    width: 17px;
    height: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.project_update footer {
        text-align: center
        }
    article.project_update footer a.button {
        display: block
        }
    article.project_update footer .comment_counter {
        float: left;
        margin-left: 5px
        }
    article.project_update footer .socials {
        float: right;
        margin-right: 5px
        }
    }
article.project_update header .highlight {
    color: #FB2C33 !important
    }
article.project_update .sign_in_or_pledge {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #F1F1F1;
    text-align: center;
    color: #999;
    font-weight: bold
    }
article.project_update .sign_in_or_pledge:before {
    content: "";
    display: inline-block;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -66px 0;
    height: 20px;
    width: 14px;
    opacity: 0.5;
    width: 14px;
    height: 20px;
    margin-right: 10px
    }
article.project_update .sign_in_or_pledge a {
    font-weight: bold;
    color: #FC5359;
    text-decoration: none
    }
article.project_update .assets, article.project_update .body {
    margin-bottom: 15px
    }
article.project_update .assets div.video_player {
    margin-bottom: 15px
    }
article.project_update .assets .cta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    top: 0;
    background: black;
    background: rgba(0, 0, 0, 0.75);
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    padding: 20px;
    padding-top: 25%
    }
article.project_update .assets .cta a {
    display: block;
    padding: 12px;
    color: #FB2C33;
    text-decoration: none
    }
article.project_update .pledger_only_updates {
    padding-top: 5px;
    margin-bottom: 10px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none
    }
article.project_update .pledger_only_updates .prefix:after {
    content: ":"
    }
article.project_update .pledger_only_updates ul {
    -webkit-margin-before: 0;
    -moz-margin-before: 0;
    -ms-margin-before: 0;
    -o-margin-before: 0;
    margin-before: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
    margin-top: 5px
    }
article.project_update .pledger_only_updates li {
    display: inline-block;
    margin-right: 10px
    }
article.project_update .pledger_only_updates li:before {
    display: inline-block;
    content: " ";
    margin-right: 5px
    }
article.project_update .pledger_only_updates li.jpg:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -13px -42px;
    height: 13px;
    width: 17px;
    width: 17px;
    height: 13px
    }
article.project_update .pledger_only_updates li.mp3:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -11px -73px;
    height: 13px;
    width: 10px;
    width: 10px;
    height: 13px
    }
article.project_update .pledger_only_updates li.video:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -78px -22px;
    height: 12px;
    width: 24px;
    width: 24px;
    height: 12px
    }
article.project_update.teaser {
    color: #999
    }
article.project_update.teaser a {
    color: #999
    }
article.project_update.teaser a:before {
    opacity: 0.5
    }
article.project_update.teaser .sign_in_or_pledge a {
    color: #FC5359
    }
article.project_update.teaser .button {
    color: white
    }
article.project_update.teaser .asset_counter li:before {
    opacity: 0.5
    }
#container.projects_updates section#updates {
    clear: both
    }
#container.projects_updates section#updates > header:after {
    content: "";
    display: table;
    clear: both
    }
#container.projects_updates section#updates > header h1 {
    display: none
    }
#container.projects_updates section#updates nav.sort {
    float: left;
    display: inline-block;
    height: 35px;
    margin-right: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
    }
#container.projects_updates section#updates nav.sort:last-child {
    margin-right: 0
    }
#container.projects_updates section#updates nav.sort a {
    position: relative;
    margin-bottom: -1px;
    padding: 7px 15px;
    padding-right: 45px;
    display: none;
    border: 1px solid #DBDBDB;
    background-color: white;
    color: #444;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
#container.projects_updates section#updates nav.sort a:after {
    content: "";
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 11px;
    height: 6px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px
    }
#container.projects_updates section#updates nav.sort a.selected {
    display: block
    }
#container.projects_updates section#updates nav.sort a.selected:after {
    display: block
    }
#container.projects_updates section#updates nav.sort .expanded {
    display: block !important
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects_updates section#updates nav.sort {
        position: relative;
        display: block;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none
        }
    #container.projects_updates section#updates nav.sort:hover {
        z-index: 99
        }
    #container.projects_updates section#updates nav.sort:hover a:last-child {
        margin-bottom: 10px
        }
    }
#container.projects_updates section#updates > footer {
    margin-bottom: 20px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects_updates section#updates {
        border-top: 1px solid #DBDBDB;
        padding-top: 15px
        }
    }
#container.projects_updates article.project_update {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    overflow: hidden
    }
#container.projects_updates article.project_update a.pdf_link::before {
    display: block;
    content: "Download";
    width: auto;
    background-image: none
    }
#container.projects_updates .recommended article.project_card:nth-child(n+7) {
    display: none
    }
#container.projects_updates.bare_bones header.artists.main, #container.projects_updates.bare_bones nav#tabs {
    display: none
    }
#container.projects_updates.bare_bones #status, #container.projects_updates.bare_bones section#overview, #container.projects_updates.bare_bones section#pledge_now {
    display: none
    }
#container.projects_updates.bare_bones section#updates a.button.back {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects_updates #main {
        overflow: hidden
        }
    #container.projects_updates #main #similar_projects > h1 {
        position: relative;
        right: -20px;
        overflow: hidden;
        background-color: #333;
        color: white;
        text-align: left;
        padding: 10px 10px 10px 20px;
        border-bottom: 0;
        margin: 0 0 0 -40px
        }
    #container.projects_updates #main #similar_projects .recommended {
        position: relative;
        margin-left: -30px;
        right: -15px
        }
    #container.projects_updates #main #similar_projects article.project_card {
        float: left;
        width: 50%;
        height: auto;
        background-color: black;
        margin: 0
        }
    #container.projects_updates #main #similar_projects article.project_card:after {
        content: "";
        display: block;
        width: 100%;
        height: 50%;
        background-color: red
        }
    #container.projects_updates #main #similar_projects article.project_card img {
        margin: 0;
        width: 100%
        }
    #container.projects_updates #main #similar_projects article.project_card header {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        user-drag: none;
        position: absolute;
        bottom: 0;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        background: linear-gradient(rgba(0, 0, 37, 0), rgba(0, 0, 37, 0.8) 100%);
        display: block;
        position: absolute;
        padding: 10px 5px;
        width: 100%;
        height: 50%
        }
    #container.projects_updates #main #similar_projects article.project_card header h1, #container.projects_updates #main #similar_projects article.project_card header h2 {
        overflow: hidden;
        color: white
        }
    #container.projects_updates #main #similar_projects article.project_card header h1 a, #container.projects_updates #main #similar_projects article.project_card header h2 a {
        color: white;
        text-decoration: none
        }
    #container.projects_updates #main #similar_projects article.project_card header h1 {
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 26px;
        line-height: 28px
        }
    #container.projects_updates #main #similar_projects article.project_card header h2 {
        font-family: DINWeb, Helvetica, sans-serif;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        line-height: 22px
        }
    #container.projects_updates #main #similar_projects article.project_card header a {
        position: absolute;
        bottom: 5px
        }
    #container.projects_updates #main #similar_projects article.project_card header h1 {
        font-size: 16px;
        line-height: 18px;
        word-break: normal
        }
    #container.projects_updates #main #similar_projects article.project_card h2, #container.projects_updates #main #similar_projects article.project_card footer, #container.projects_updates #main #similar_projects article.project_card .description {
        display: none
        }
    #container.projects_updates #main #similar_projects article.project_card:nth-child(1n+5) {
        display: none
        }
    }
html.ios article.project_update .asset.download, html.mobile_app article.project_update .asset.download {
    display: none
    }
#container header.artists.main.with_hero {
    background: black
    }
#container article.project .latest_updates {
    overflow: auto
    }
#container article.project #video {
    margin-bottom: 20px !important
    }
@media only screen and (min-width: 780px) {
    #container article.project #video {
        width: 620px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container article.project #video {
        clear: both
        }
    }
#container article.project #video div.video_player {
    max-height: 400px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects:before, #container.artists:before, #container.projects_updates:before {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11000;
        display: block;
        content: "";
        width: 100%;
        height: 120%;
        background-color: rgba(0, 0, 0, 0.8)
        }
    #container.projects:after, #container.artists:after, #container.projects_updates:after {
        content: "";
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        top: 45%;
        left: 50%;
        z-index: 11001;
        width: 100px;
        height: 100px;
        border: 10px solid rgba(200, 200, 200, 0.4);
        border-radius: 50%;
        border-right-color: rgba(200, 200, 200, 0.8);
        margin: -50px 0 0 -50px;
        -webkit-animation: rotate360 1s infinite linear;
        -moz-animation: rotate360 1s infinite linear;
        -ms-animation: rotate360 1s infinite linear;
        -o-animation: rotate360 1s infinite linear;
        animation: rotate360 1s infinite linear
        }
    #container.projects.hide_overlay:after, #container.projects.hide_overlay:before, #container.artists.hide_overlay:after, #container.artists.hide_overlay:before, #container.projects_updates.hide_overlay:after, #container.projects_updates.hide_overlay:before {
        display: none
        }
    #container.projects > header, #container.artists > header, #container.projects_updates > header {
        margin-bottom: 0
        }
    }
html.mobile_app #container.projects > .main:before, html.mobile_app #container.projects > .main:after, html.mobile_app #container.artists > .main:before, html.mobile_app #container.artists > .main:after, html.mobile_app #container.projects_updates > .main:before, html.mobile_app #container.projects_updates > .main:after {
    display: none
    }
@media only screen and (min-width: 780px) {
    #container.index.projects section.listing article.project_card {
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 20px
        }
    #container.index.projects section.listing article.project_card:nth-of-type(3n) {
        margin-right: 0
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.index.projects section.listing.projects {
        text-align: center
        }
    #container.index.projects section.listing.projects article.project_card {
        margin-left: auto;
        margin-right: auto
        }
    #container.index.projects section.listing.projects nav {
        right: -15px;
        margin-left: -30px
        }
    }
#container.artists.show #similar_projects, #container.pledges.complete #similar_projects {
    clear: both;
    padding: 0;
    background-color: transparent;
    -ms-filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 40px;
    margin-bottom: 40px
    }
#container.artists.show #similar_projects > h1, #container.pledges.complete #similar_projects > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
@media only screen and (min-width: 780px) {
    #container.artists.show #similar_projects article, #container.pledges.complete #similar_projects article {
        float: left;
        display: block;
        margin-right: 10px;
        width: 216px;
        height: 360px;
        width: 227px
        }
    #container.artists.show #similar_projects article:nth-of-type(4n), #container.pledges.complete #similar_projects article:nth-of-type(4n) {
        margin-right: 0
        }
    #container.artists.show #similar_projects article footer .message, #container.pledges.complete #similar_projects article footer .message {
        text-align: center
        }
    #container.artists.show #similar_projects article footer .progress, #container.artists.show #similar_projects article footer .timer, #container.pledges.complete #similar_projects article footer .progress, #container.pledges.complete #similar_projects article footer .timer {
        margin-left: 15px
        }
    #container.artists.show #similar_projects article footer .progress, #container.pledges.complete #similar_projects article footer .progress {
        margin-top: -5px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.artists.show #similar_projects article, #container.pledges.complete #similar_projects article {
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 20px;
        width: 216px;
        height: 360px;
        width: 226px
        }
    #container.artists.show #similar_projects article:nth-of-type(3n), #container.pledges.complete #similar_projects article:nth-of-type(3n) {
        margin-right: 0
        }
    #container.artists.show #similar_projects article footer .message, #container.pledges.complete #similar_projects article footer .message {
        text-align: center
        }
    #container.artists.show #similar_projects article footer .progress, #container.artists.show #similar_projects article footer .timer, #container.pledges.complete #similar_projects article footer .progress, #container.pledges.complete #similar_projects article footer .timer {
        margin-left: 15px
        }
    #container.artists.show #similar_projects article footer .progress, #container.pledges.complete #similar_projects article footer .progress {
        margin-top: -5px
        }
    #container.artists.show #similar_projects article:last-child, #container.pledges.complete #similar_projects article:last-child {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects.show article.project .left_content, #container.projects.show article.project .right_content {
        display: none
        }
    }
#container > #ask-a-question, #container > #ticket, #facebox .content > #ask-a-question, #facebox .content > #ticket {
    background-color: white
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container > #ask-a-question, #container > #ticket, #facebox .content > #ask-a-question, #facebox .content > #ticket {
        width: 600px
        }
    }
#container > #ask-a-question > h1, #container > #ticket > h1, #facebox .content > #ask-a-question > h1, #facebox .content > #ticket > h1 {
    display: none;
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#container #ask-a-question > h1, #facebox .content #ask-a-question > h1 {
    margin: 30px
    }
#container #ask-a-question strong, #facebox .content #ask-a-question strong {
    text-transform: uppercase
    }
#container #ask-a-question section.details, #facebox .content #ask-a-question section.details {
    margin: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
#container #ask-a-question section.details:after, #facebox .content #ask-a-question section.details:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.details dt:after, #facebox .content #ask-a-question section.details dt:after {
    content: ":"
    }
#container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dd {
    font-weight: bold
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container #ask-a-question section.details dl:after, #facebox .content #ask-a-question section.details dl:after {
        content: "";
        display: table;
        clear: both
        }
    #container #ask-a-question section.details dt, #container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dt, #facebox .content #ask-a-question section.details dd {
        margin-top: 10px;
        display: inline-block;
        float: left
        }
    #container #ask-a-question section.details dt, #facebox .content #ask-a-question section.details dt {
        clear: left;
        width: 40%;
        margin-top: 10px
        }
    #container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dd {
        width: 60%;
        text-align: right
        }
    }
#container #ask-a-question section.details header, #container #ask-a-question section.details dl, #facebox .content #ask-a-question section.details header, #facebox .content #ask-a-question section.details dl {
    padding: 0 10px;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
#container #ask-a-question section.details header, #facebox .content #ask-a-question section.details header {
    border-right: 1px solid #DBDBDB;
    padding-right: 10px;
    margin-right: 15px;
    margin-right: 0
    }
#container #ask-a-question section.details header h1, #facebox .content #ask-a-question section.details header h1 {
    display: none
    }
#container #ask-a-question section.details header hgroup:after, #facebox .content #ask-a-question section.details header hgroup:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.details header hgroup img, #facebox .content #ask-a-question section.details header hgroup img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
#container #ask-a-question section.details header hgroup h1, #container #ask-a-question section.details header hgroup h2, #container #ask-a-question section.details header hgroup h3, #container #ask-a-question section.details header hgroup h4, #facebox .content #ask-a-question section.details header hgroup h1, #facebox .content #ask-a-question section.details header hgroup h2, #facebox .content #ask-a-question section.details header hgroup h3, #facebox .content #ask-a-question section.details header hgroup h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: black
    }
#container #ask-a-question section.details header hgroup h1 a, #container #ask-a-question section.details header hgroup h2 a, #container #ask-a-question section.details header hgroup h3 a, #container #ask-a-question section.details header hgroup h4 a, #facebox .content #ask-a-question section.details header hgroup h1 a, #facebox .content #ask-a-question section.details header hgroup h2 a, #facebox .content #ask-a-question section.details header hgroup h3 a, #facebox .content #ask-a-question section.details header hgroup h4 a {
    color: black
    }
#container #ask-a-question section.tabs, #facebox .content #ask-a-question section.tabs {
    border-top: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav:after, #facebox .content #ask-a-question section.tabs > nav:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.tabs > nav a, #facebox .content #ask-a-question section.tabs > nav a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DBDBDB;
    text-align: center;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    text-decoration: none;
    line-height: 50px;
    color: black
    }
#container #ask-a-question section.tabs > nav a:first-child, #facebox .content #ask-a-question section.tabs > nav a:first-child {
    border-right: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav a:last-child, #facebox .content #ask-a-question section.tabs > nav a:last-child {
    border-left: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav a.selected, #facebox .content #ask-a-question section.tabs > nav a.selected {
    background-color: white;
    border-bottom-width: 0
    }
#container #ask-a-question section.tabs.two_tabs nav a, #facebox .content #ask-a-question section.tabs.two_tabs nav a {
    width: 50%
    }
#container #ask-a-question section.tabs.three-tabs nav a, #facebox .content #ask-a-question section.tabs.three-tabs nav a {
    width: 33%
    }
#container #ask-a-question section.tabs.three-tabs nav a:last-child, #facebox .content #ask-a-question section.tabs.three-tabs nav a:last-child {
    width: 34%
    }
#container #ask-a-question section.tabs.four_tabs nav a, #facebox .content #ask-a-question section.tabs.four_tabs nav a {
    width: 25%
    }
#container #ask-a-question section.tabs > section, #facebox .content #ask-a-question section.tabs > section {
    padding-top: 30px
    }
#container #ask-a-question section.tabs > section > h1, #facebox .content #ask-a-question section.tabs > section > h1 {
    display: none
    }
#container #ask-a-question section.tabs > section.not_selected, #facebox .content #ask-a-question section.tabs > section.not_selected {
    display: none
    }
#container #ask-a-question section.tabs > section, #facebox .content #ask-a-question section.tabs > section {
    padding: 30px
    }
#container #ask-a-question section.tabs > section h1, #facebox .content #ask-a-question section.tabs > section h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px
    }
#container #ask-a-question .question-faqs, #facebox .content #ask-a-question .question-faqs {
    margin: 10px 0
    }
body.zendesk_tickets ul.links {
    float: right
    }
body.zendesk_tickets ul.links li {
    display: inline-block
    }
body.zendesk_tickets ul.links li:after {
    content: "";
    border-right: 1px solid #E2E2E8;
    padding-right: 5px
    }
body.zendesk_tickets ul.links li:last-child:after {
    display: none
    }
body.zendesk_tickets div.main {
    padding: 20px 0;
    overflow: auto
    }
body.zendesk_tickets aside {
    clear: both;
    padding-top: 20px
    }
body.zendesk_tickets .pledge-listing {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #E2E2E8
    }
body.zendesk_tickets .pledge-listing dd, body.zendesk_tickets .pledge-listing dt {
    display: inline-block
    }
body.zendesk_tickets .pledge-listing dt {
    clear: left;
    width: 40%
    }
body.zendesk_tickets .pledge-listing dd {
    width: 60%;
    text-align: right
    }
#zendesk_tickets_search {
    margin-bottom: 20px
    }
#ticket .input.span.zendesk_ticket_node_record_id label {
    display: none
    }
#ticket div.bubble {
    padding: 15px;
    border: 1px solid #E2E2E8;
    margin-bottom: 30px;
    position: relative;
    background-color: white
    }
#ticket div.bubble header {
    margin-bottom: 30px
    }
#ticket div.bubble header span.kind {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    background-color: #F2F2F7
    }
#ticket div.bubble header span.kind.public {
    color: #093
    }
#ticket div.bubble header span.kind.private {
    color: #f00
    }
#ticket div.bubble .icon img {
    border-radius: 100%
    }
#ticket div.bubble .icon h1 {
    display: inline-block
    }
#ticket div.bubble div.message {
    background-color: #F2F2F7;
    padding: 15px;
    padding-bottom: 1px;
    margin-bottom: 15px;
    position: relative;
    word-break: break-word
    }
#ticket div.bubble div.message:before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 0;
    height: 0;
    width: 0;
    margin-left: 9px;
    border: solid transparent;
    pointer-events: none;
    border-bottom-color: #F2F2F7;
    border-width: 10px
    }
#ticket ul.users {
    list-style: none;
    margin: 0;
    padding-left: 0
    }
#ticket ul.users li {
    margin: 0 0 10px 0
    }
#ticket ul.users li a {
    text-decoration: none
    }
#ticket ul.users li img {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin-right: 10px;
    border-radius: 100%
    }
.ui-menu {
    z-index: 500;
    padding-left: 0;
    list-style: none;
    border: 1px solid #C1C1C1
    }
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px 0.4em;
    cursor: pointer;
    background-color: #DBDBDB;
    min-height: 0
    }
.ui-menu .ui-state-focus {
    background-color: #C1C1C1
    }
@supports (-webkit-appearance: -apple-pay-button) {
    button . apple-pay {
        display: inline-block;
        -webkit-appearance: -apple-pay-button
        } button . apple-pay . black {
        -apple-pay-button-style: black
        }
    }
@supports not (-webkit-appearance: -apple-pay-button) {
    button . apple-pay {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px
        } button . apple-pay . black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black
        }
    }
button.apple-pay {
    display: none
    }
.supports-apple-pay {
    display: none
    }
html.apple-pay button.apple-pay {
    display: inline-block
    }
html.apple-pay .supports-apple-pay {
    display: block
    }
button.master-pass {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -63px -262px;
    height: 40px;
    width: 174px;
    vertical-align: top;
    text-overflow: hidden;
    text-indent: -2000px;
    border-width: 0
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    button.master-pass {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: 0 -155px;
        height: 40px;
        width: 173.5px
        }
    }
.follow_button button, .follow_button a.follow {
    border: 2px solid #FC5359;
    color: #FC5359;
    padding: 10px 30px
    }
.follow_button button.off, .follow_button a.follow.off {
    display: none
    }
.follow_button button.on, .follow_button a.follow.on {
    padding-top: 8px
    }
.follow_button button.on:before, .follow_button a.follow.on:before {
    content: "+";
    display: inline-block;
    font-size: 18px;
    line-height: 14px
    }
.follow_button a.follow {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none
    }
.follow_button a.follow:hover {
    text-decoration: none
    }
.follow_button.following button {
    color: #FC5359
    }
.follow_button.following button:focus {
    color: white
    }
.follow_button.following button.off {
    display: block
    }
.follow_button.following button.on {
    display: none
    }
.follow_button.following:before {
    display: none
    }
.more_link {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    color: #FC2C33
    }
.more_link:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    position: relative;
    top: -2px;
    border-top: 2px solid #FC2C33;
    border-right: 2px solid #FC2C33;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px
    }
.container article.actor_card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    width: 300px;
    height: 100px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    vertical-align: top
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container article.actor_card {
        width: 290px
        }
    }
.container article.actor_card h1 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    color: black
    }
.container article.actor_card header:after {
    content: "";
    display: table;
    clear: both
    }
.container article.actor_card header img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
    }
.container article.actor_card header h1, .container article.actor_card header h2 {
    color: black
    }
.container article.actor_card header a, .container article.actor_card header a:hover {
    color: inherit;
    text-decoration: none
    }
.container article.actor_card header h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 4px
    }
.container article.actor_card header h2 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px
    }
.container article.actor_card .description {
    max-height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical
    }
.container article.actor_card .actions {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3px
    }
.container article.actor_card .actions .standard_button {
    height: 30px;
    padding: 4px 20px 5px 20px
    }
.container article.actor_card h1 {
    margin-left: 90px;
    word-wrap: break-word
    }
.container article.charity_card img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
    }
.container section.listing:after {
    content: "";
    display: table;
    clear: both
    }
.container section.listing > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
.container section.listing nav.sort {
    margin-bottom: 15px
    }
.container section.listing nav.sort .drop_menu_spacer {
    position: absolute;
    left: -1000px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container section.listing {
        background-color: transparent;
        border-left: none;
        box-shadow: none
        }
    .container section.listing nav.sort a {
        padding-right: 8px;
        padding-left: 10px;
        display: inline-block;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #444;
        border-left: 1px solid #DBDBDB;
        text-decoration: none
        }
    .container section.listing nav.sort a.selected {
        color: #FC2C33
        }
    .container section.listing nav.sort a:hover {
        color: #FC5359
        }
    .container section.listing nav.sort a:first-of-type {
        border-left: none;
        padding-left: 0
        }
    }
@media only screen and (min-width: 780px) {
    .container section.listing > article.actor_card {
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 20px
        }
    .container section.listing > article.actor_card:nth-of-type(3n) {
        margin-right: 0
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container section.listing {
        margin-bottom: 0
        }
    .container section.listing > article.actor_card {
        float: left;
        display: block;
        margin-right: 0;
        width: 332px
        }
    .container section.listing > article.actor_card:nth-of-type(odd) {
        margin-right: 15px;
        margin-bottom: 15px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container section.listing {
        text-align: center
        }
    .container section.listing > article.actor_card .description {
        display: none
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.artists.followers section#followers > article, .container.projects.pledgers section#pledgers > article {
        float: left;
        display: block;
        margin-right: 0
        }
    .container.artists.followers section#followers > article:nth-of-type(odd), .container.projects.pledgers section#pledgers > article:nth-of-type(odd) {
        margin-right: 15px;
        margin-bottom: 15px
        }
    }
@media only screen and (min-width: 780px) {
    .container.artists.followers section#followers > article, .container.projects.pledgers section#pledgers > article {
        width: 300px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.artists.followers section#followers > article, .container.projects.pledgers section#pledgers > article {
        width: 346px
        }
    }
.container .carousel {
    overflow: hidden
    }
.container .card_carousel {
    position: relative;
    margin-left: 2px;
    height: 430px
    }
.container .card_carousel input, .container .card_carousel label {
    display: none
    }
.container .card_carousel article {
    position: absolute;
    top: 0;
    display: none
    }
.container .card_carousel article:nth-of-type(1), .container .card_carousel article:nth-of-type(2), .container .card_carousel article:nth-of-type(3) {
    display: block;
    -webkit-transition: margin 1s;
    -moz-transition: margin 1s;
    -ms-transition: margin 1s;
    -o-transition: margin 1s;
    transition: margin 1s;
    margin-left: 0
    }
.container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(1) {
    margin-left: 0
    }
.container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(2) {
    margin-left: 300px
    }
.container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(3) {
    margin-left: 600px
    }
.container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(1) {
    margin-left: -300px
    }
.container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(2) {
    margin-left: 0
    }
.container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(3) {
    margin-left: 300px
    }
.container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(1) {
    margin-left: -600px
    }
.container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(2) {
    margin-left: -300px
    }
.container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(3) {
    margin-left: 0
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(1) {
        margin-left: 0
        }
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(2) {
        margin-left: 340px
        }
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(3) {
        margin-left: 700px
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(1) {
        margin-left: -340px
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(2) {
        margin-left: 0
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(3) {
        margin-left: 340px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(1) {
        margin-left: -640px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(2) {
        margin-left: -340px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(3) {
        margin-left: 0
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(1) {
        margin-left: 0
        }
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(2) {
        margin-left: 740px
        }
    .container .card_carousel input:nth-of-type(1):checked ~ article:nth-of-type(3) {
        margin-left: 740px
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(1) {
        margin-left: -740px
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(2) {
        margin-left: 0
        }
    .container .card_carousel input:nth-of-type(2):checked ~ article:nth-of-type(3) {
        margin-left: 740px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(1) {
        margin-left: -740px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(2) {
        margin-left: -740px
        }
    .container .card_carousel input:nth-of-type(3):checked ~ article:nth-of-type(3) {
        margin-left: 0
        }
    }
.container .card_carousel label {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 1px;
    width: 11px;
    height: 11px;
    margin: 10px auto;
    z-index: 2;
    background-color: #DBDBDB;
    border-radius: 100%;
    content: ""
    }
.container .card_carousel label:nth-of-type(1) {
    left: 50%;
    margin-left: -25px
    }
.container .card_carousel label:nth-of-type(2) {
    left: 50%;
    margin-left: -5px
    }
.container .card_carousel label:nth-of-type(3) {
    left: 50%;
    margin-left: 15px
    }
.container .card_carousel input:nth-of-type(1):checked ~ label:nth-of-type(1), .container .card_carousel input:nth-of-type(2):checked ~ label:nth-of-type(2), .container .card_carousel input:nth-of-type(3):checked ~ label:nth-of-type(3) {
    background-color: #444
    }
.container .card_carousel.owl-carousel {
    overflow: hidden
    }
.container .card_carousel .owl-stage {
    height: inherit;
    position: relative
    }
.container .card_carousel .owl-item {
    height: inherit;
    display: inline-block;
    vertical-align: top
    }
.container .card_carousel .owl-item article {
    position: relative
    }
.container .card_carousel .owl-nav {
    position: relative;
    top: -10px;
    height: 30px
    }
.container .card_carousel .owl-nav .owl-prev, .container .card_carousel .owl-nav .owl-next {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
    }
.container .card_carousel .owl-nav .owl-prev:after, .container .card_carousel .owl-nav .owl-next:after {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    top: -12px;
    color: #999;
    border-style: solid;
    border-width: 4px 4px 0 0
    }
.container .card_carousel .owl-nav .owl-next:after {
    left: 85px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
    }
.container .card_carousel .owl-nav .owl-prev:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
    }
.container .card_carousel .owl-dots {
    position: relative;
    height: 10px;
    width: 100px;
    top: -35px;
    text-align: center;
    margin: 0 auto
    }
.container .card_carousel .owl-dots .owl-dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    background-color: #999;
    cursor: pointer;
    margin: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
    }
.container .card_carousel .owl-dots .owl-dot.active {
    background-color: #FC5359
    }
section.new_comment {
    margin-bottom: 40px;
    text-align: left
    }
section.new_comment:after {
    content: "";
    display: table;
    clear: both
    }
section.new_comment textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border: 2px solid #9a9a9a;
    border-radius: 4px;
    color: #999;
    width: 100%;
    padding: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #999;
    width: 100%;
    height: 5em;
    min-height: 5em
    }
section.new_comment textarea:focus {
    border-color: #000024
    }
section.new_comment input[type=submit] {
    display: block;
    margin-top: 10px;
    min-width: 25%;
    float: left
    }
.comments_thread h1, .questions_thread h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
.comments_thread > section, .questions_thread > section {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
.comments_thread > section > header h1, .comments_thread > section > h1, .questions_thread > section > header h1, .questions_thread > section > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
article.comment:after, article.response:after {
    content: "";
    display: table;
    clear: both
    }
article.comment header, article.response header {
    margin-bottom: 15px
    }
article.comment header nav.admin, article.response header nav.admin {
    float: right;
    display: none
    }
article.comment header:hover nav.admin, article.response header:hover nav.admin {
    display: block
    }
article.comment header time, article.comment header .highlight, article.comment header .role, article.response header time, article.response header .highlight, article.response header .role {
    color: #999;
    text-transform: uppercase
    }
article.comment header .role:after, article.comment header .highlight:after, article.response header .role:after, article.response header .highlight:after {
    content: ":"
    }
article.comment header .highlight, article.response header .highlight {
    color: #FC2C33
    }
article.comment header h1, article.response header h1 {
    margin-top: 15px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
article.comment header h1 a, article.response header h1 a {
    color: black;
    text-decoration: none
    }
article.comment header .info, article.response header .info {
    margin-bottom: 15px
    }
article.comment header .icon, article.response header .icon {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px
    }
article.comment header .icon img, article.response header .icon img {
    width: 40px;
    height: 40px
    }
article.comment header h1, article.response header h1 {
    border: 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    line-height: 40px;
    padding: 0;
    margin-bottom: 25px;
    color: black;
    font-weight: normal
    }
article.comment header h1 a, article.response header h1 a {
    font-weight: bold;
    text-decoration: none
    }
article.comment header h1:after, article.response header h1:after {
    content: ":"
    }
article.comment header h1 .role, article.response header h1 .role {
    float: right;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
article.comment .message, article.response .message {
    background-color: #F1F1F1;
    padding: 15px;
    padding-bottom: 1px;
    margin-bottom: 15px;
    position: relative;
    word-break: break-word
    }
article.comment .message:before, article.response .message:before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 0;
    height: 0;
    width: 0;
    margin-left: 9px;
    border: solid transparent;
    pointer-events: none;
    border-bottom-color: #F1F1F1;
    border-width: 10px
    }
article.comment > nav, article.response > nav {
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid #DBDBDB
    }
article.comment > nav button, article.comment > nav input[type=submit], article.comment .info button, article.comment .info input[type=submit], article.response > nav button, article.response > nav input[type=submit], article.response .info button, article.response .info input[type=submit] {
    background-color: transparent;
    display: inline;
    text-decoration: underline;
    color: black;
    padding: 0;
    border: none;
    font-size: 16px
    }
article.comment > nav input[type=submit].hover, article.comment .info input[type=submit].hover, article.response > nav input[type=submit].hover, article.response .info input[type=submit].hover {
    display: none
    }
article.comment .delete_comment, article.response .delete_comment {
    float: right
    }
article.comment:hover input[type=submit].hover, article.response:hover input[type=submit].hover {
    display: inline-block
    }
article.comment button, article.response button {
    float: left
    }
article.comment section.new_comment header, article.response section.new_comment header {
    display: none
    }
article.comment > article.comment, article.comment section.new_comment, article.comment article.response, article.response > article.comment, article.response section.new_comment, article.response article.response {
    margin-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-top: 1px solid #DBDBDB !important
    }
article.comment > article.comment header, article.comment > article.comment .message, article.comment section.new_comment header, article.comment section.new_comment .message, article.comment article.response header, article.comment article.response .message, article.response > article.comment header, article.response > article.comment .message, article.response section.new_comment header, article.response section.new_comment .message, article.response article.response header, article.response article.response .message {
    margin-left: 30px
    }
article.comment > article.comment > nav, article.comment section.new_comment > nav, article.comment article.response > nav, article.response > article.comment > nav, article.response section.new_comment > nav, article.response article.response > nav {
    display: none
    }
#container.articles article.comment, #container.articles article.response, #container.projects_updates article.comment, #container.projects_updates article.response, #container.comments article.comment, #container.comments article.response, #container.pledges article.comment, #container.pledges article.response, #container.gift_pledges article.comment, #container.gift_pledges article.response, #container.zendesk_tickets article.comment, #container.zendesk_tickets article.response, #container.zendesk_pledges_tickets article.comment, #container.zendesk_pledges_tickets article.response {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    margin-bottom: 30px
    }
ul.files {
    padding: 0;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px
    }
ul.files li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
ul.files[data-expandable] {
    max-height: 138px;
    overflow: hidden
    }
ul.files li {
    padding: 15px;
    color: #444;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: -1px
    }
ul.files li:after {
    content: "";
    display: table;
    clear: both
    }
ul.files li > a {
    float: left;
    display: block;
    max-width: 440px;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: black
    }
ul.files li .formats {
    float: right;
    width: 100px
    }
ul.files li .formats a {
    border-right: 1px solid #DBDBDB;
    padding-right: 5px;
    margin-right: 15px
    }
ul.files li .formats a:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
    }
ul.files li .formats a:first-child {
    position: relative;
    padding-left: 20px;
    width: 50px
    }
ul.files li .formats a:first-child:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: " ";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -52px 0;
    height: 17px;
    width: 14px;
    width: 14px;
    height: 17px
    }
#container.downloads section#downloads header {
    margin-bottom: 20px
    }
#container.downloads section#downloads header h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    color: black;
    text-decoration: none
    }
.download_date {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
article.download {
    color: #444
    }
article.download div.notice {
    display: block;
    color: white;
    background-color: #FC2C33;
    background: linear-gradient(to right, #ff0a3e, #ff4319);
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    line-height: 16px;
    padding: 15px;
    margin: -15px;
    margin-bottom: 15px;
    text-align: center
    }
article.download div.notice .tip {
    float: right
    }
article.download header:after {
    content: "";
    display: table;
    clear: both
    }
article.download header .image {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
    }
article.download header .image img {
    max-width: 145px;
    max-height: 145px
    }
article.download header h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px
    }
article.download header h1 .access_pass {
    font-size: 20px
    }
article.download header .copy {
    margin-bottom: 15px
    }
article.download nav {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
article.download nav h1 {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px
    }
article.download nav a {
    position: relative;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding-left: 22px;
    border-right: 1px solid #DBDBDB;
    padding-right: 10px;
    margin-right: 15px
    }
article.download nav a:before {
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -52px 0;
    height: 17px;
    width: 14px;
    width: 14px;
    height: 17px;
    position: absolute;
    left: 0
    }
article.download nav a:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
    }
article.download nav a.files_toggle {
    padding: 0;
    padding-right: 20px !important
    }
article.download nav a.files_toggle:after {
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px;
    width: 11px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 0
    }
article.download nav a.files_toggle.visible:after {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -22px;
    height: 6px;
    width: 11px
    }
article.download nav a.files_toggle:before {
    display: none
    }
html.touch article.download nav a:not([data-toggle]), html.touch article.download nav > h1 {
    display: none
    }
section.article-group {
    margin-bottom: 20px
    }
section.article-group h2 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px
    }
section.article-group:after {
    content: "";
    display: table;
    clear: both
    }
section.exclusives article.exclusive ~ header.group {
    margin-top: 40px
    }
.grid .columns:after {
    content: "";
    display: table;
    clear: both
    }
.grid .column {
    float: left;
    margin-left: 16px
    }
.grid .column.column_0 {
    margin-left: 0
    }
@media only screen and (min-width: 780px) {
    .grid .column {
        width: 223px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .grid .column {
        margin-left: 0;
        float: none
        }
    }
#container nav[data-grid-list-filter], #container nav.filter {
    float: left;
    display: inline-block;
    height: 35px;
    margin-right: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px
    }
#container nav[data-grid-list-filter]:last-child, #container nav.filter:last-child {
    margin-right: 0
    }
#container nav[data-grid-list-filter] a, #container nav.filter a {
    position: relative;
    margin-bottom: -1px;
    padding: 7px 15px;
    padding-right: 45px;
    display: none;
    border: 1px solid #DBDBDB;
    background-color: white;
    color: #444;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
#container nav[data-grid-list-filter] a:after, #container nav.filter a:after {
    content: "";
    display: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 11px;
    height: 6px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px
    }
#container nav[data-grid-list-filter] a.selected, #container nav.filter a.selected {
    display: block
    }
#container nav[data-grid-list-filter] a.selected:after, #container nav.filter a.selected:after {
    display: block
    }
#container nav[data-grid-list-filter] .expanded, #container nav.filter .expanded {
    display: block !important
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container nav[data-grid-list-filter], #container nav.filter {
        position: relative;
        display: block;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none
        }
    #container nav[data-grid-list-filter]:hover, #container nav.filter:hover {
        z-index: 99
        }
    #container nav[data-grid-list-filter]:hover a:last-child, #container nav.filter:hover a:last-child {
        margin-bottom: 10px
        }
    }
#container nav[data-grid-list-filter], #container nav[data-grid-list-view] {
    font-size: 16px;
    line-height: 18px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container nav[data-grid-list-filter], #container nav[data-grid-list-view] {
        float: right;
        margin-right: 0 !important;
        margin-left: 10px
        }
    }
#container nav[data-grid-list-view] .icon {
    display: inline-block;
    float: left;
    height: 20px;
    background-color: white;
    padding: 6px;
    border: 1px solid #DBDBDB;
    margin-right: -1px
    }
#container nav[data-grid-list-view] .icon a {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: transparent;
    text-indent: -9999px;
    word-break: break-all;
    word-break: normal
    }
#container nav[data-grid-list-view] .icon a.grid {
    background-color: #999
    }
#container nav[data-grid-list-view] .icon a.grid:before, #container nav[data-grid-list-view] .icon a.grid:after {
    content: "";
    display: block;
    position: relative;
    background-color: white
    }
#container nav[data-grid-list-view] .icon a.grid:before {
    width: 100%;
    height: 4px;
    top: 8px;
    left: 0
    }
#container nav[data-grid-list-view] .icon a.grid:after {
    width: 4px;
    height: 100%;
    top: -22px;
    left: 8px
    }
#container nav[data-grid-list-view] .icon a.grid.selected {
    background-color: black
    }
#container nav[data-grid-list-view] .icon a.list {
    background-color: #999
    }
#container nav[data-grid-list-view] .icon a.list:before, #container nav[data-grid-list-view] .icon a.list:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    background-color: white
    }
#container nav[data-grid-list-view] .icon a.list:before {
    top: 4px
    }
#container nav[data-grid-list-view] .icon a.list:after {
    bottom: 10px
    }
#container nav[data-grid-list-view] .icon a.list.selected {
    background-color: black
    }
#container nav[data-grid-list-view][data-view=grid] a.grid {
    border: 1px solid red
    }
#container nav[data-grid-list-view][data-view=list] a.list {
    border: 1px solid red
    }
@media only screen and (max-width: 800px) {
    #container nav[data-grid-list-view] {
        display: none
        }
    }
section.add_more article.exclusive {
    position: relative;
    height: 310px
    }
section.add_more article.exclusive .stock, section.add_more article.exclusive .description {
    display: none
    }
section.add_more article.exclusive a.cta {
    font-size: 20px
    }
section.add_more article.exclusive > h1, section.add_more article.exclusive .product, section.add_more article.exclusive .details {
    position: absolute;
    margin: 0
    }
section.add_more article.exclusive .product {
    top: 15px;
    left: 15px;
    right: 15px;
    height: 145px;
    width: auto
    }
section.add_more article.exclusive .image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 0
    }
section.add_more article.exclusive .image img {
    width: auto !important;
    max-width: 145px !important;
    max-height: 145px !important
    }
section.add_more article.exclusive > h1 {
    top: 175px;
    height: 89px;
    overflow: hidden;
    width: 80%
    }
section.add_more article.exclusive > h1 span {
    display: none
    }
section.add_more article.exclusive .details {
    width: 100%;
    top: initial;
    bottom: 0;
    left: 15px;
    border: initial
    }
section.add_more article.exclusive .details .price {
    position: absolute;
    font-size: 18px;
    line-height: 20px;
    bottom: 10px
    }
section.add_more article.exclusive .reserve {
    top: 0;
    left: 0;
    transform: initial;
    padding-right: 10px;
    padding-left: 10px
    }
section.add_more article.exclusive .reserve .title {
    margin-bottom: 10px
    }
section.add_more article.exclusive .reserve .price {
    padding-bottom: 20px;
    margin-bottom: 20px
    }
section.add_more article.exclusive .reserve .button.with-arrow {
    padding-right: 50px;
    padding-left: 10px
    }
section.add_more article.exclusive .fx {
    display: none !important
    }
article.exclusive, article.ticket_bundle {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F2F2F7;
    position: relative;
    min-height: 150px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    word-wrap: break-word;
    overflow: hidden;
    padding-right: 130px;
    margin-bottom: 15px
    }
article.exclusive:after, article.ticket_bundle:after {
    content: "";
    display: table;
    clear: both
    }
article.exclusive:after, article.ticket_bundle:after {
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    background-color: rgba(241, 241, 241, 0);
    background: -webkit-linear-gradient(-90deg, rgba(241, 241, 241, 0), #f2f2f7);
    background: linear-gradient(180deg, rgba(241, 241, 241, 0), #f2f2f7)
    }
article.exclusive h1, article.ticket_bundle h1 {
    display: inline-block;
    width: 65%;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px
    }
article.exclusive h1 a, article.ticket_bundle h1 a {
    text-decoration: none
    }
article.exclusive h1 span.access_pass, article.ticket_bundle h1 span.access_pass {
    font-size: 80%;
    font-weight: normal;
    background: none;
    background: -webkit-linear-gradient(left, #FF0A3E, #FF4319);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
    }
article.exclusive h2, article.ticket_bundle h2 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px
    }
article.exclusive .product, article.ticket_bundle .product {
    float: left;
    margin-right: 20px
    }
article.exclusive .image, article.ticket_bundle .image {
    display: block;
    text-align: center;
    line-height: 0;
    margin-bottom: 10px
    }
article.exclusive .image img, article.ticket_bundle .image img {
    display: inline-block
    }
article.exclusive .image.featured, article.ticket_bundle .image.featured {
    display: none
    }
article.exclusive .price, article.ticket_bundle .price {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444;
    margin-bottom: 5px
    }
article.exclusive .price .fx, article.ticket_bundle .price .fx {
    display: none;
    position: relative;
    top: -2px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    line-height: 18px;
    margin-top: 0 0 10px 0;
    font-weight: normal;
    color: #444
    }
article.exclusive .price .fx .change, article.ticket_bundle .price .fx .change {
    display: none
    }
article.exclusive .description, article.ticket_bundle .description {
    display: inline-block;
    width: 65%;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: -10px
    }
article.exclusive .description p, article.ticket_bundle .description p {
    -webkit-margin-before: 0;
    -moz-margin-before: 0;
    -ms-margin-before: 0;
    -o-margin-before: 0;
    margin-before: 0
    }
article.exclusive .description p:last-child, article.ticket_bundle .description p:last-child {
    -webkit-margin-after: 0;
    -moz-margin-after: 0;
    -ms-margin-after: 0;
    -o-margin-after: 0;
    margin-after: 0
    }
article.exclusive .details, article.ticket_bundle .details {
    width: 130px;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right
    }
article.exclusive .details .price, article.ticket_bundle .details .price {
    margin-right: 10px
    }
article.exclusive .reserve, article.ticket_bundle .reserve {
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer
    }
article.exclusive .reserve a, article.ticket_bundle .reserve a {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    cursor: pointer
    }
article.exclusive .reserve a.cta, article.ticket_bundle .reserve a.cta {
    max-width: 300px;
    height: initial;
    color: #33344F;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    padding: 9px 5px;
    margin-top: -13px
    }
article.exclusive .reserve a.cta.red_button, article.ticket_bundle .reserve a.cta.red_button {
    color: #FC2C33
    }
article.exclusive .reserve a.view_details, article.ticket_bundle .reserve a.view_details {
    margin-top: -10px;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    text-decoration: underline
    }
article.exclusive .reserve a.view_details:visited, article.ticket_bundle .reserve a.view_details:visited {
    color: black
    }
article.exclusive .reserve a + a.view_details, article.ticket_bundle .reserve a + a.view_details {
    margin-top: 45px
    }
article.exclusive.with_image, article.ticket_bundle.with_image {
    min-height: 210px
    }
article.exclusive.closed .price, article.exclusive.unavailable .price, article.ticket_bundle.closed .price, article.ticket_bundle.unavailable .price {
    color: #a8a8b3
    }
article.exclusive.closed .product .stock, article.exclusive.unavailable .product .stock, article.ticket_bundle.closed .product .stock, article.ticket_bundle.unavailable .product .stock {
    display: inline-block
    }
article.exclusive.closed .stock, article.ticket_bundle.closed .stock {
    display: none
    }
article.exclusive.access_pass, article.ticket_bundle.access_pass {
    min-height: 140px
    }
article.exclusive.access_pass h1 span.access_pass, article.ticket_bundle.access_pass h1 span.access_pass {
    font-size: 100%;
    font-weight: bold
    }
article.exclusive.access_pass .details .price, article.ticket_bundle.access_pass .details .price {
    color: #444
    }
article.exclusive.with_image.access_pass, article.ticket_bundle.with_image.access_pass {
    min-height: 160px
    }
article.exclusive.with_image .image img, article.ticket_bundle.with_image .image img {
    float: none;
    max-width: 145px;
    max-height: 145px
    }
article.exclusive.with_image > h1, article.ticket_bundle.with_image > h1 {
    margin-bottom: 0
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    article.exclusive .stock, article.ticket_bundle .stock {
        height: 30px;
        line-height: 12px;
        padding: 10px
        }
    article.exclusive.with_image, article.ticket_bundle.with_image {
        min-height: 200px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.exclusive, article.ticket_bundle {
        min-height: 140px !important;
        padding: 10px
        }
    article.exclusive h1, article.ticket_bundle h1 {
        width: 70%;
        margin-bottom: 10px
        }
    article.exclusive .product, article.ticket_bundle .product {
        float: initial
        }
    article.exclusive .image, article.ticket_bundle .image {
        width: 100%
        }
    article.exclusive .details, article.ticket_bundle .details {
        width: 100%;
        position: initial;
        text-align: initial;
        margin-bottom: 30px
        }
    article.exclusive .price, article.ticket_bundle .price {
        float: left
        }
    article.exclusive .stock, article.ticket_bundle .stock {
        position: absolute;
        top: 10px;
        right: 0
        }
    article.exclusive .reserve a.button.cta, article.ticket_bundle .reserve a.button.cta {
        font-size: 22px;
        line-height: 24px;
        left: 10%;
        right: 10%
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container:not(#facebox) article.exclusive .image img, .container:not(#facebox) article.exclusive .description {
        display: none !important
        }
    .container:not(#facebox) article.exclusive .details:after {
        content: "";
        display: table;
        clear: both
        }
    .container:not(#facebox) article.exclusive .details .stock {
        float: right
        }
    }
.grid article.exclusive, .right_content article.exclusive, #facebox article.exclusive {
    padding-left: 15px;
    padding-right: 15px
    }
.grid article.exclusive:after, .right_content article.exclusive:after, #facebox article.exclusive:after {
    left: 0
    }
.grid article.exclusive .image, .grid article.exclusive .details, .grid article.exclusive .units, .right_content article.exclusive .image, .right_content article.exclusive .details, .right_content article.exclusive .units, #facebox article.exclusive .image, #facebox article.exclusive .details, #facebox article.exclusive .units {
    position: static
    }
.grid article.exclusive .product, .right_content article.exclusive .product, #facebox article.exclusive .product {
    display: inline-block;
    position: relative;
    width: 100%;
    top: initial;
    left: initial;
    line-height: 0;
    padding-left: 0;
    margin-bottom: 20px
    }
.grid article.exclusive > h1, .right_content article.exclusive > h1, #facebox article.exclusive > h1 {
    width: 100%;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px
    }
.grid article.exclusive .image, .right_content article.exclusive .image, #facebox article.exclusive .image {
    float: none;
    width: auto;
    height: auto;
    margin-top: -16px;
    margin-left: -10px;
    margin-right: -10px
    }
.grid article.exclusive .image img, .right_content article.exclusive .image img, #facebox article.exclusive .image img {
    width: 100% !important;
    max-width: 1000px !important;
    max-height: 1000px !important
    }
.grid article.exclusive .details, .right_content article.exclusive .details, #facebox article.exclusive .details {
    width: auto;
    text-align: left;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 15px
    }
.grid article.exclusive .stock, .right_content article.exclusive .stock, #facebox article.exclusive .stock {
    position: relative;
    text-align: left;
    margin: 0 0 20px -15px;
    margin-bottom: 20px
    }
.grid article.exclusive .stock:after, .grid article.exclusive .stock:before, .right_content article.exclusive .stock:after, .right_content article.exclusive .stock:before, #facebox article.exclusive .stock:after, #facebox article.exclusive .stock:before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px;
    right: -14px;
    border-right: 15px solid transparent;
    left: inherit;
    border-left: none
    }
.grid article.exclusive .stock:after, .right_content article.exclusive .stock:after, #facebox article.exclusive .stock:after {
    top: 0;
    border-top-style: solid;
    border-top-color: inherit
    }
.grid article.exclusive .stock:before, .right_content article.exclusive .stock:before, #facebox article.exclusive .stock:before {
    top: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit
    }
.grid article.exclusive .description, .right_content article.exclusive .description, #facebox article.exclusive .description {
    width: 100%;
    clear: both;
    padding-bottom: 10px
    }
.grid article.exclusive .reserve .title, .right_content article.exclusive .reserve .title, #facebox article.exclusive .reserve .title {
    margin-bottom: 10px
    }
.grid article.exclusive .reserve .price, .right_content article.exclusive .reserve .price, #facebox article.exclusive .reserve .price {
    padding-bottom: 30px;
    margin-bottom: 30px
    }
.grid article.exclusive.access_pass .stock:after, .grid article.exclusive.access_pass .stock:before, .right_content article.exclusive.access_pass .stock:after, .right_content article.exclusive.access_pass .stock:before, #facebox article.exclusive.access_pass .stock:after, #facebox article.exclusive.access_pass .stock:before {
    border-top-color: #00B5AC;
    border-bottom-color: #00B5AC
    }
.right_content article.exclusive .image img {
    width: auto !important;
    max-width: 100% !important
    }
html.no-touch article.exclusive:hover .reserve {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
    }
html.no-touch article.exclusive:hover .reserve .cta {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
    }
html.no-touch article.exclusive.unavailable:hover:before {
    background-color: rgba(102, 103, 123, 0.9)
    }
html.no-touch article.exclusive.unavailable:hover .reserve .price {
    color: #e5e5e9
    }
.tap_hint {
    display: none
    }
html.touch article.exclusive .reserve {
    display: none
    }
html.touch .tap_hint {
    display: block;
    background-color: #999;
    padding: 10px;
    text-align: center;
    color: white;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    html.touch .tap_hint {
        margin-left: -15px;
        margin-right: -15px
        }
    }
html.touch #exclusives article.exclusive:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -26px -182px;
    height: 31px;
    width: 30px;
    width: 30px;
    height: 31px
    }
html.touch #exclusives article.exclusive:after {
    left: initial;
    background-size: initial
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    html.touch #exclusives article.exclusive:after {
        content: "";
        display: table;
        clear: both
        }
    html.touch #exclusives article.exclusive h1 {
        margin-bottom: 10px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    html.touch #exclusives article.exclusive .details {
        width: 170px
        }
    }
html[lang=de] article.exclusive.unavailable .stock {
    font-size: 13px
    }
#facebox article.exclusive {
    background-color: white;
    margin-bottom: 0;
    width: 510px
    }
#facebox article.exclusive h1 {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 10px;
    margin-bottom: 15px
    }
#facebox article.exclusive .product {
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%)
    }
#facebox article.exclusive .image {
    text-align: center;
    margin-top: 0
    }
#facebox article.exclusive .image img {
    position: relative;
    display: inline-block;
    width: auto !important;
    max-height: 400px !important
    }
#facebox article.exclusive .details {
    width: 100%;
    border-bottom-style: none
    }
#facebox article.exclusive .price {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444;
    margin-bottom: 0
    }
#facebox article.exclusive .description {
    -webkit-line-clamp: none;
    display: block;
    max-height: none;
    margin-bottom: initial
    }
#facebox article.exclusive .description p {
    display: block
    }
#facebox article.exclusive .reserve {
    display: block;
    position: relative;
    width: initial;
    min-height: 50px;
    left: initial;
    float: right;
    right: 0;
    opacity: 1;
    background-color: initial;
    text-align: center;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    padding: 0;
    margin-top: -75px
    }
#facebox article.exclusive .reserve a {
    content: attr(data-lightbox-cta);
    position: relative;
    left: initial;
    right: initial
    }
#facebox article.exclusive .reserve .title, #facebox article.exclusive .reserve .price {
    display: none
    }
#facebox article.exclusive .fx {
    margin-top: 0
    }
#facebox article.exclusive .fx span {
    text-decoration: underline
    }
#facebox article.exclusive .fx .change {
    display: block
    }
#facebox article.exclusive:before, #facebox article.exclusive:after {
    display: none
    }
@media only screen and (max-width: 800px) {
    #facebox article.exclusive .reserve a {
        text-align: right
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #facebox article.exclusive {
        width: 500px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox article.exclusive {
        width: 320px
        }
    #facebox article.exclusive .image img {
        max-height: 200px !important
        }
    #facebox article.exclusive .details {
        width: 120px;
        float: left
        }
    #facebox article.exclusive .details .fx {
        float: right
        }
    #facebox article.exclusive .reserve {
        margin-top: initial
        }
    }
#facebox .list_selector {
    padding: 15px
    }
#facebox .list_selector .copy {
    margin-bottom: 15px
    }
#facebox .list_selector > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#facebox .list_selector ul {
    padding: 0;
    margin: 0
    }
#facebox .list_selector ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#facebox .list_selector ul li {
    margin-bottom: 5px
    }
#facebox .list_selector ul li a {
    text-decoration: none
    }
#container.projects section#exclusives, #container.projects article.exclusive {
    clear: both
    }
#container.projects section#exclusives:after, #container.projects article.exclusive:after {
    content: "";
    display: table;
    clear: both
    }
#container.projects section#exclusives header, #container.projects article.exclusive header {
    position: relative;
    z-index: 2;
    margin-bottom: 10px
    }
#container.projects section#exclusives header:after, #container.projects article.exclusive header:after {
    content: "";
    display: table;
    clear: both
    }
#container.projects section#exclusives header h1, #container.projects article.exclusive header h1 {
    margin-top: -20px;
    padding-top: 20px
    }
#container.projects section#exclusives header .gift_link, #container.projects article.exclusive header .gift_link {
    margin-top: 4px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects section#exclusives header .gift_link, #container.projects article.exclusive header .gift_link {
        display: none
        }
    }
#container.projects section#exclusives header.group, #container.projects article.exclusive header.group {
    z-index: initial
    }
#container.projects nav#country_code {
    float: left;
    line-height: 35px
    }
#container.projects nav#country_code label:after {
    content: ": "
    }
#container.projects nav#country_code a {
    color: #FC2C33;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding-right: 15px
    }
#container.projects nav#country_code a:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px;
    width: 11px;
    height: 6px
    }
#container.projects div.pagination {
    float: left;
    width: 100%
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects header nav.filter {
        float: none
        }
    #container.projects header nav#country_code {
        float: none
        }
    }
#container.projects_exclusives section#exclusives {
    margin-bottom: 15px
    }
#container.projects_exclusives section#exclusives > header > h1, #container.projects_exclusives section#exclusives > header nav.view {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects_exclusives section#exclusives nav.filter {
        display: none
        }
    }
@media only screen and (min-width: 780px) {
    #container.projects_exclusives section#exclusives section.access_pass_banner ul.includes li {
        font-size: 12px;
        line-height: 14px;
        margin-right: 20px
        }
    #container.projects_exclusives section#exclusives section.access_pass_banner ul.includes li:before {
        margin-right: 0
        }
    #container.projects_exclusives section#exclusives section.access_pass_banner ul.includes li.download:before {
        margin-right: 5px
        }
    }
#container.projects_exclusives #gift_options {
    display: none
    }
@media only screen and (max-width: 800px) {
    #container.projects_exclusives > aside {
        display: none
        }
    }
#container.projects.exclusive #main > header {
    margin-bottom: 15px
    }
#container.projects.exclusive #main > header hgroup.project:before {
    display: none
    }
#container.projects.exclusive section > h1 {
    margin-top: 0
    }
#container.projects.exclusive article, #container.projects.exclusive section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
#container.projects.exclusive nav#country_code {
    float: left;
    line-height: 18px;
    margin-bottom: 10px
    }
#container.projects.exclusive article#exclusive {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    margin-bottom: 30px
    }
#container.projects.exclusive article#exclusive:after {
    display: none
    }
#container.projects.exclusive article#exclusive header {
    padding-bottom: 10px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 20px
    }
#container.projects.exclusive article#exclusive header:after {
    clear: both
    }
#container.projects.exclusive article#exclusive header nav#country_code {
    width: 100%;
    text-align: right;
    margin-bottom: 15px
    }
#container.projects.exclusive article#exclusive header h1 {
    width: 420px;
    float: left;
    font-size: 24px;
    line-height: 26px
    }
#container.projects.exclusive article#exclusive section.left {
    width: 280px;
    float: left;
    padding: 0
    }
#container.projects.exclusive article#exclusive section.right {
    width: 300px;
    float: left
    }
#container.projects.exclusive article#exclusive .price {
    color: black
    }
#container.projects.exclusive article#exclusive .price .fx {
    display: block
    }
#container.projects.exclusive article#exclusive .price .fx .change {
    display: block;
    color: #C1C1C1
    }
#container.projects.exclusive article#exclusive .stock {
    text-align: left;
    margin-bottom: 15px
    }
#container.projects.exclusive article#exclusive .stock:after, #container.projects.exclusive article#exclusive .stock:before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px;
    right: -14px;
    border-right: 15px solid transparent;
    left: inherit;
    border-left: none
    }
#container.projects.exclusive article#exclusive .stock:after {
    top: 0;
    border-top-style: solid;
    border-top-color: inherit
    }
#container.projects.exclusive article#exclusive .stock:before {
    top: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit
    }
#container.projects.exclusive article#exclusive .image {
    position: inherit;
    float: none;
    text-align: center;
    overflow: hidden;
    height: 100%;
    width: 100%;
    max-height: 300px;
    margin-bottom: 20px
    }
#container.projects.exclusive article#exclusive .image img {
    max-height: 300px;
    max-width: 240px
    }
#container.projects.exclusive article#exclusive .description {
    -webkit-line-clamp: initial;
    -moz-line-clamp: initial;
    -ms-line-clamp: initial;
    -o-line-clamp: initial;
    line-clamp: initial;
    max-height: 120px;
    margin: 0 0 80px 0
    }
#container.projects.exclusive article#exclusive .expandable + .expander {
    color: #FC5359;
    font-weight: bold;
    margin: 0;
    border-width: 0
    }
#container.projects.exclusive article#exclusive .expandable + .expander:after, #container.projects.exclusive article#exclusive .expandable + .expander:before {
    content: "";
    width: 100%;
    height: 0;
    top: -75px;
    background-image: initial;
    margin: 0
    }
#container.projects.exclusive article#exclusive .expandable + .expander:before {
    display: block;
    background: initial
    }
#container.projects.exclusive article#exclusive .expandable + .expander:after {
    display: none
    }
#container.projects.exclusive article#exclusive .expanded + .expander {
    margin-bottom: 0
    }
#container.projects.exclusive article#exclusive .expanded + .expander:before {
    display: none
    }
#container.projects.exclusive article#exclusive .expanded + .expander:after {
    display: block
    }
#container.projects.exclusive article#exclusive .button.cta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 240px;
    margin: 0 auto
    }
#container.projects.exclusive article#exclusive .socials {
    position: absolute;
    bottom: 10px;
    width: inherit;
    text-align: left;
    padding-top: 10px;
    border-top: 1px solid #DBDBDB
    }
#container.projects.exclusive section.add_more {
    margin-bottom: 30px
    }
#container.projects.exclusive section.add_more article.exclusive {
    width: 193px;
    display: inline-block;
    margin-left: 15px
    }
#container.projects.exclusive section.add_more article.exclusive:first-of-type {
    margin-left: 0
    }
#container.projects.exclusive section.exclusives {
    margin-bottom: 0
    }
#container.projects.exclusive section.exclusives nav {
    display: none
    }
#container.projects.exclusive section.exclusives .column {
    width: 196px
    }
#container.projects.exclusive.exclusive_closed header.pricing {
    display: none
    }
#container.projects.exclusive.exclusive_closed #notice {
    margin-top: -30px
    }
#container.projects.exclusive.exclusive_closed #notice span {
    display: inline-block
    }
#container.projects.exclusive.exclusive_closed aside, #container.projects.exclusive.exclusive_closed .access_pass_banner {
    opacity: 0.3
    }
#container.projects.exclusive.exclusive_closed article#exclusive.unavailable header, #container.projects.exclusive.exclusive_closed article#exclusive.unavailable div, #container.projects.exclusive.exclusive_closed article#exclusive.unavailable nav, #container.projects.exclusive.exclusive_closed article#exclusive.closed header, #container.projects.exclusive.exclusive_closed article#exclusive.closed div, #container.projects.exclusive.exclusive_closed article#exclusive.closed nav {
    opacity: 0.3
    }
#container.projects.exclusive.exclusive_closed article#exclusive.unavailable .stock:after, #container.projects.exclusive.exclusive_closed article#exclusive.unavailable .stock:before, #container.projects.exclusive.exclusive_closed article#exclusive.closed .stock:after, #container.projects.exclusive.exclusive_closed article#exclusive.closed .stock:before {
    border-top-color: #C1C1C1;
    border-bottom-color: #C1C1C1
    }
#container.projects.exclusive.exclusive_closed article#exclusive.unavailable .button.cta.preorder, #container.projects.exclusive.exclusive_closed article#exclusive.closed .button.cta.preorder {
    display: none
    }
#container.projects.exclusive.exclusive_closed .add_more {
    display: none
    }
#container.projects.exclusive aside.exclusive section {
    margin-bottom: 20px
    }
#container.projects.exclusive aside.exclusive > section:nth-of-type(1n+2) {
    margin-bottom: 30px
    }
#container.projects.exclusive aside.exclusive section.about {
    margin-bottom: 15px
    }
#container.projects.exclusive aside.exclusive h1 + h2 {
    margin-bottom: 15px
    }
#container.projects.exclusive aside.exclusive hgroup.project h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 26px;
    color: black;
    text-decoration: none
    }
#container.projects.exclusive aside.exclusive hgroup.project h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal
    }
#container.projects.exclusive aside.exclusive section.access_pass_banner ul li {
    display: list-item;
    font-size: 12px;
    line-height: 14px;
    list-style: initial;
    margin-bottom: 10px;
    margin-right: 0
    }
#container.projects.exclusive aside.exclusive section.access_pass_banner ul li:before {
    display: none
    }
#container.projects.exclusive aside.exclusive section.access_pass_banner ul:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -68px -454px;
    height: 72px;
    width: 45px;
    width: 44px;
    height: 71px;
    content: " ";
    display: block;
    float: left;
    margin-right: 30px;
    margin-top: -5px
    }
#container.projects.exclusive aside.exclusive section.access_pass_banner:before {
    display: none
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.projects.exclusive header.pricing, #container.projects.exclusive article#exclusive {
        margin: 30px
        }
    #container.projects.exclusive section.project {
        display: inline-block;
        vertical-align: middle;
        width: 320px;
        margin-right: 30px
        }
    #container.projects.exclusive section.project_status {
        display: inline-block;
        vertical-align: middle;
        width: 320px
        }
    #container.projects.exclusive section.project_status .items {
        display: block
        }
    #container.projects.exclusive section.project_status footer {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.projects.exclusive header.compact {
        margin-bottom: 10px
        }
    #container.projects.exclusive > div#main #notice {
        margin-top: -10px
        }
    #container.projects.exclusive > div#main header.pricing {
        margin-left: 10px
        }
    #container.projects.exclusive > div#main section, #container.projects.exclusive > div#main h1, #container.projects.exclusive > div#main span, #container.projects.exclusive > div#main .image, #container.projects.exclusive > div#main .description, #container.projects.exclusive > div#main nav.socials, #container.projects.exclusive > div#main section.left {
        width: 100%
        }
    #container.projects.exclusive > div#main article#exclusive {
        max-width: 100%;
        margin: 10px 10px 40px 10px;
        padding: 10px 10px
        }
    #container.projects.exclusive > div#main article#exclusive header h1 {
        width: 100%
        }
    #container.projects.exclusive > div#main article#exclusive .right {
        width: 100%;
        padding-right: 0
        }
    #container.projects.exclusive > div#main article#exclusive .image, #container.projects.exclusive > div#main article#exclusive .description, #container.projects.exclusive > div#main article#exclusive .image > img {
        display: block !important;
        padding-right: 0
        }
    #container.projects.exclusive > div#main article#exclusive .image {
        margin-bottom: 15px;
        margin-right: 0;
        text-align: center
        }
    #container.projects.exclusive > div#main article#exclusive .image img {
        max-width: 100%;
        margin: 0 auto
        }
    #container.projects.exclusive > div#main article#exclusive .stock {
        position: relative;
        top: 0
        }
    #container.projects.exclusive > div#main article#exclusive .price {
        float: none
        }
    #container.projects.exclusive > div#main article#exclusive .button.cta {
        width: 100%;
        margin: 20px 0
        }
    #container.projects.exclusive > div#main article#exclusive .description {
        max-height: initial
        }
    #container.projects.exclusive > div#main section.access_pass_banner {
        width: 285px
        }
    #container.projects.exclusive > div#main section.add_more {
        display: none
        }
    }
#container article.person_card {
    height: 150px
    }
#container article.person_card footer {
    border-top: 1px solid #DBDBDB;
    padding-top: 8px;
    margin-top: 15px;
    line-height: 25px
    }
#container article.person_card footer ul {
    padding: 0;
    margin: 0;
    float: right
    }
#container article.person_card footer ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#container article.person_card footer ul li {
    display: inline-block;
    margin-right: 3px
    }
#container article.person_card footer ul li a img {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px
    }
#facebox .content.player_playing {
    width: 900px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    text-align: center
    }
#facebox .content.player_playing h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
    color: #3e7a3f;
    display: inline
    }
#facebox .content.player_playing h1 span {
    color: #000;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    line-height: 42px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #facebox .content.player_playing {
        width: 768px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox .content.player_playing {
        width: 320px
        }
    #facebox .content.player_playing a.button {
        font-family: Helvetica, sans-serif;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        display: block;
        padding: 7px 10px
        }
    #facebox .content.player_playing a.button:first-child {
        margin-bottom: 10px
        }
    #facebox .content.player_playing h1 {
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        line-height: 32px
        }
    #facebox .content.player_playing h1 span {
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        line-height: 22px
        }
    }
section.survey {
    margin-top: 10px
    }
section.survey h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px
    }
section.survey ul {
    padding: 0;
    margin: 0
    }
section.survey ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
section.survey .form_field.check_box {
    margin-top: 5px
    }
section.survey label input {
    clear: none;
    float: none
    }
section.survey .choices li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 5px
    }
section.survey .choices li:after {
    content: "";
    display: table;
    clear: both
    }
section.survey .choices li .quick_results {
    position: absolute;
    left: 0;
    top: 2px;
    text-align: right;
    width: 44px
    }
section#survey_results section.question {
    margin-bottom: 10px
    }
section#survey_results section.question table {
    width: auto
    }
section#survey_results section.question table th, section#survey_results section.question table td {
    padding: 4px
    }
section#survey_results section.question table th {
    text-align: right
    }
section#survey_results section.question table td {
    padding-left: 5px;
    text-align: left
    }
html.mobile_app header.app, html.mobile_app footer.site {
    display: none !important
    }
html.mobile_app #container {
    padding-top: 0
    }
div.video_preview {
    width: 300px;
    padding: 20px
    }
div.video_player {
    overflow: hidden
    }
div.video_player:after {
    content: "";
    display: block;
    padding-bottom: 56%
    }
div.video_player, div.videojs_player {
    position: relative;
    width: 100%;
    background-color: black
    }
div.video_player div.jwplayer, div.video_player img.poster, div.video_player img.control, div.video_player iframe, div.videojs_player div.jwplayer, div.videojs_player img.poster, div.videojs_player img.control, div.videojs_player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
div.video_player img.poster, div.video_player img.control, div.videojs_player img.poster, div.videojs_player img.control {
    cursor: pointer;
    object-fit: scale-down
    }
div.video_player .cta, div.videojs_player .cta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    position: absolute;
    top: 0;
    bottom: 0;
    background: black;
    background: rgba(0, 0, 0, 0.75);
    font-size: 24px;
    text-align: center;
    padding: 20px;
    padding-top: 25%
    }
div.video_player .cta a, div.videojs_player .cta a {
    display: block;
    padding: 12px;
    color: #59aec2;
    text-decoration: none
    }
div.video_player.enabled iframe, div.video_player > .enabled iframe, div.videojs_player.enabled iframe, div.videojs_player > .enabled iframe {
    z-index: 1
    }
div.video_player.enabled .poster, div.video_player > .enabled .poster, div.videojs_player.enabled .poster, div.videojs_player > .enabled .poster {
    z-index: -2
    }
div.video_player.enabled .control, div.video_player > .enabled .control, div.videojs_player.enabled .control, div.videojs_player > .enabled .control {
    z-index: -1
    }
div.video_player .scale150, div.videojs_player .scale150 {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5)
    }
section.faqs h1 {
    margin-bottom: 0 !important
    }
section.faqs .copy {
    margin-bottom: 15px
    }
section.faqs dt {
    position: relative;
    cursor: pointer;
    color: black;
    border-top: 1px solid #DBDBDB;
    padding: 15px 60px 10px 0;
    margin-bottom: 10px
    }
section.faqs dt:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 15px;
    right: 0;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
    }
section.faqs dt:first-child {
    border-top: 0
    }
section.faqs dd {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
section.faqs dd p:first-child {
    margin-top: -15px
    }
section.faqs > a {
    display: block;
    padding: 10px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: black;
    text-decoration: underline
    }
section.faqs dd + a {
    display: block;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #DBDBDB
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container > header + nav#tabs.swipe, nav.swipe {
        position: relative;
        height: 50px;
        width: auto;
        overflow: hidden;
        box-shadow: inset 0 -5px 0 #333;
        margin-bottom: 15px;
        background: url(interface/colors/color-gray-5.png) #fff bottom repeat-x;
        -webkit-background-size: 5px 5px;
        -moz-background-size: 5px 5px;
        -ms-background-size: 5px 5px;
        -o-background-size: 5px 5px;
        background-size: 5px 5px
        }
    .container > header + nav#tabs.swipe:before, .container > header + nav#tabs.swipe:after, nav.swipe:before, nav.swipe:after {
        display: block;
        position: absolute;
        content: "";
        width: 30px;
        height: 45px;
        z-index: 10
        }
    .container > header + nav#tabs.swipe:before, nav.swipe:before {
        left: 0;
        background-color: white;
        background: -webkit-linear-gradient(90deg-to right, #fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        border-bottom: 5px solid #333
        }
    .container > header + nav#tabs.swipe:after, nav.swipe:after {
        right: 0;
        background-color: white;
        background: -webkit-linear-gradient(90deg-to left, #fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        border-bottom: 5px solid #333
        }
    .container > header + nav#tabs.swipe .menu, nav.swipe .menu {
        width: 2000px;
        display: inline;
        float: left;
        position: relative;
        transition-property: transform;
        transform: translate(0, 0)
        }
    .container > header + nav#tabs.swipe .menu > a, nav.swipe .menu > a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        float: left;
        background-color: white;
        height: 50px;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        transform: translate(0, 0);
        padding: 10px 20px;
        border: 0;
        border-bottom: 5px solid #333
        }
    .container > header + nav#tabs.swipe .menu > a:after, nav.swipe .menu > a:after {
        display: none
        }
    .container > header + nav#tabs.swipe .menu > a.selected, nav.swipe .menu > a.selected {
        border-bottom: 5px solid #FC5359
        }
    }
#container footer.site ul#admin_menu {
    z-index: 999998;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    display: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 400px;
    height: 380px;
    line-height: 20px;
    background-color: #fff;
    list-style: none
    }
#container footer.site ul#admin_menu li {
    font-size: 16px;
    text-align: left
    }
#container footer.site ul#admin_menu li a {
    text-decoration: none
    }
#container footer.site div#logged_in_as {
    z-index: 999999;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 400px
    }
.sprite {
    display: inline-block
    }
section.pay-opts {
    text-align: center;
    margin-bottom: 0
    }
section.pay-opts .title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px
    }
.credit-cards {
    margin-bottom: 0
    }
.credit-cards .cc-mastercard {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -93px -150px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-mastercard {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -174px 0;
        height: 32.5px;
        width: 51px
        }
    }
.credit-cards .cc-amex {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -76px -103px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-amex {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -173px -83px;
        height: 32px;
        width: 50.5px
        }
    }
.credit-cards .cc-visa {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -195px -150px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-visa {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -123px 0;
        height: 32px;
        width: 50.5px
        }
    }
.credit-cards .cc-klarna {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -107px -182px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-klarna {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -324px -83px;
        height: 32px;
        width: 50.5px
        }
    }
.credit-cards .cc-apple-pay {
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -186px -103px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-apple-pay {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -223px -83px;
        height: 32px;
        width: 50.5px
        }
    }
.credit-cards .cc-masterpass {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -144px -150px;
    height: 32px;
    width: 51px;
    box-shadow: 0 0 0 1px #DBDBDB;
    border-radius: 2px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-masterpass {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -225px 0;
        height: 32.5px;
        width: 51px
        }
    }
.credit-cards .cc-google-pay {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -56px -182px;
    height: 32px;
    width: 51px
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .credit-cards .cc-google-pay {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -274px -83px;
        height: 32px;
        width: 50.5px
        }
    }
html.apple-pay .credit-cards .cc-apple-pay {
    display: inline-block
    }
.dark-bg .cc-masterpass {
    box-shadow: none;
    border-radius: 0
    }
input ~ section.pay-opts {
    display: inline-block;
    vertical-align: bottom;
    text-align: left
    }
input ~ section.pay-opts .credit-cards {
    display: inline-block;
    margin-bottom: 0
    }
@media only screen and (max-width: 767px) {
    input ~ section.pay-opts {
        margin-top: 10px
        }
    }
#container #main .cards {
    display: inline-block;
    vertical-align: middle
    }
#container #main .credit_card_validation {
    display: none;
    color: #C94444;
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
    margin-bottom: 5px
    }
#container #main .form_field.credit_card_expiration {
    display: inline-block
    }
#container #main select#credit_card_month, #container #main select#credit_card_year {
    width: 90px;
    margin-right: 10px
    }
#container #main input#credit_card_verification_value {
    width: 190px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container #main select#billing_address_country[data-country-has-tip] {
        width: 191px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container #main label[for=pledge_gift_pledge_attributes_message], #container #main label[for=credit_card_id], #container #main label[for=billing_address_country], #container #main label[for=shipping_address_country] {
        display: none
        }
    #container #main label[for=credit_card_expiration], #container #main label[for=credit_card_verification_value] {
        display: block;
        height: inherit;
        position: inherit;
        left: inherit;
        color: #444;
        padding: 0;
        padding-bottom: 10px;
        line-height: 16px
        }
    #container #main label[for=credit_card_expiration]:before, #container #main label[for=credit_card_verification_value]:before {
        display: none
        }
    #container #main .form_field.country, #container #main .form_field.phone {
        width: 400px
        }
    #container #main .form_field.phone input {
        width: 190px
        }
    #container #main .credit_card_expiration {
        width: initial
        }
    #container #main .form_field.country, #container #main .form_field.phone {
        width: 340px
        }
    #container #main .form_field.country .question_mark_tip, #container #main .form_field.phone .question_mark_tip {
        margin-left: 5px
        }
    }
body.facebook.tab section#pledge_now nav.socials, body.facebook.tab section#status {
    display: none
    }
body.facebook.tab section#pledge_now a.button {
    width: 100%
    }
body.facebook.tab section#about {
    height: auto
    }
body.facebook.tab section#exclusives {
    min-height: auto !important
    }
body.facebook.tab section#exclusives header {
    margin-bottom: 20px
    }
html:not(.scrolling) #container.feed img.bg.blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -ms-filter: blur(7px);
    -o-filter: blur(7px);
    filter: blur(7px)
    }
#container.feed img.bg {
    opacity: 0.7
    }
#container.feed #main aside > section {
    padding: 0;
    background-color: transparent;
    -ms-filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 40px;
    margin-bottom: 40px
    }
#container.feed #main aside > section > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
@media only screen and (max-width: 800px) {
    #container.feed #main aside {
        display: none
        }
    }
#container.feed #main #navigation {
    display: block;
    position: relative;
    z-index: 2
    }
#container.feed #main #navigation:after {
    content: "";
    display: table;
    clear: both
    }
#container.feed #main #navigation nav {
    margin-bottom: 20px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.feed #main #navigation nav.subject {
        width: 220px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.feed #main #navigation nav.sort {
        display: none
        }
    }
#container.feed #main section#feed > h1 {
    display: none
    }
#container.feed #main section#feed article.feed_activity_card {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    position: relative
    }
#container.feed #main section#feed article.feed_activity_card > header {
    margin: -15px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-color: black
    }
#container.feed #main section#feed article.feed_activity_card > header hgroup:before {
    display: none
    }
#container.feed #main section#feed article.feed_activity_card > header img.bg {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    position: absolute;
    z-index: -1
    }
#container.feed #main section#feed article.feed_activity_card > header img.bg.hero {
    margin-top: -15%
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.feed #main section#feed article.feed_activity_card > header img.bg {
        width: auto
        }
    }
#container.feed #main section#feed article.feed_activity_card > header img.bg.blur {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    top: -100px;
    left: -20px;
    width: 105%
    }
#container.feed #main section#feed article.feed_activity_card > header a {
    text-decoration: none
    }
#container.feed #main section#feed article.feed_activity_card article.project_milestone header time {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #C1C1C1;
    line-height: 18px;
    text-transform: uppercase
    }
#container.feed #main section#feed article.feed_activity_card article.project_milestone .copy {
    margin-top: 10px;
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px
    }
#container.feed #main section#feed article.feed_activity_card > footer, #container.feed #main section#feed article.feed_activity_card > article footer {
    border-top: 1px solid #DBDBDB;
    padding-top: 15px;
    margin-top: 15px;
    display: block
    }
#container.feed #main section#feed article.feed_activity_card article.project_update > footer a.button {
    display: none
    }
#container.feed article.project {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: white;
    vertical-align: top;
    height: 135px;
    padding: 15px;
    padding-right: 40px;
    border-bottom: 1px solid #C1C1C1
    }
#container.feed article.project h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    max-height: 88px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -o-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    color: black
    }
#container.feed article.project img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
    }
#container.feed article.project:last-of-type:after {
    border-bottom: none
    }
#container.feed article.project footer {
    position: absolute;
    display: block;
    min-height: 24px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    background-color: #F1F1F1;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    line-height: 20px;
    color: #444;
    width: 230px
    }
#container.feed article.project footer > div {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    }
#container.feed article.project footer.items_1 > div {
    width: 100%;
    margin: 0 !important;
    text-align: center
    }
#container.feed article.project footer .message {
    width: inherit;
    display: block;
    text-align: center
    }
#container.feed article.project footer .progress .ring {
    position: relative;
    top: 5px;
    display: inline-block
    }
#container.feed article.project footer .timer:before {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    content: "";
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -191px -22px;
    height: 20px;
    width: 20px;
    background-position: 0 -785
    }
.container article.genre {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    position: relative;
    margin-bottom: 20px;
    padding: 30px;
    min-height: 180px
    }
.container article.genre a {
    text-decoration: none
    }
.container article.genre:after {
    content: "";
    display: table;
    clear: both
    }
.container article.genre .icon {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    margin-right: 10px
    }
.container article.genre .icon h2 {
    display: none
    }
.container article.genre header {
    padding-bottom: 0;
    margin-left: 165px
    }
.container article.genre header img {
    width: 180px;
    height: 180px
    }
.container article.genre header h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 5px
    }
.container article.genre section.sub_genres {
    clear: none;
    font-weight: bold;
    line-height: 23px;
    margin: 0 0 0 165px
    }
.container article.genre section.sub_genres ul {
    padding: 0;
    margin: 0
    }
.container article.genre section.sub_genres ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.container article.genre section.sub_genres ul li {
    display: inline
    }
.container article.genre section.sub_genres ul li:after {
    color: #999;
    content: " | "
    }
.container article.genre section.sub_genres ul li:last-child:after {
    content: ""
    }
.container section.genre nav#sub_genres:before {
    font-size: 8px;
    color: inherit;
    line-height: 1;
    display: inline-block;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 15px
    }
.container section.genre nav#sub_genres ul {
    padding: 0;
    margin: 0
    }
.container section.genre nav#sub_genres ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.container section.genre nav#sub_genres ul li {
    margin-bottom: 15px
    }
.container section.genre nav#sub_genres h1 {
    display: none
    }
.container section.genre nav#sub_genres a {
    text-decoration: none;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold
    }
.container section.genre nav#sub_genres a .count {
    font-weight: normal
    }
.container section.genre nav#sub_genres section.listing {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
.container section.genre nav#sub_genres section.listing > header h1, .container section.genre nav#sub_genres section.listing > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container section.genre nav#sub_genres a.prompt {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container article.genre {
        min-height: 115px;
        padding: 20px
        }
    .container article.genre header {
        margin-left: 95px
        }
    .container article.genre header h1 {
        font-size: 20px;
        line-height: 22px
        }
    .container article.genre section.sub_genres {
        margin-left: 95px
        }
    .container article.genre .icon img {
        width: 110px;
        height: 110px
        }
    .container section.genre nav#sub_genres {
        display: block
        }
    .container section.genre nav#sub_genres:before {
        width: 15px;
        height: 10px
        }
    .container section.genre nav#sub_genres nav {
        margin-left: 0
        }
    .container section.genre select {
        width: 100%;
        -webkit-appearance: none;
        -webkit-box-shadow: 1px 1px 1px #333;
        font-size: 16px;
        line-height: 18px;
        padding: 5px
        }
    }
.container.genres.tree > .main {
    width: auto
    }
.container.genres.tree .row.main.header {
    max-width: 900px;
    margin: 0 auto
    }
.container.genres.tree .row.main.header header {
    padding-left: 0
    }
.container.genres.tree .main > nav {
    margin: 0 0 20px 0
    }
.container.genres.tree .main > nav a {
    padding-right: 8px;
    padding-left: 10px;
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #444;
    border-left: 1px solid #DBDBDB;
    text-decoration: none
    }
.container.genres.tree .main > nav a.selected {
    color: #FC2C33
    }
.container.genres.tree .main > nav a:hover {
    color: #FC5359
    }
.container.genres.tree .main > nav a:first-of-type {
    border-left: none;
    padding-left: 0
    }
.container.genres.tree a:hover {
    color: #FC5359
    }
.container.genres.tree footer.site a:hover {
    color: #000024
    }
.container.genres.tree article.project_card:last-of-type {
    display: block !important
    }
.container.genres.tree section.listing h1 {
    text-align: left
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.genres.tree nav#sub_genres {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.genres.tree header.main a {
        top: 45px
        }
    .container.genres.tree .main > nav {
        margin-left: 15px
        }
    .container.genres.tree section.genre.detail h1 {
        display: none
        }
    }
section.learn-testimonials {
    padding: 40px
    }
section.learn-testimonials:after {
    content: "";
    display: table;
    clear: both
    }
section.learn-testimonials h3 {
    font-size: 28px;
    font-weight: normal
    }
section.learn-testimonials img {
    width: 100%;
    margin-bottom: 20px
    }
section.learn-testimonials strong {
    font-size: 14px
    }
section.learn-testimonials .column {
    padding: 2% 2% 5% 2%
    }
body.learn.fans section.learn-testimonials h3 {
    font-size: 18px;
    margin-bottom: 20px
    }
body.artists_sign_up section.learn-testimonials {
    background-color: #F2F2F2
    }
body.artists_sign_up section.learn-testimonials h3 {
    text-align: center;
    margin-bottom: 40px
    }
@media only screen and (max-width: 800px) {
    #container.learn #main > aside {
        display: none
        }
    }
#container.learn #main section.learn-image {
    position: relative;
    background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/learn/fans/hero-34cb7baed5ec4ec2328e4469ea572a6a13c38186522e585e01603665632388d5.jpg) top center no-repeat;
    background-size: cover;
    height: 428px
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.learn #main section.learn-image {
        margin-bottom: 0
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main section.learn-image {
        margin-bottom: 0;
        height: 238px
        }
    }
#container.learn #main section.learn-image .hero-copy {
    position: absolute;
    color: white;
    font-family: DINWeb-black, Helvetica;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    top: 50%;
    transform: translatey(-50%);
    padding: 0 40px 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main section.learn-image .hero-copy {
        font-size: 26px;
        line-height: 26px
        }
    }
#container.learn #main article.learn-copy {
    background-color: white;
    padding: 45px 42px 50px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy {
        padding: 42px 20px 50px
        }
    }
#container.learn #main article.learn-copy h3, #container.learn #main article.learn-copy h4 {
    font-family: DINWeb-Black, Helvetica
    }
#container.learn #main article.learn-copy h3 {
    margin-bottom: 20px
    }
#container.learn #main article.learn-copy .copy {
    margin-bottom: 45px
    }
#container.learn #main article.learn-copy .button {
    width: 100%
    }
#container.learn #main article.learn-copy .learn-row:after {
    content: "";
    display: table;
    clear: both
    }
#container.learn #main article.learn-copy .learn-col {
    width: 242px;
    float: left
    }
#container.learn #main article.learn-copy .learn-col:first-child {
    margin-right: 52px
    }
#container.learn #main article.learn-copy .learn-col .copy {
    margin-bottom: 20px
    }
#container.learn #main article.learn-copy .learn-col .copy strong {
    color: #FC2C33
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.learn #main article.learn-copy .learn-col {
        width: 286px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy .learn-col {
        width: 100%;
        margin-bottom: 50px;
        margin-right: 0 !important
        }
    #container.learn #main article.learn-copy .learn-col:last-child {
        margin-bottom: 0
        }
    }
#container.learn #main article.learn-copy .learn-header {
    color: #FC2C33;
    text-transform: uppercase;
    font-family: DINWeb-Black, Helvetica;
    margin-bottom: 14px
    }
#container.learn #main article.learn-copy .pm-logo-container {
    text-align: center
    }
#container.learn #main article.learn-copy .pm-logo {
    height: 45px;
    width: 174px;
    background: url(learn/fans/love_music.png) center no-repeat;
    background-size: contain;
    margin: 50px auto 0
    }
#container.learn #main article.learn-copy .learn-img-1, #container.learn #main article.learn-copy .learn-img-2 {
    height: 153px;
    width: 242px;
    margin-bottom: 20px
    }
@media only screen and (max-width: 800px) {
    #container.learn #main article.learn-copy .learn-img-1, #container.learn #main article.learn-copy .learn-img-2 {
        width: 100%;
        height: 192px
        }
    }
#container.learn #main article.learn-copy .learn-img-1 {
    background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/learn/fans/for_fans-5d08bb216b280cce47ec98251ab61ce8b1d8a15fd602abe7d6c0a16d9427f8a1.jpg) top center;
    background-size: cover
    }
#container.learn #main article.learn-copy .learn-img-2 {
    background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/learn/fans/for_artists-6d04b42ac1935dcfefd181f8db3df4ed1a25863ee8da1acd00e51a9928d84b0c.jpg) top center;
    background-size: cover
    }
#container.learn #main article.learn-copy .red-copy {
    color: #FC2C33
    }
#container.learn #main article.learn-copy > h1 {
    font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 20px
    }
#container.learn #main article.learn-copy footer {
    text-align: center
    }
#container.learn #main article.learn-copy footer a {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 24px;
    padding: 7px 40px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy > h1 {
        font-size: 30px;
        line-height: 32px
        }
    }
#container.learn #main article.learn-copy section {
    margin-bottom: 20px
    }
#container.learn #main article.learn-copy section:after {
    content: "";
    display: table;
    clear: both
    }
#container.learn #main article.learn-copy section div.verticals {
    display: table
    }
#container.learn #main article.learn-copy section div.verticals > div {
    display: table-cell;
    vertical-align: middle
    }
#container.learn #main article.learn-copy section > img {
    margin-bottom: 20px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy section > img {
        width: 100%
        }
    }
#container.learn #main article.learn-copy section h1 {
    font-family: DINWeb-Black, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px;
    border-bottom: 0
    }
#container.learn #main article.learn-copy section .copy {
    font-size: 20px;
    line-height: 22px
    }
#container.learn #main article.learn-copy section.results {
    text-align: center
    }
#container.learn #main article.learn-copy section.results .copy {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 32px
    }
#container.learn #main article.learn-copy section.cta {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 70px;
    margin-bottom: 50px
    }
#container.learn #main article.learn-copy section.cta:before {
    display: block;
    content: " ";
    border-top: 2px solid #C1C1C1;
    width: 60%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30%
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy section.cta:before {
        width: 80%;
        margin-left: -40%
        }
    }
#container.learn #main article.learn-copy section.cta h1 {
    position: absolute;
    bottom: 0;
    margin: 0 80px;
    text-align: center
    }
#container.learn #main article.learn-copy section.cta h1:before, #container.learn #main article.learn-copy section.cta h1:after {
    position: absolute;
    top: 0;
    content: "";
    width: 52px;
    height: 40px
    }
#container.learn #main article.learn-copy section.cta h1:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -158px -182px;
    height: 40px;
    width: 52px;
    left: -70px
    }
#container.learn #main article.learn-copy section.cta h1:after {
    right: -70px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -302px;
    height: 40px;
    width: 52px
    }
#container.learn #main article.learn-copy section.cta .copy {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 26px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.learn #main article.learn-copy section.cta {
        margin-top: 0;
        padding-bottom: 120px;
        margin-bottom: 20px
        }
    #container.learn #main article.learn-copy section.cta h1 {
        margin: 0
        }
    #container.learn #main article.learn-copy section.cta h1:before, #container.learn #main article.learn-copy section.cta h1:after {
        display: none
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.learn #main article.learn-copy section.left img, #container.learn #main article.learn-copy section.right img {
        width: 260px
        }
    #container.learn #main article.learn-copy section.left > div, #container.learn #main article.learn-copy section.right > div {
        min-height: 260px
        }
    #container.learn #main article.learn-copy section.left img {
        float: left;
        margin-right: 20px
        }
    #container.learn #main article.learn-copy section.right img {
        float: right;
        margin-left: 20px
        }
    #container.learn #main article.learn-copy section.spend_per_fan h1 {
        padding: 15px 10px;
        border-top: 2px solid #C1C1C1;
        border-bottom: 2px solid #C1C1C1;
        text-align: center;
        float: left;
        width: 297px;
        margin-right: 20px
        }
    #container.learn #main article.learn-copy section.charity {
        margin: 40px 0;
        margin-bottom: 50px
        }
    #container.learn #main article.learn-copy section.charity:before {
        content: "";
        background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/learn/artists/charity-5dc8ed923aaab58e3ffcc41e811d8f2b83277dff2a074fcb5f26fb874f27b5d6.png);
        width: 114px;
        height: 103px;
        float: left;
        margin-left: 10px;
        margin-right: 40px
        }
    }
#container.learn.fans section.testimonials h2 {
    font-size: 18px;
    margin-bottom: 20px
    }
section.learn-testimonials {
    background-color: #F2F2F2;
    padding: 40px
    }
section.learn-testimonials:after {
    content: "";
    display: table;
    clear: both
    }
section.learn-testimonials article {
    padding: 10px
    }
section.learn-testimonials img {
    width: 100%;
    margin-bottom: 20px
    }
section.learn-testimonials strong {
    font-size: 14px
    }
#container.settings #main input[type=text], #container.settings #main input[type=password], #container.settings #main select, #container.settings #main textarea, #container.settings #main .form_field, #container.people.edit #main input[type=text], #container.people.edit #main input[type=password], #container.people.edit #main select, #container.people.edit #main textarea, #container.people.edit #main .form_field, #container.people.new #main input[type=text], #container.people.new #main input[type=password], #container.people.new #main select, #container.people.new #main textarea, #container.people.new #main .form_field, #container.notifications #main input[type=text], #container.notifications #main input[type=password], #container.notifications #main select, #container.notifications #main textarea, #container.notifications #main .form_field {
    width: 300px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main input[type=text], #container.settings #main input[type=password], #container.settings #main select, #container.settings #main textarea, #container.settings #main .form_field, #container.people.edit #main input[type=text], #container.people.edit #main input[type=password], #container.people.edit #main select, #container.people.edit #main textarea, #container.people.edit #main .form_field, #container.people.new #main input[type=text], #container.people.new #main input[type=password], #container.people.new #main select, #container.people.new #main textarea, #container.people.new #main .form_field, #container.notifications #main input[type=text], #container.notifications #main input[type=password], #container.notifications #main select, #container.notifications #main textarea, #container.notifications #main .form_field {
        width: 100%
        }
    }
#container.settings #main input[type=radio], #container.settings #main input[type=checkbox], #container.people.edit #main input[type=radio], #container.people.edit #main input[type=checkbox], #container.people.new #main input[type=radio], #container.people.new #main input[type=checkbox], #container.notifications #main input[type=radio], #container.notifications #main input[type=checkbox] {
    display: none
    }
#container.settings #main input[type=checkbox] + label, #container.people.edit #main input[type=checkbox] + label, #container.people.new #main input[type=checkbox] + label, #container.notifications #main input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#container.settings #main input[type=checkbox] + label:before, #container.settings #main input[type=checkbox] + label:after, #container.people.edit #main input[type=checkbox] + label:before, #container.people.edit #main input[type=checkbox] + label:after, #container.people.new #main input[type=checkbox] + label:before, #container.people.new #main input[type=checkbox] + label:after, #container.notifications #main input[type=checkbox] + label:before, #container.notifications #main input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#container.settings #main input[type=checkbox] + label:before, #container.people.edit #main input[type=checkbox] + label:before, #container.people.new #main input[type=checkbox] + label:before, #container.notifications #main input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#container.settings #main input[type=checkbox] + label:after, #container.people.edit #main input[type=checkbox] + label:after, #container.people.new #main input[type=checkbox] + label:after, #container.notifications #main input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#container.settings #main input[type=checkbox]:checked + label:before, #container.people.edit #main input[type=checkbox]:checked + label:before, #container.people.new #main input[type=checkbox]:checked + label:before, #container.notifications #main input[type=checkbox]:checked + label:before {
    background-color: white
    }
#container.settings #main input[type=checkbox]:checked + label:after, #container.people.edit #main input[type=checkbox]:checked + label:after, #container.people.new #main input[type=checkbox]:checked + label:after, #container.notifications #main input[type=checkbox]:checked + label:after {
    display: block
    }
#container.settings #main input[type=checkbox][disabled]:checked + label:before, #container.people.edit #main input[type=checkbox][disabled]:checked + label:before, #container.people.new #main input[type=checkbox][disabled]:checked + label:before, #container.notifications #main input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#container.settings #main input[type=checkbox][disabled]:checked + label:after, #container.people.edit #main input[type=checkbox][disabled]:checked + label:after, #container.people.new #main input[type=checkbox][disabled]:checked + label:after, #container.notifications #main input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#container.settings #main form input[type=checkbox], #container.people.edit #main form input[type=checkbox], #container.people.new #main form input[type=checkbox], #container.notifications #main form input[type=checkbox] {
    display: none
    }
#container.settings #main form input[type=checkbox] + label, #container.people.edit #main form input[type=checkbox] + label, #container.people.new #main form input[type=checkbox] + label, #container.notifications #main form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#container.settings #main form input[type=checkbox] + label:before, #container.settings #main form input[type=checkbox] + label:after, #container.people.edit #main form input[type=checkbox] + label:before, #container.people.edit #main form input[type=checkbox] + label:after, #container.people.new #main form input[type=checkbox] + label:before, #container.people.new #main form input[type=checkbox] + label:after, #container.notifications #main form input[type=checkbox] + label:before, #container.notifications #main form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#container.settings #main form input[type=checkbox] + label:before, #container.people.edit #main form input[type=checkbox] + label:before, #container.people.new #main form input[type=checkbox] + label:before, #container.notifications #main form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#container.settings #main form input[type=checkbox] + label:after, #container.people.edit #main form input[type=checkbox] + label:after, #container.people.new #main form input[type=checkbox] + label:after, #container.notifications #main form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#container.settings #main form input[type=checkbox]:checked + label:before, #container.people.edit #main form input[type=checkbox]:checked + label:before, #container.people.new #main form input[type=checkbox]:checked + label:before, #container.notifications #main form input[type=checkbox]:checked + label:before {
    background-color: white
    }
#container.settings #main form input[type=checkbox]:checked + label:after, #container.people.edit #main form input[type=checkbox]:checked + label:after, #container.people.new #main form input[type=checkbox]:checked + label:after, #container.notifications #main form input[type=checkbox]:checked + label:after {
    display: block
    }
#container.settings #main form input[type=checkbox][disabled]:checked + label:before, #container.people.edit #main form input[type=checkbox][disabled]:checked + label:before, #container.people.new #main form input[type=checkbox][disabled]:checked + label:before, #container.notifications #main form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#container.settings #main form input[type=checkbox][disabled]:checked + label:after, #container.people.edit #main form input[type=checkbox][disabled]:checked + label:after, #container.people.new #main form input[type=checkbox][disabled]:checked + label:after, #container.notifications #main form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#container.settings #main > section, #container.settings #main .left_content > section, #container.settings #main .right_content > section, #container.people.edit #main > section, #container.people.edit #main .left_content > section, #container.people.edit #main .right_content > section, #container.people.new #main > section, #container.people.new #main .left_content > section, #container.people.new #main .right_content > section, #container.notifications #main > section, #container.notifications #main .left_content > section, #container.notifications #main .right_content > section {
    clear: both;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.settings #main > section > header h1, #container.settings #main > section > h1, #container.settings #main .left_content > section > header h1, #container.settings #main .left_content > section > h1, #container.settings #main .right_content > section > header h1, #container.settings #main .right_content > section > h1, #container.people.edit #main > section > header h1, #container.people.edit #main > section > h1, #container.people.edit #main .left_content > section > header h1, #container.people.edit #main .left_content > section > h1, #container.people.edit #main .right_content > section > header h1, #container.people.edit #main .right_content > section > h1, #container.people.new #main > section > header h1, #container.people.new #main > section > h1, #container.people.new #main .left_content > section > header h1, #container.people.new #main .left_content > section > h1, #container.people.new #main .right_content > section > header h1, #container.people.new #main .right_content > section > h1, #container.notifications #main > section > header h1, #container.notifications #main > section > h1, #container.notifications #main .left_content > section > header h1, #container.notifications #main .left_content > section > h1, #container.notifications #main .right_content > section > header h1, #container.notifications #main .right_content > section > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#container.settings #main > section .copy, #container.settings #main .left_content > section .copy, #container.settings #main .right_content > section .copy, #container.people.edit #main > section .copy, #container.people.edit #main .left_content > section .copy, #container.people.edit #main .right_content > section .copy, #container.people.new #main > section .copy, #container.people.new #main .left_content > section .copy, #container.people.new #main .right_content > section .copy, #container.notifications #main > section .copy, #container.notifications #main .left_content > section .copy, #container.notifications #main .right_content > section .copy {
    margin-bottom: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main > section select, #container.settings #main .left_content > section select, #container.settings #main .right_content > section select, #container.people.edit #main > section select, #container.people.edit #main .left_content > section select, #container.people.edit #main .right_content > section select, #container.people.new #main > section select, #container.people.new #main .left_content > section select, #container.people.new #main .right_content > section select, #container.notifications #main > section select, #container.notifications #main .left_content > section select, #container.notifications #main .right_content > section select {
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px
        }
    #container.settings #main > section input[name=commit], #container.settings #main .left_content > section input[name=commit], #container.settings #main .right_content > section input[name=commit], #container.people.edit #main > section input[name=commit], #container.people.edit #main .left_content > section input[name=commit], #container.people.edit #main .right_content > section input[name=commit], #container.people.new #main > section input[name=commit], #container.people.new #main .left_content > section input[name=commit], #container.people.new #main .right_content > section input[name=commit], #container.notifications #main > section input[name=commit], #container.notifications #main .left_content > section input[name=commit], #container.notifications #main .right_content > section input[name=commit] {
        margin-bottom: 15px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main nav#sections, #container.people.edit #main nav#sections, #container.people.new #main nav#sections, #container.notifications #main nav#sections {
        float: left;
        display: inline-block;
        height: 35px;
        margin-right: 15px;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        display: block;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        float: none
        }
    #container.settings #main nav#sections:last-child, #container.people.edit #main nav#sections:last-child, #container.people.new #main nav#sections:last-child, #container.notifications #main nav#sections:last-child {
        margin-right: 0
        }
    #container.settings #main nav#sections a, #container.people.edit #main nav#sections a, #container.people.new #main nav#sections a, #container.notifications #main nav#sections a {
        position: relative;
        margin-bottom: -1px;
        padding: 7px 15px;
        padding-right: 45px;
        display: none;
        border: 1px solid #DBDBDB;
        background-color: white;
        color: #444;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
        }
    #container.settings #main nav#sections a:after, #container.people.edit #main nav#sections a:after, #container.people.new #main nav#sections a:after, #container.notifications #main nav#sections a:after {
        content: "";
        display: none;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 11px;
        height: 6px;
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
        background-position: 0 -73px;
        height: 6px;
        width: 11px
        }
    #container.settings #main nav#sections a.selected, #container.people.edit #main nav#sections a.selected, #container.people.new #main nav#sections a.selected, #container.notifications #main nav#sections a.selected {
        display: block
        }
    #container.settings #main nav#sections a.selected:after, #container.people.edit #main nav#sections a.selected:after, #container.people.new #main nav#sections a.selected:after, #container.notifications #main nav#sections a.selected:after {
        display: block
        }
    #container.settings #main nav#sections .expanded, #container.people.edit #main nav#sections .expanded, #container.people.new #main nav#sections .expanded, #container.notifications #main nav#sections .expanded {
        display: block !important
        }
    #container.settings #main nav#sections:hover, #container.people.edit #main nav#sections:hover, #container.people.new #main nav#sections:hover, #container.notifications #main nav#sections:hover {
        z-index: 99
        }
    #container.settings #main nav#sections:hover a:last-child, #container.people.edit #main nav#sections:hover a:last-child, #container.people.new #main nav#sections:hover a:last-child, #container.notifications #main nav#sections:hover a:last-child {
        margin-bottom: 10px
        }
    }
#container.settings #main nav#sections a, #container.people.edit #main nav#sections a, #container.people.new #main nav#sections a, #container.notifications #main nav#sections a {
    text-align: left
    }
#container.settings #main nav#sections a:after, #container.people.edit #main nav#sections a:after, #container.people.new #main nav#sections a:after, #container.notifications #main nav#sections a:after {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -73px;
    height: 6px;
    width: 11px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.settings #main nav#sections a:after, #container.people.edit #main nav#sections a:after, #container.people.new #main nav#sections a:after, #container.notifications #main nav#sections a:after {
        display: none !important
        }
    }
@media only screen and (min-width: 780px) {
    #container.settings #main nav#sections, #container.people.edit #main nav#sections, #container.people.new #main nav#sections, #container.notifications #main nav#sections {
        margin: 0 40px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.settings #main nav#sections, #container.people.edit #main nav#sections, #container.people.new #main nav#sections, #container.notifications #main nav#sections {
        margin: 0 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main nav#sections, #container.people.edit #main nav#sections, #container.people.new #main nav#sections, #container.notifications #main nav#sections {
        margin-bottom: 20px;
        margin-left: 15px
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.settings #main nav#sections, #container.people.edit #main nav#sections, #container.people.new #main nav#sections, #container.notifications #main nav#sections {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #DBDBDB;
        margin-bottom: 20px
        }
    #container.settings #main nav#sections > header h1, #container.settings #main nav#sections > h1, #container.people.edit #main nav#sections > header h1, #container.people.edit #main nav#sections > h1, #container.people.new #main nav#sections > header h1, #container.people.new #main nav#sections > h1, #container.notifications #main nav#sections > header h1, #container.notifications #main nav#sections > h1 {
        margin-top: 15px;
        border-bottom: 1px solid #DBDBDB;
        padding-bottom: 5px;
        margin-bottom: 15px;
        font-family: Helvetica, sans-serif;
        font-size: 20px;
        line-height: 22px;
        color: #444
        }
    #container.settings #main nav#sections a, #container.people.edit #main nav#sections a, #container.people.new #main nav#sections a, #container.notifications #main nav#sections a {
        padding-right: 8px;
        padding-left: 10px;
        display: inline-block;
        font-family: Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #444;
        border-left: 1px solid #DBDBDB;
        text-decoration: none
        }
    #container.settings #main nav#sections a.selected, #container.people.edit #main nav#sections a.selected, #container.people.new #main nav#sections a.selected, #container.notifications #main nav#sections a.selected {
        color: #FC2C33
        }
    #container.settings #main nav#sections a:hover, #container.people.edit #main nav#sections a:hover, #container.people.new #main nav#sections a:hover, #container.notifications #main nav#sections a:hover {
        color: #FC5359
        }
    #container.settings #main nav#sections a:first-of-type, #container.people.edit #main nav#sections a:first-of-type, #container.people.new #main nav#sections a:first-of-type, #container.notifications #main nav#sections a:first-of-type {
        border-left: none;
        padding-left: 0
        }
    }
#container.settings #main #notifications ul, #container.settings #main #subscriptions ul, #container.settings #main #signed_out_subscriptions ul, #container.people.edit #main #notifications ul, #container.people.edit #main #subscriptions ul, #container.people.edit #main #signed_out_subscriptions ul, #container.people.new #main #notifications ul, #container.people.new #main #subscriptions ul, #container.people.new #main #signed_out_subscriptions ul, #container.notifications #main #notifications ul, #container.notifications #main #subscriptions ul, #container.notifications #main #signed_out_subscriptions ul {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0
    }
#container.settings #main #notifications ul li, #container.settings #main #subscriptions ul li, #container.settings #main #signed_out_subscriptions ul li, #container.people.edit #main #notifications ul li, #container.people.edit #main #subscriptions ul li, #container.people.edit #main #signed_out_subscriptions ul li, #container.people.new #main #notifications ul li, #container.people.new #main #subscriptions ul li, #container.people.new #main #signed_out_subscriptions ul li, #container.notifications #main #notifications ul li, #container.notifications #main #subscriptions ul li, #container.notifications #main #signed_out_subscriptions ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#container.settings #main #notifications ul li, #container.settings #main #subscriptions ul li, #container.settings #main #signed_out_subscriptions ul li, #container.people.edit #main #notifications ul li, #container.people.edit #main #subscriptions ul li, #container.people.edit #main #signed_out_subscriptions ul li, #container.people.new #main #notifications ul li, #container.people.new #main #subscriptions ul li, #container.people.new #main #signed_out_subscriptions ul li, #container.notifications #main #notifications ul li, #container.notifications #main #subscriptions ul li, #container.notifications #main #signed_out_subscriptions ul li {
    margin-bottom: 10px
    }
#container.settings #main #notifications ul li .bold-label, #container.settings #main #subscriptions ul li .bold-label, #container.settings #main #signed_out_subscriptions ul li .bold-label, #container.people.edit #main #notifications ul li .bold-label, #container.people.edit #main #subscriptions ul li .bold-label, #container.people.edit #main #signed_out_subscriptions ul li .bold-label, #container.people.new #main #notifications ul li .bold-label, #container.people.new #main #subscriptions ul li .bold-label, #container.people.new #main #signed_out_subscriptions ul li .bold-label, #container.notifications #main #notifications ul li .bold-label, #container.notifications #main #subscriptions ul li .bold-label, #container.notifications #main #signed_out_subscriptions ul li .bold-label {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold
    }
#container.settings #main #notifications ul li .subscription-description, #container.settings #main #subscriptions ul li .subscription-description, #container.settings #main #signed_out_subscriptions ul li .subscription-description, #container.people.edit #main #notifications ul li .subscription-description, #container.people.edit #main #subscriptions ul li .subscription-description, #container.people.edit #main #signed_out_subscriptions ul li .subscription-description, #container.people.new #main #notifications ul li .subscription-description, #container.people.new #main #subscriptions ul li .subscription-description, #container.people.new #main #signed_out_subscriptions ul li .subscription-description, #container.notifications #main #notifications ul li .subscription-description, #container.notifications #main #subscriptions ul li .subscription-description, #container.notifications #main #signed_out_subscriptions ul li .subscription-description {
    max-width: 600px;
    margin-left: 30px;
    margin-top: 0
    }
#container.settings #main input[type=checkbox] + label, #container.people.edit #main input[type=checkbox] + label, #container.people.new #main input[type=checkbox] + label, #container.notifications #main input[type=checkbox] + label {
    display: inline-block;
    padding-top: 2px;
    margin-bottom: 5px
    }
#container.settings #main #signed_out_subscriptions > section > h1, #container.settings #main #signed_out_subscriptions > section > p, #container.people.edit #main #signed_out_subscriptions > section > h1, #container.people.edit #main #signed_out_subscriptions > section > p, #container.people.new #main #signed_out_subscriptions > section > h1, #container.people.new #main #signed_out_subscriptions > section > p, #container.notifications #main #signed_out_subscriptions > section > h1, #container.notifications #main #signed_out_subscriptions > section > p {
    display: none
    }
#container.settings #main #follows table, #container.people.edit #main #follows table, #container.people.new #main #follows table, #container.notifications #main #follows table {
    width: 100%
    }
#container.settings #main #follows section.artist, #container.people.edit #main #follows section.artist, #container.people.new #main #follows section.artist, #container.notifications #main #follows section.artist {
    background-color: white;
    margin-bottom: 10px
    }
#container.settings #main #follows section.artist:after, #container.people.edit #main #follows section.artist:after, #container.people.new #main #follows section.artist:after, #container.notifications #main #follows section.artist:after {
    content: "";
    display: table;
    clear: both
    }
#container.settings #main #follows section.artist .follow_button, #container.people.edit #main #follows section.artist .follow_button, #container.people.new #main #follows section.artist .follow_button, #container.notifications #main #follows section.artist .follow_button {
    display: inline
    }
#container.settings #main #follows section.artist .follow_button input[type=submit], #container.people.edit #main #follows section.artist .follow_button input[type=submit], #container.people.new #main #follows section.artist .follow_button input[type=submit], #container.notifications #main #follows section.artist .follow_button input[type=submit] {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -36px 0;
    height: 16px;
    width: 16px;
    margin-right: 15px;
    display: inline-block;
    text-indent: -100000px;
    color: transparent;
    font-size: 1px;
    line-height: 37px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    border: none;
    padding: 0
    }
#container.settings #main #follows section.artist img, #container.people.edit #main #follows section.artist img, #container.people.new #main #follows section.artist img, #container.notifications #main #follows section.artist img {
    width: 25px;
    height: 25px
    }
#container.settings #main #follows section.artist a, #container.people.edit #main #follows section.artist a, #container.people.new #main #follows section.artist a, #container.notifications #main #follows section.artist a {
    text-decoration: none
    }
#container.settings #main #follows section.artist.header, #container.people.edit #main #follows section.artist.header, #container.people.new #main #follows section.artist.header, #container.notifications #main #follows section.artist.header {
    background-color: transparent
    }
#container.settings #main #follows section.artist > div, #container.people.edit #main #follows section.artist > div, #container.people.new #main #follows section.artist > div, #container.notifications #main #follows section.artist > div {
    float: left;
    padding: 4px
    }
#container.settings #main #follows section.artist .name, #container.people.edit #main #follows section.artist .name, #container.people.new #main #follows section.artist .name, #container.notifications #main #follows section.artist .name {
    width: 60%
    }
#container.settings #main #follows section.artist .follow, #container.settings #main #follows section.artist .mos, #container.people.edit #main #follows section.artist .follow, #container.people.edit #main #follows section.artist .mos, #container.people.new #main #follows section.artist .follow, #container.people.new #main #follows section.artist .mos, #container.notifications #main #follows section.artist .follow, #container.notifications #main #follows section.artist .mos {
    width: 15%
    }
#container.settings #main #follows section.artist .follow .hint, #container.settings #main #follows section.artist .mos .hint, #container.people.edit #main #follows section.artist .follow .hint, #container.people.edit #main #follows section.artist .mos .hint, #container.people.new #main #follows section.artist .follow .hint, #container.people.new #main #follows section.artist .mos .hint, #container.notifications #main #follows section.artist .follow .hint, #container.notifications #main #follows section.artist .mos .hint {
    color: #999
    }
#container.settings #main #follows section.artist .follow input, #container.settings #main #follows section.artist .mos input, #container.people.edit #main #follows section.artist .follow input, #container.people.edit #main #follows section.artist .mos input, #container.people.new #main #follows section.artist .follow input, #container.people.new #main #follows section.artist .mos input, #container.notifications #main #follows section.artist .follow input, #container.notifications #main #follows section.artist .mos input {
    width: 70px
    }
#container.settings #main #follows section.artist .follow_button:before, #container.people.edit #main #follows section.artist .follow_button:before, #container.people.new #main #follows section.artist .follow_button:before, #container.notifications #main #follows section.artist .follow_button:before {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main #follows section.artist img, #container.people.edit #main #follows section.artist img, #container.people.new #main #follows section.artist img, #container.notifications #main #follows section.artist img {
        display: block
        }
    #container.settings #main #follows section.artist .name, #container.people.edit #main #follows section.artist .name, #container.people.new #main #follows section.artist .name, #container.notifications #main #follows section.artist .name {
        width: 40%
        }
    #container.settings #main #follows section.artist .follow, #container.settings #main #follows section.artist .mos, #container.people.edit #main #follows section.artist .follow, #container.people.edit #main #follows section.artist .mos, #container.people.new #main #follows section.artist .follow, #container.people.new #main #follows section.artist .mos, #container.notifications #main #follows section.artist .follow, #container.notifications #main #follows section.artist .mos {
        width: 25%
        }
    #container.settings #main #follows section.artist .follow input, #container.settings #main #follows section.artist .mos input, #container.people.edit #main #follows section.artist .follow input, #container.people.edit #main #follows section.artist .mos input, #container.people.new #main #follows section.artist .follow input, #container.people.new #main #follows section.artist .mos input, #container.notifications #main #follows section.artist .follow input, #container.notifications #main #follows section.artist .mos input {
        width: 50px;
        padding: 8px
        }
    }
#container.settings #main #sharing .add_o_auth_user img, #container.settings #main section.sharing .add_o_auth_user img, #container.people.edit #main #sharing .add_o_auth_user img, #container.people.edit #main section.sharing .add_o_auth_user img, #container.people.new #main #sharing .add_o_auth_user img, #container.people.new #main section.sharing .add_o_auth_user img, #container.notifications #main #sharing .add_o_auth_user img, #container.notifications #main section.sharing .add_o_auth_user img {
    vertical-align: middle;
    margin-right: 5px
    }
#container.settings #main #sharing .add_o_auth_user span, #container.settings #main section.sharing .add_o_auth_user span, #container.people.edit #main #sharing .add_o_auth_user span, #container.people.edit #main section.sharing .add_o_auth_user span, #container.people.new #main #sharing .add_o_auth_user span, #container.people.new #main section.sharing .add_o_auth_user span, #container.notifications #main #sharing .add_o_auth_user span, #container.notifications #main section.sharing .add_o_auth_user span {
    margin-right: 20px
    }
#container.settings #main #sharing table, #container.settings #main section.sharing table, #container.people.edit #main #sharing table, #container.people.edit #main section.sharing table, #container.people.new #main #sharing table, #container.people.new #main section.sharing table, #container.notifications #main #sharing table, #container.notifications #main section.sharing table {
    width: 100%;
    margin-top: 10px
    }
#container.settings #main #sharing table tr:nth-child(even), #container.settings #main section.sharing table tr:nth-child(even), #container.people.edit #main #sharing table tr:nth-child(even), #container.people.edit #main section.sharing table tr:nth-child(even), #container.people.new #main #sharing table tr:nth-child(even), #container.people.new #main section.sharing table tr:nth-child(even), #container.notifications #main #sharing table tr:nth-child(even), #container.notifications #main section.sharing table tr:nth-child(even) {
    background-color: #F1F1F1
    }
#container.settings #main #sharing table td, #container.settings #main section.sharing table td, #container.people.edit #main #sharing table td, #container.people.edit #main section.sharing table td, #container.people.new #main #sharing table td, #container.people.new #main section.sharing table td, #container.notifications #main #sharing table td, #container.notifications #main section.sharing table td {
    padding: 4px
    }
#container.settings #main #sharing table span, #container.settings #main section.sharing table span, #container.people.edit #main #sharing table span, #container.people.edit #main section.sharing table span, #container.people.new #main #sharing table span, #container.people.new #main section.sharing table span, #container.notifications #main #sharing table span, #container.notifications #main section.sharing table span {
    display: block;
    margin-top: 5px
    }
#container.settings #main #sharing table .icon, #container.settings #main section.sharing table .icon, #container.people.edit #main #sharing table .icon, #container.people.edit #main section.sharing table .icon, #container.people.new #main #sharing table .icon, #container.people.new #main section.sharing table .icon, #container.notifications #main #sharing table .icon, #container.notifications #main section.sharing table .icon {
    width: 30px
    }
#container.settings #main #sharing table .icon img, #container.settings #main section.sharing table .icon img, #container.people.edit #main #sharing table .icon img, #container.people.edit #main section.sharing table .icon img, #container.people.new #main #sharing table .icon img, #container.people.new #main section.sharing table .icon img, #container.notifications #main #sharing table .icon img, #container.notifications #main section.sharing table .icon img {
    margin-right: 10px;
    vertical-align: middle
    }
#container.settings #main #sharing table .url, #container.settings #main section.sharing table .url, #container.people.edit #main #sharing table .url, #container.people.edit #main section.sharing table .url, #container.people.new #main #sharing table .url, #container.people.new #main section.sharing table .url, #container.notifications #main #sharing table .url, #container.notifications #main section.sharing table .url {
    word-break: break-word
    }
#container.settings #main #sharing ul, #container.settings #main section.sharing ul, #container.people.edit #main #sharing ul, #container.people.edit #main section.sharing ul, #container.people.new #main #sharing ul, #container.people.new #main section.sharing ul, #container.notifications #main #sharing ul, #container.notifications #main section.sharing ul {
    padding: 0;
    margin: 0
    }
#container.settings #main #sharing ul li, #container.settings #main section.sharing ul li, #container.people.edit #main #sharing ul li, #container.people.edit #main section.sharing ul li, #container.people.new #main #sharing ul li, #container.people.new #main section.sharing ul li, #container.notifications #main #sharing ul li, #container.notifications #main section.sharing ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#container.settings #main #sharing ul:after, #container.settings #main section.sharing ul:after, #container.people.edit #main #sharing ul:after, #container.people.edit #main section.sharing ul:after, #container.people.new #main #sharing ul:after, #container.people.new #main section.sharing ul:after, #container.notifications #main #sharing ul:after, #container.notifications #main section.sharing ul:after {
    content: "";
    display: table;
    clear: both
    }
#container.settings #main #sharing ul li, #container.settings #main section.sharing ul li, #container.people.edit #main #sharing ul li, #container.people.edit #main section.sharing ul li, #container.people.new #main #sharing ul li, #container.people.new #main section.sharing ul li, #container.notifications #main #sharing ul li, #container.notifications #main section.sharing ul li {
    float: left;
    width: 200px;
    height: 120px;
    margin-right: 10px
    }
#container.settings #main #sharing ul li .icon, #container.settings #main section.sharing ul li .icon, #container.people.edit #main #sharing ul li .icon, #container.people.edit #main section.sharing ul li .icon, #container.people.new #main #sharing ul li .icon, #container.people.new #main section.sharing ul li .icon, #container.notifications #main #sharing ul li .icon, #container.notifications #main section.sharing ul li .icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    background-color: #F1F1F1
    }
#container.settings #main #sharing ul li .icon img, #container.settings #main section.sharing ul li .icon img, #container.people.edit #main #sharing ul li .icon img, #container.people.edit #main section.sharing ul li .icon img, #container.people.new #main #sharing ul li .icon img, #container.people.new #main section.sharing ul li .icon img, #container.notifications #main #sharing ul li .icon img, #container.notifications #main section.sharing ul li .icon img {
    width: 100%;
    height: 100%
    }
#container.settings #main #sharing ul li form, #container.settings #main section.sharing ul li form, #container.people.edit #main #sharing ul li form, #container.people.edit #main section.sharing ul li form, #container.people.new #main #sharing ul li form, #container.people.new #main section.sharing ul li form, #container.notifications #main #sharing ul li form, #container.notifications #main section.sharing ul li form {
    display: inline
    }
#container.settings #main #credit_cards input[type=text], #container.people.edit #main #credit_cards input[type=text], #container.people.new #main #credit_cards input[type=text], #container.notifications #main #credit_cards input[type=text] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border: 2px solid #9a9a9a;
    border-radius: 4px;
    color: #999;
    width: 100%;
    padding: 8px 15px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    line-height: 18px;
    color: black
    }
#container.settings #main #credit_cards input[type=text]:focus, #container.people.edit #main #credit_cards input[type=text]:focus, #container.people.new #main #credit_cards input[type=text]:focus, #container.notifications #main #credit_cards input[type=text]:focus {
    border-color: #000024
    }
#container.settings #main #credit_cards table, #container.people.edit #main #credit_cards table, #container.people.new #main #credit_cards table, #container.notifications #main #credit_cards table {
    width: 100%
    }
#container.settings #main #credit_cards table thead th, #container.people.edit #main #credit_cards table thead th, #container.people.new #main #credit_cards table thead th, #container.notifications #main #credit_cards table thead th {
    text-align: left;
    font-weight: bold
    }
#container.settings #main #credit_cards table th input[type=text], #container.settings #main #credit_cards table td input[type=text], #container.people.edit #main #credit_cards table th input[type=text], #container.people.edit #main #credit_cards table td input[type=text], #container.people.new #main #credit_cards table th input[type=text], #container.people.new #main #credit_cards table td input[type=text], #container.notifications #main #credit_cards table th input[type=text], #container.notifications #main #credit_cards table td input[type=text] {
    width: 200px
    }
#container.settings #main #credit_cards table th input, #container.settings #main #credit_cards table td input, #container.people.edit #main #credit_cards table th input, #container.people.edit #main #credit_cards table td input, #container.people.new #main #credit_cards table th input, #container.people.new #main #credit_cards table td input, #container.notifications #main #credit_cards table th input, #container.notifications #main #credit_cards table td input {
    display: block
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main #credit_cards table th:nth-child(1), #container.settings #main #credit_cards table th:nth-child(3), #container.settings #main #credit_cards table td:nth-child(1), #container.settings #main #credit_cards table td:nth-child(3), #container.people.edit #main #credit_cards table th:nth-child(1), #container.people.edit #main #credit_cards table th:nth-child(3), #container.people.edit #main #credit_cards table td:nth-child(1), #container.people.edit #main #credit_cards table td:nth-child(3), #container.people.new #main #credit_cards table th:nth-child(1), #container.people.new #main #credit_cards table th:nth-child(3), #container.people.new #main #credit_cards table td:nth-child(1), #container.people.new #main #credit_cards table td:nth-child(3), #container.notifications #main #credit_cards table th:nth-child(1), #container.notifications #main #credit_cards table th:nth-child(3), #container.notifications #main #credit_cards table td:nth-child(1), #container.notifications #main #credit_cards table td:nth-child(3) {
        display: none
        }
    }
#container.settings #main #transactions table, #container.people.edit #main #transactions table, #container.people.new #main #transactions table, #container.notifications #main #transactions table {
    font-size: 12px
    }
#container.settings #main #new_card .billing_address, #container.people.edit #main #new_card .billing_address, #container.people.new #main #new_card .billing_address, #container.notifications #main #new_card .billing_address {
    margin-top: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.settings #main #new_card, #container.settings #main #transactions, #container.people.edit #main #new_card, #container.people.edit #main #transactions, #container.people.new #main #new_card, #container.people.new #main #transactions, #container.notifications #main #new_card, #container.notifications #main #transactions {
        display: none
        }
    }
#container.people.edit form {
    max-width: 300px
    }
#container.people.edit form .form_field.born_on select {
    width: auto
    }
#container.people.edit form .form_field.icon img {
    float: right
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.feed nav#tabs, #container.settings nav#tabs {
        display: none
        }
    }
#container.site.contact #main > article h1, #container.site.contact #main .left_content > article h1, #container.site.press #main > article h1, #container.site.press #main .left_content > article h1, #container.site.help #main > article h1, #container.site.help #main .left_content > article h1 {
    margin-bottom: 15px
    }
@media only screen and (max-width: 800px) {
    #container.site.contact #main > aside, #container.site.press #main > aside, #container.site.help #main > aside {
        display: none
        }
    }
#container.site.contact.press ul#press-clips, #container.site.press.press ul#press-clips, #container.site.help.press ul#press-clips {
    background-color: white;
    padding: 1px 20px;
    margin-top: 36px
    }
#container.site.contact.press article, #container.site.press.press article, #container.site.help.press article {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 12px
    }
#container.site.contact.press article:last-child, #container.site.press.press article:last-child, #container.site.help.press article:last-child {
    border-bottom: none
    }
#container.site.contact.press article .clip-date, #container.site.press.press article .clip-date, #container.site.help.press article .clip-date {
    color: #9B9B9B;
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 12px
    }
#container.site.contact.press article .clip-url, #container.site.press.press article .clip-url, #container.site.help.press article .clip-url {
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: bold;
    padding-top: 10px
    }
#container.site.contact.press article .clip-url a, #container.site.press.press article .clip-url a, #container.site.help.press article .clip-url a {
    color: #FC5359;
    text-decoration: none
    }
#container.site.contact.press article .clip-pub, #container.site.press.press article .clip-pub, #container.site.help.press article .clip-pub {
    color: #444;
    font-size: 16px;
    font-family: ArialMT;
    padding-top: 10px
    }
#container.site.contact #pr-contacts .pr-country, #container.site.press #pr-contacts .pr-country, #container.site.help #pr-contacts .pr-country {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-top: 22px;
    border-bottom: 1px solid #DBDBDB
    }
#container.site.contact #pr-contacts .pr-contact-details, #container.site.press #pr-contacts .pr-contact-details, #container.site.help #pr-contacts .pr-contact-details {
    padding-top: 22px
    }
#container.site.contact #pr-contacts .pr-contact-details a, #container.site.press #pr-contacts .pr-contact-details a, #container.site.help #pr-contacts .pr-contact-details a {
    color: #FC2C33;
    font-weight: bold;
    text-decoration: none
    }
#container.site.contact.contact .grecaptcha-badge, #container.site.contact.help .grecaptcha-badge, #container.site.press.contact .grecaptcha-badge, #container.site.press.help .grecaptcha-badge, #container.site.help.contact .grecaptcha-badge, #container.site.help.help .grecaptcha-badge {
    display: none
    }
#container.site.contact.contact section.intro, #container.site.contact.contact section.orders, #container.site.contact.contact section.contact, #container.site.contact.help section.intro, #container.site.contact.help section.orders, #container.site.contact.help section.contact, #container.site.press.contact section.intro, #container.site.press.contact section.orders, #container.site.press.contact section.contact, #container.site.press.help section.intro, #container.site.press.help section.orders, #container.site.press.help section.contact, #container.site.help.contact section.intro, #container.site.help.contact section.orders, #container.site.help.contact section.contact, #container.site.help.help section.intro, #container.site.help.help section.orders, #container.site.help.help section.contact {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.site.contact.contact section.intro h2, #container.site.contact.contact section.orders h2, #container.site.contact.contact section.contact h2, #container.site.contact.help section.intro h2, #container.site.contact.help section.orders h2, #container.site.contact.help section.contact h2, #container.site.press.contact section.intro h2, #container.site.press.contact section.orders h2, #container.site.press.contact section.contact h2, #container.site.press.help section.intro h2, #container.site.press.help section.orders h2, #container.site.press.help section.contact h2, #container.site.help.contact section.intro h2, #container.site.help.contact section.orders h2, #container.site.help.contact section.contact h2, #container.site.help.help section.intro h2, #container.site.help.help section.orders h2, #container.site.help.help section.contact h2 {
    margin-bottom: 15px
    }
#container.site.contact.contact section.contact-form, #container.site.contact.help section.contact-form, #container.site.press.contact section.contact-form, #container.site.press.help section.contact-form, #container.site.help.contact section.contact-form, #container.site.help.help section.contact-form {
    display: none;
    margin-top: 20px
    }
#container.site.contact.contact section.intro p.copy, #container.site.contact.help section.intro p.copy, #container.site.press.contact section.intro p.copy, #container.site.press.help section.intro p.copy, #container.site.help.contact section.intro p.copy, #container.site.help.help section.intro p.copy {
    display: grid
    }
#container.site.contact.contact .support_form textarea, #container.site.contact.help .support_form textarea, #container.site.press.contact .support_form textarea, #container.site.press.help .support_form textarea, #container.site.help.contact .support_form textarea, #container.site.help.help .support_form textarea {
    height: 120px
    }
#container.site.contact.contact dl dt, #container.site.contact.contact dl dd, #container.site.contact.help dl dt, #container.site.contact.help dl dd, #container.site.press.contact dl dt, #container.site.press.contact dl dd, #container.site.press.help dl dt, #container.site.press.help dl dd, #container.site.help.contact dl dt, #container.site.help.contact dl dd, #container.site.help.help dl dt, #container.site.help.help dl dd {
    display: inline-block
    }
#container.site.contact.contact dl dt, #container.site.contact.help dl dt, #container.site.press.contact dl dt, #container.site.press.help dl dt, #container.site.help.contact dl dt, #container.site.help.help dl dt {
    width: 120px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.site.contact.contact dl dt, #container.site.contact.help dl dt, #container.site.press.contact dl dt, #container.site.press.help dl dt, #container.site.help.contact dl dt, #container.site.help.help dl dt {
        padding-top: 10px
        }
    #container.site.contact.contact dl em, #container.site.contact.help dl em, #container.site.press.contact dl em, #container.site.press.help dl em, #container.site.help.contact dl em, #container.site.help.help dl em {
        display: block
        }
    }
#container.pages.about #main > article > .right_content > aside > article {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.pages.about #main > article > .right_content > aside > article h2 {
    margin-bottom: 15px
    }
#container.pledges.complete {
    padding-top: 76px
    }
#container.pledges.complete form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#container.pledges.complete form input[type=checkbox] + label:before, #container.pledges.complete form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#container.pledges.complete form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#container.pledges.complete form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#container.pledges.complete form input[type=checkbox]:checked + label:before {
    background-color: white
    }
#container.pledges.complete form input[type=checkbox]:checked + label:after {
    display: block
    }
#container.pledges.complete form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#container.pledges.complete form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#container.pledges.complete #main > .left_content, #container.pledges.complete #main > .right_content {
    width: 460px
    }
#container.pledges.complete #main > .left_content > section, #container.pledges.complete #main > .right_content > section {
    min-height: 150px
    }
#container.pledges.complete #similar_projects {
    margin-bottom: 80px
    }
#container.pledges.complete #thanks, #container.pledges.complete #share, #container.pledges.complete #access, #container.pledges.complete #gifting, #container.pledges.complete #exclusives, #container.pledges.complete #download_apps {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
#container.pledges.complete #thanks > header h1, #container.pledges.complete #thanks > h1, #container.pledges.complete #share > header h1, #container.pledges.complete #share > h1, #container.pledges.complete #access > header h1, #container.pledges.complete #access > h1, #container.pledges.complete #gifting > header h1, #container.pledges.complete #gifting > h1, #container.pledges.complete #exclusives > header h1, #container.pledges.complete #exclusives > h1, #container.pledges.complete #download_apps > header h1, #container.pledges.complete #download_apps > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#container.pledges.complete #thanks {
    padding: 16px 0 20px 0
    }
#container.pledges.complete #thanks .status {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #444;
    text-align: center;
    margin-bottom: 15px
    }
#container.pledges.complete #thanks .status a {
    margin-right: 20px
    }
#container.pledges.complete #thanks .power_share {
    width: 149px;
    position: relative;
    top: 5px;
    margin: 0 auto
    }
#container.pledges.complete #thanks .power_share a {
    width: 110px;
    height: 36px;
    font-size: 18px;
    color: #33344F;
    padding-top: 6px;
    margin-left: 20px
    }
#container.pledges.complete #thanks .toggle_name {
    width: 260px;
    margin: 0 auto
    }
#container.pledges.complete #thanks .toggle_name a {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline
    }
#container.pledges.complete #thanks a {
    font-size: 17px
    }
#container.pledges.complete #download_apps {
    padding: 0 0 15px 0
    }
#container.pledges.complete #download_apps:after {
    content: "";
    display: table;
    clear: both
    }
#container.pledges.complete #download_apps a {
    outline: 0
    }
#container.pledges.complete #download_apps img.hands_image {
    display: block;
    float: left;
    margin-right: 5px
    }
#container.pledges.complete #download_apps .get_app_content {
    position: relative;
    display: inline-block;
    width: 275px;
    vertical-align: top;
    font-size: 17px;
    padding: 15px 0 30px 0
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.pledges.complete #download_apps .get_app_content {
        display: inline-block;
        width: 500px;
        font-size: 17px;
        padding: 12px
        }
    #container.pledges.complete #download_apps .get_app_content .badges {
        width: 160px;
        margin: 0 auto
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.pledges.complete #handset_share_prompt {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.pledges.complete {
        padding-top: 60px;
        overflow: hidden
        }
    #container.pledges.complete #main header hgroup.project.complete h1 {
        font-size: 40px;
        line-height: 40px
        }
    #container.pledges.complete #main header hgroup.project.complete h3 {
        font-size: 18px;
        line-height: 18px
        }
    #container.pledges.complete #thanks {
        margin: 15px 14px
        }
    #container.pledges.complete #thanks .power_share {
        display: none
        }
    #container.pledges.complete #thanks hr {
        display: none
        }
    #container.pledges.complete #download_apps {
        text-align: center;
        padding: 10px 5px
        }
    #container.pledges.complete #download_apps img.hands_image {
        display: inline-block;
        float: initial;
        width: 50%;
        height: 110px;
        width: 110px;
        margin-bottom: 10px;
        border-radius: 100%
        }
    #container.pledges.complete #download_apps .get_app_content {
        width: 40%;
        text-align: left;
        padding: 0;
        margin: 14px 0 0 10px
        }
    #container.pledges.complete #download_apps .badges {
        float: left;
        width: 100%
        }
    #container.pledges.complete #download_apps .badges a {
        display: block
        }
    #container.pledges.complete #download_apps .badges img {
        border-radius: 0%;
        margin: 5px 0 5px 0
        }
    }
#container.pledges #main #gift_pledge:after {
    content: "";
    display: table;
    clear: both
    }
#container.pledges #main #gift_pledge ul {
    width: 90%;
    font-size: 11pt;
    line-height: 12.5pt
    }
@media only screen and (min-width: 780px) {
    #container.pledges #main #gift_pledge .form_field.email {
        display: block;
        width: 100%
        }
    #container.pledges #main #gift_pledge .form_field.email:after {
        content: "";
        float: right;
        display: inline-block;
        margin-left: -20px;
        width: 269px;
        height: 181px;
        background: url(/d1nvfozp665ptr.cloudfront.net/pipeline/logos/gift_box-2892b1cc93210e311263a248f337f6bafc5e6312b97caffea90cdae0956a0618.png) no-repeat center center
        }
    #container.pledges #main #gift_pledge label[for=pledge_gift_pledge_attributes_email] {
        margin-top: 10px
        }
    }
#container.gift_pledges #main > header .secure {
    display: none !important
    }
#container.gift_pledges section.with_header footer {
    margin-top: 20px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.gift_pledges section#question {
        margin-bottom: 60px !important
        }
    }
#container.gift_pledges section#question a {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #DBDBDB;
    text-align: center;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    color: black;
    text-decoration: none
    }
#handset_share_prompt {
    outline: 0;
    margin: 15px 14px
    }
#handset_share_prompt a {
    display: inline-block
    }
#handset_share_prompt img {
    height: 55px;
    width: 55px;
    display: inline-block
    }
#handset_share_prompt .main_copy, #handset_share_prompt .twitter_box, #handset_share_prompt .facebook_box, #handset_share_prompt .email_box, #handset_share_prompt .link_box {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    margin-top: 1px;
    margin-bottom: 1px
    }
#handset_share_prompt .main_copy > header h1, #handset_share_prompt .main_copy > h1, #handset_share_prompt .twitter_box > header h1, #handset_share_prompt .twitter_box > h1, #handset_share_prompt .facebook_box > header h1, #handset_share_prompt .facebook_box > h1, #handset_share_prompt .email_box > header h1, #handset_share_prompt .email_box > h1, #handset_share_prompt .link_box > header h1, #handset_share_prompt .link_box > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#handset_share_prompt .main_copy span.handset_display_social, #handset_share_prompt .twitter_box span.handset_display_social, #handset_share_prompt .facebook_box span.handset_display_social, #handset_share_prompt .email_box span.handset_display_social, #handset_share_prompt .link_box span.handset_display_social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
    }
#handset_share_prompt .main_copy {
    text-align: center
    }
#handset_share_prompt section {
    display: none;
    background-color: #F1F1F1;
    border: 1px solid #DBDBDB
    }
#handset_share_prompt section textarea {
    background-color: white;
    height: 140px;
    margin: 10px 10px;
    width: 95%
    }
#handset_share_prompt .handset_share_text {
    position: relative;
    display: inline-block;
    bottom: 20px;
    left: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold
    }
#handset_share_prompt .referral_social_links {
    position: relative;
    width: 200px;
    margin: 0 auto;
    top: 10px
    }
#handset_share_prompt #handset a {
    color: transparent;
    text-indent: -9999px;
    word-break: break-all
    }
#handset_share_prompt #handset a.selected:after {
    position: absolute;
    display: block;
    bottom: 0;
    left: 35px;
    z-index: 3;
    content: "";
    background-color: white;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #F1F1F1 transparent
    }
#handset_share_prompt #handset span.linked {
    display: none
    }
#handset_share_prompt .link_box {
    height: 50px
    }
#handset_share_prompt .link_box a {
    outline: 0
    }
#handset_share_prompt #personal_link_handset {
    display: none;
    background-color: #F1F1F1;
    border: 1px solid #DBDBDB;
    padding: 18px;
    box-shadow: 1px 0 0 0 #DBDBDB, -1px 0 0 0 #DBDBDB
    }
#handset_share_prompt .form_field .counter {
    margin-left: 20px
    }
#handset_share_prompt #facebook_handset, #handset_share_prompt #twitter_handset {
    position: relative;
    top: -2px;
    border-style: solid;
    border-color: #F1F1F1 transparent;
    box-shadow: 1px 0 0 0 #DBDBDB, -1px 0 0 0 #DBDBDB
    }
#handset_share_prompt #facebook_handset ul, #handset_share_prompt #facebook_handset li, #handset_share_prompt #twitter_handset ul, #handset_share_prompt #twitter_handset li {
    list-style-type: none
    }
#handset_share_prompt #facebook_handset form input[type=checkbox] + label, #handset_share_prompt #twitter_handset form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#handset_share_prompt #facebook_handset form input[type=checkbox] + label:before, #handset_share_prompt #facebook_handset form input[type=checkbox] + label:after, #handset_share_prompt #twitter_handset form input[type=checkbox] + label:before, #handset_share_prompt #twitter_handset form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#handset_share_prompt #facebook_handset form input[type=checkbox] + label:before, #handset_share_prompt #twitter_handset form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#handset_share_prompt #facebook_handset form input[type=checkbox] + label:after, #handset_share_prompt #twitter_handset form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#handset_share_prompt #facebook_handset form input[type=checkbox]:checked + label:before, #handset_share_prompt #twitter_handset form input[type=checkbox]:checked + label:before {
    background-color: white
    }
#handset_share_prompt #facebook_handset form input[type=checkbox]:checked + label:after, #handset_share_prompt #twitter_handset form input[type=checkbox]:checked + label:after {
    display: block
    }
#handset_share_prompt #facebook_handset form input[type=checkbox][disabled]:checked + label:before, #handset_share_prompt #twitter_handset form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#handset_share_prompt #facebook_handset form input[type=checkbox][disabled]:checked + label:after, #handset_share_prompt #twitter_handset form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#handset_share_prompt #facebook_handset form #facebook_post_pledges_hidden, #handset_share_prompt #facebook_handset form #facebook_post_updates_hidden, #handset_share_prompt #twitter_handset form #facebook_post_pledges_hidden, #handset_share_prompt #twitter_handset form #facebook_post_updates_hidden {
    display: none !important
    }
#handset_share_prompt #facebook_handset form input[type=checkbox], #handset_share_prompt #twitter_handset form input[type=checkbox] {
    display: none
    }
#handset_share_prompt #facebook_handset form label, #handset_share_prompt #twitter_handset form label {
    margin: 10px
    }
#handset_share_prompt #facebook_handset form input[type="submit"], #handset_share_prompt #twitter_handset form input[type="submit"] {
    display: block;
    width: 100%;
    height: 58px;
    font-size: 36px
    }
#handset_share_prompt .nav_link_fb {
    position: relative
    }
#handset_share_prompt .nav_link_twitter {
    position: relative
    }
#handset_share_prompt .nav_link_fb .shared_check, #handset_share_prompt .nav_link_twitter .shared_check {
    position: absolute;
    top: -4px;
    height: 20px;
    width: 20px;
    z-index: 2;
    background-color: #333;
    border-radius: 100%
    }
#handset_share_prompt .nav_link_fb .shared_check:before, #handset_share_prompt .nav_link_twitter .shared_check:before {
    position: relative;
    top: 1px;
    left: 4px;
    content: "✔";
    color: white
    }
#handset_share_prompt .settings#twitter_settings .submit a, #handset_share_prompt .settings#facebook_settings .submit a {
    margin: 15px;
    color: white;
    text-indent: 0
    }
#facebox .handset_share_modal {
    padding: 15px 0 0 0
    }
#facebox .handset_share_modal a.facebox_close:first-child {
    float: right;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -36px 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    content: "";
    color: transparent;
    text-indent: -9999px;
    word-break: break-all
    }
#facebox .handset_share_modal h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    margin: 5px 15px
    }
#facebox .handset_share_modal h1 a {
    float: right
    }
#facebox .handset_share_modal #handset_share_prompt {
    outline: 0;
    margin: 15px 0 15px 0
    }
#facebox .handset_share_modal #handset_share_prompt textarea {
    margin-right: 0
    }
#facebox .handset_share_modal .facebook_box, #facebox .handset_share_modal .twitter_box, #facebox .handset_share_modal .email_box, #facebox .handset_share_modal .link_box {
    border-top: 1px solid #DBDBDB;
    margin-top: 0;
    margin-bottom: 0
    }
#container.pledges.index > a.logo span:before {
    display: none
    }
#container.pledges.index #pledges > header {
    margin-bottom: 15px
    }
#container.pledges.index #pledges > header:after {
    content: "";
    display: table;
    clear: both
    }
#container.pledges.index #pledges > header h1 {
    display: none
    }
#container.pledges.index #pledges > header a.question_cta {
    float: right
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container.pledges.index #pledges article.pledge-listing section.details {
        float: left;
        width: 288px;
        margin-right: 20px
        }
    }
article.pledge-listing {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #DBDBDB
    }
article.pledge-listing:after {
    content: "";
    display: table;
    clear: both
    }
article.pledge-listing section.details header hgroup {
    display: table
    }
article.pledge-listing section.details header hgroup:after {
    content: "";
    display: table;
    clear: both
    }
article.pledge-listing section.details header hgroup img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
article.pledge-listing section.details header hgroup h1, article.pledge-listing section.details header hgroup h2, article.pledge-listing section.details header hgroup h3, article.pledge-listing section.details header hgroup h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: black
    }
article.pledge-listing section.details header hgroup h1 a, article.pledge-listing section.details header hgroup h2 a, article.pledge-listing section.details header hgroup h3 a, article.pledge-listing section.details header hgroup h4 a {
    color: black
    }
article.pledge-listing section.details header hgroup > div {
    display: table-cell;
    vertical-align: middle
    }
article.pledge-listing section.details dt:after {
    content: ":"
    }
article.pledge-listing section.details dd {
    font-weight: bold
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    article.pledge-listing section.details dl:after {
        content: "";
        display: table;
        clear: both
        }
    article.pledge-listing section.details dt, article.pledge-listing section.details dd {
        margin-top: 10px;
        display: inline-block;
        float: left
        }
    article.pledge-listing section.details dt {
        clear: left;
        width: 40%;
        margin-top: 10px
        }
    article.pledge-listing section.details dd {
        width: 60%;
        text-align: right
        }
    }
article.pledge-listing section.details dl {
    border-top: 1px solid #DBDBDB;
    padding-top: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 15px
    }
article.pledge-listing section.details dd .state.pledged, article.pledge-listing section.details dd .state.paid {
    color: #FC2C33
    }
article.pledge-listing section.details dd .state.declined, article.pledge-listing section.details dd .state.deficit {
    color: #C94444
    }
article.pledge-listing section.items {
    float: left
    }
article.pledge-listing section.items h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-size: 25pt;
    text-transform: uppercase;
    color: #444;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12.5pt 0 0 -75pt
    }
@media only screen and (max-width: 800px) {
    article.pledge-listing section.items h4 {
        display: none
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    article.pledge-listing section.items {
        position: relative;
        width: 600px;
        min-height: 400px
        }
    }
article.pledge-listing section.items article {
    position: relative
    }
article.pledge-listing section.items article.exclusive {
    min-height: 0;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 0
    }
article.pledge-listing section.items article.exclusive.with_image {
    min-height: 175px
    }
article.pledge-listing section.items article.exclusive.with_image .image {
    margin-right: 10px
    }
article.pledge-listing section.items article.exclusive.access_pass {
    min-height: 130px
    }
article.pledge-listing section.items article.exclusive ul {
    padding: 0;
    margin: 0
    }
article.pledge-listing section.items article.exclusive ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
article.pledge-listing section.items > article.exclusive:last-child {
    border-bottom: 0
    }
article.pledge-listing section.items article.download {
    background-color: transparent;
    border-left: none;
    box-shadow: none;
    border-bottom: 1px solid #DBDBDB;
    padding: 15px
    }
article.pledge-listing section.details nav a {
    width: 100%;
    margin-bottom: 20px
    }
#container.pledges.index article.pledge-listing section.details header h1 {
    display: none
    }
#container.pledges.show article.pledge-listing section.details header hgroup, #container.pledges.edit article.pledge-listing section.details header hgroup {
    display: none
    }
#container.pledges.show article.pledge-listing section.details .pledge, #container.pledges.edit article.pledge-listing section.details .pledge {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    article.pledge-listing section.items article.exclusive.with_image {
        min-height: 0
        }
    article.pledge-listing section.items article.exclusive.with_image ul {
        margin-left: 0
        }
    }
.fb_dialog {
    z-index: 10000000 !important
    }
#facebox #share_modal {
    border-top: 0 !important;
    border-top: 1px solid #DBDBDB
    }
#facebox #share_modal > nav:after {
    content: "";
    display: table;
    clear: both
    }
#facebox #share_modal > nav a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DBDBDB;
    text-align: center;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    text-decoration: none;
    line-height: 50px;
    color: black
    }
#facebox #share_modal > nav a:first-child {
    border-right: 1px solid #DBDBDB
    }
#facebox #share_modal > nav a:last-child {
    border-left: 1px solid #DBDBDB
    }
#facebox #share_modal > nav a.selected {
    background-color: white;
    border-bottom-width: 0
    }
#facebox #share_modal.two_tabs nav a {
    width: 50%
    }
#facebox #share_modal.three-tabs nav a {
    width: 33%
    }
#facebox #share_modal.three-tabs nav a:last-child {
    width: 34%
    }
#facebox #share_modal.four_tabs nav a {
    width: 25%
    }
#facebox #share_modal > section {
    padding-top: 30px
    }
#facebox #share_modal > section > h1 {
    display: none
    }
#facebox #share_modal > section.not_selected {
    display: none
    }
#facebox #share_modal h3 {
    width: 168px;
    margin: 20px auto 15px auto
    }
#facebox #share_modal header .bg {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background-color: black
    }
#facebox #share_modal header .bg img {
    width: 100%;
    margin-top: -30%;
    opacity: 0.75
    }
#facebox #share_modal header div.close_share_modal {
    position: absolute;
    display: table;
    margin: 0;
    top: 7px;
    right: 8px;
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 46px
    }
#facebox #share_modal header div.close_share_modal:after {
    content: "";
    display: table;
    clear: both
    }
#facebox #share_modal header div.close_share_modal img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
#facebox #share_modal header div.close_share_modal h1, #facebox #share_modal header div.close_share_modal h2, #facebox #share_modal header div.close_share_modal h3, #facebox #share_modal header div.close_share_modal h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
#facebox #share_modal header div.close_share_modal h1 a, #facebox #share_modal header div.close_share_modal h2 a, #facebox #share_modal header div.close_share_modal h3 a, #facebox #share_modal header div.close_share_modal h4 a {
    color: white
    }
#facebox #share_modal header div.close_share_modal:after {
    content: "×"
    }
#facebox #share_modal header hgroup.project {
    display: table;
    position: absolute;
    margin: 0 10px;
    top: 7px;
    width: 400px
    }
#facebox #share_modal header hgroup.project:after {
    content: "";
    display: table;
    clear: both
    }
#facebox #share_modal header hgroup.project img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
#facebox #share_modal header hgroup.project h1, #facebox #share_modal header hgroup.project h2, #facebox #share_modal header hgroup.project h3, #facebox #share_modal header hgroup.project h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
#facebox #share_modal header hgroup.project h1 a, #facebox #share_modal header hgroup.project h2 a, #facebox #share_modal header hgroup.project h3 a, #facebox #share_modal header hgroup.project h4 a {
    color: white
    }
#facebox #share_modal header hgroup.project div {
    margin-top: 30px
    }
#facebox #share_modal header hgroup.project div h1, #facebox #share_modal header hgroup.project div h2 {
    max-width: 400px;
    font-size: 46px
    }
#facebox #share_modal .content {
    margin: 0 26px;
    height: 85px;
    overflow: hidden
    }
#facebox #share_modal .content.marketplace-referral {
    height: auto;
    margin-top: 30px;
    text-align: center
    }
#facebox #share_modal a.instructions_toggle {
    display: block;
    margin-left: 95px;
    outline: 0
    }
#facebox #share_modal #share_instructions {
    margin: 10px 0;
    background-color: #F1F1F1;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB
    }
#facebox #share_modal #share_instructions ul {
    margin-top: -20px
    }
#facebox #share_modal #share_instructions ul li {
    margin: 10px
    }
#facebox #share_modal .share_equation {
    margin-left: 74px;
    margin-top: 14px
    }
#facebox #share_modal a.personal_link {
    display: inline;
    position: relative;
    bottom: 38px;
    width: 200px;
    height: 95px;
    font-weight: normal;
    font-size: 21px;
    color: #FC2C33
    }
#facebox #share_modal nav {
    display: inline-block;
    width: 240px;
    margin-left: 70px;
    background-color: white
    }
#facebox #share_modal nav img {
    width: 55px;
    height: 55px
    }
#facebox #share_modal nav a {
    display: inline-block;
    width: 80px;
    height: 70px;
    border: 0 !important;
    background-color: white;
    outline: 0
    }
#facebox #share_modal nav a.selected:after {
    position: absolute;
    display: block;
    width: 0;
    z-index: 3;
    margin: -10px 0 0 30px;
    content: "";
    background-color: white;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #F1F1F1 transparent
    }
#facebox #share_modal nav .nav_link_fb {
    position: relative;
    left: -1px
    }
#facebox #share_modal nav .nav_link_twitter {
    position: relative;
    left: 79px
    }
#facebox #share_modal nav .nav_link_fb .shared_check, #facebox #share_modal nav .nav_link_twitter .shared_check {
    position: absolute;
    top: -2px;
    left: 12px;
    height: 20px;
    width: 20px;
    z-index: 2;
    background-color: #333;
    border-radius: 100%
    }
#facebox #share_modal nav .nav_link_fb .shared_check:before, #facebox #share_modal nav .nav_link_twitter .shared_check:before {
    position: relative;
    top: 1px;
    left: 4px;
    content: "✔";
    color: white
    }
#facebox #share_modal #facebook, #facebox #share_modal #twitter {
    padding: 20px;
    background-color: #F1F1F1
    }
#facebox #share_modal #facebook form input[type=checkbox] + label, #facebox #share_modal #twitter form input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
#facebox #share_modal #facebook form input[type=checkbox] + label:before, #facebox #share_modal #facebook form input[type=checkbox] + label:after, #facebox #share_modal #twitter form input[type=checkbox] + label:before, #facebox #share_modal #twitter form input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
#facebox #share_modal #facebook form input[type=checkbox] + label:before, #facebox #share_modal #twitter form input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
#facebox #share_modal #facebook form input[type=checkbox] + label:after, #facebox #share_modal #twitter form input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
#facebox #share_modal #facebook form input[type=checkbox]:checked + label:before, #facebox #share_modal #twitter form input[type=checkbox]:checked + label:before {
    background-color: white
    }
#facebox #share_modal #facebook form input[type=checkbox]:checked + label:after, #facebox #share_modal #twitter form input[type=checkbox]:checked + label:after {
    display: block
    }
#facebox #share_modal #facebook form input[type=checkbox][disabled]:checked + label:before, #facebox #share_modal #twitter form input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
#facebox #share_modal #facebook form input[type=checkbox][disabled]:checked + label:after, #facebox #share_modal #twitter form input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
#facebox #share_modal #facebook form input[type=checkbox], #facebox #share_modal #twitter form input[type=checkbox] {
    display: none
    }
#facebox #share_modal #facebook form input[type="submit"], #facebox #share_modal #twitter form input[type="submit"] {
    display: block;
    width: 282px;
    height: 58px;
    font-size: 36px
    }
#facebox #share_modal #facebook form textarea, #facebox #share_modal #twitter form textarea {
    background-color: white
    }
#facebox #share_modal #facebook form ul, #facebox #share_modal #twitter form ul {
    padding: 0;
    margin: 0
    }
#facebox #share_modal #facebook form ul li, #facebox #share_modal #twitter form ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#facebox #share_modal #facebook form ul li, #facebox #share_modal #twitter form ul li {
    margin-bottom: 10px
    }
#facebox #share_modal #facebook span.linked, #facebox #share_modal #twitter span.linked {
    display: block;
    line-height: 40px;
    padding-bottom: 20px
    }
#facebox #share_modal #facebook span.linked img, #facebox #share_modal #twitter span.linked img {
    margin-right: 20px;
    vertical-align: middle;
    border-radius: 100%;
    width: 40px;
    height: 40px
    }
#facebox #share_modal section#personal_link {
    display: none;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 20px 0;
    background-color: #F1F1F1;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB
    }
#facebox #share_modal section#personal_link .link_instructions {
    text-align: center;
    width: 90%;
    margin: 0 auto 10px auto
    }
#facebox #share_modal section#personal_link .link_text {
    text-align: center;
    width: 90%;
    margin: 0 auto 10px auto
    }
.instructions_pointer {
    display: block;
    position: relative;
    box-sizing: border-box;
    top: -10px;
    left: 170px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: black
    }
.instructions_pointer:after {
    display: block;
    content: "▲";
    color: #F1F1F1
    }
.container.pledging #main_pledge_form a.button.add_more {
    display: block;
    width: 50%;
    margin: 0 auto 15px auto
    }
.container.pledging #main_pledge_form a.button.add_more:before {
    content: ""
    }
.container.pledging #main_pledge_form a.button.add_more:after {
    content: "";
    position: absolute;
    top: -500px
    }
.container.pledging #main_pledge_form a.button.add_more.visible:before {
    position: absolute;
    top: -500px
    }
.container.pledging #main_pledge_form a.button.add_more.visible:after {
    position: relative;
    top: 0
    }
.container.pledging #main_pledge_form #add_more {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
    }
.container.pledging #main_pledge_form #add_more h1 {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    border-bottom: 0;
    padding: 0;
    margin: 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.pledging #main_pledge_form #add_more a.button {
        display: block;
        margin-top: 15px;
        margin-bottom: 0
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.pledging #main_pledge_form #add_more {
        position: relative;
        min-height: 38px
        }
    .container.pledging #main_pledge_form #add_more a.button {
        position: absolute;
        right: 15px;
        top: 15px
        }
    }
#container.pledging section#admin {
    clear: both
    }
#container.pledging section#admin dt {
    margin-top: 10px;
    font-weight: bold
    }
#container.pledging section#admin form {
    margin-bottom: 15px
    }
#container.pledging section#admin form input[type=submit] {
    padding: 5px 10px
    }
@media only screen and (min-width: 780px) {
    #container.pledging #main aside #pledge_disclaimer {
        color: #999
        }
    #container.pledging #main aside #pledge_disclaimer * {
        color: #999
        }
    }
#container.pledging article.exclusive nav.cannot_add:before, #container.pledging article.exclusive nav.cannot_add .unit_quantity {
    float: left
    }
#container.pledging section#pledge.access_only .stock {
    display: none
    }
.exclusive_lightbox_form {
    padding: 25px
    }
.exclusive_lightbox_form h1 {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px
    }
#facebox.pledging .questions_thread {
    margin: 20px
    }
#facebox.pledging .exclusive {
    list-style-type: none;
    margin-bottom: 0;
    padding: 15px 15px 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 510px
    }
#facebox.pledging .exclusive a.facebox_close:first-child {
    float: right;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -36px 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    content: "";
    color: transparent;
    text-indent: -9999px;
    word-break: break-all
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #facebox.pledging .exclusive {
        width: 280px
        }
    }
#facebox.pledging .exclusive > h1 {
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px
    }
#facebox.pledging .exclusive .product {
    display: block;
    position: relative;
    left: 50%;
    transform: translatex(-50%);
    margin-bottom: 30px
    }
#facebox.pledging .exclusive .image {
    display: block;
    line-height: 0
    }
#facebox.pledging .exclusive > .stock {
    margin-left: -15px
    }
#facebox.pledging .exclusive > .stock:after, #facebox.pledging .exclusive > .stock:before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 20px;
    right: -14px;
    border-right: 15px solid transparent;
    left: inherit;
    border-left: none
    }
#facebox.pledging .exclusive > .stock:after {
    top: 0;
    border-top-style: solid;
    border-top-color: inherit
    }
#facebox.pledging .exclusive > .stock:before {
    top: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit
    }
#facebox.pledging .exclusive .details {
    margin-top: 0
    }
#facebox.pledging .exclusive > .button {
    float: right;
    height: initial;
    font-size: 22px;
    line-height: 24px;
    margin-top: -70px
    }
#facebox.pledging .exclusive > .price {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #444;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 15px
    }
#facebox.pledging .exclusive .button {
    float: right
    }
#container > #ask-a-question, #container > #ticket, #facebox .content > #ask-a-question, #facebox .content > #ticket {
    background-color: white
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container > #ask-a-question, #container > #ticket, #facebox .content > #ask-a-question, #facebox .content > #ticket {
        width: 600px
        }
    }
#container > #ask-a-question > h1, #container > #ticket > h1, #facebox .content > #ask-a-question > h1, #facebox .content > #ticket > h1 {
    display: none;
    margin-top: 15px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #444
    }
#container #ask-a-question > h1, #facebox .content #ask-a-question > h1 {
    margin: 30px
    }
#container #ask-a-question strong, #facebox .content #ask-a-question strong {
    text-transform: uppercase
    }
#container #ask-a-question section.details, #facebox .content #ask-a-question section.details {
    margin: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
#container #ask-a-question section.details:after, #facebox .content #ask-a-question section.details:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.details dt:after, #facebox .content #ask-a-question section.details dt:after {
    content: ":"
    }
#container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dd {
    font-weight: bold
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    #container #ask-a-question section.details dl:after, #facebox .content #ask-a-question section.details dl:after {
        content: "";
        display: table;
        clear: both
        }
    #container #ask-a-question section.details dt, #container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dt, #facebox .content #ask-a-question section.details dd {
        margin-top: 10px;
        display: inline-block;
        float: left
        }
    #container #ask-a-question section.details dt, #facebox .content #ask-a-question section.details dt {
        clear: left;
        width: 40%;
        margin-top: 10px
        }
    #container #ask-a-question section.details dd, #facebox .content #ask-a-question section.details dd {
        width: 60%;
        text-align: right
        }
    }
#container #ask-a-question section.details header, #container #ask-a-question section.details dl, #facebox .content #ask-a-question section.details header, #facebox .content #ask-a-question section.details dl {
    padding: 0 10px;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
#container #ask-a-question section.details header, #facebox .content #ask-a-question section.details header {
    border-right: 1px solid #DBDBDB;
    padding-right: 10px;
    margin-right: 15px;
    margin-right: 0
    }
#container #ask-a-question section.details header h1, #facebox .content #ask-a-question section.details header h1 {
    display: none
    }
#container #ask-a-question section.details header hgroup:after, #facebox .content #ask-a-question section.details header hgroup:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.details header hgroup img, #facebox .content #ask-a-question section.details header hgroup img {
    float: left;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid white;
    margin-right: 15px
    }
#container #ask-a-question section.details header hgroup h1, #container #ask-a-question section.details header hgroup h2, #container #ask-a-question section.details header hgroup h3, #container #ask-a-question section.details header hgroup h4, #facebox .content #ask-a-question section.details header hgroup h1, #facebox .content #ask-a-question section.details header hgroup h2, #facebox .content #ask-a-question section.details header hgroup h3, #facebox .content #ask-a-question section.details header hgroup h4 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: black
    }
#container #ask-a-question section.details header hgroup h1 a, #container #ask-a-question section.details header hgroup h2 a, #container #ask-a-question section.details header hgroup h3 a, #container #ask-a-question section.details header hgroup h4 a, #facebox .content #ask-a-question section.details header hgroup h1 a, #facebox .content #ask-a-question section.details header hgroup h2 a, #facebox .content #ask-a-question section.details header hgroup h3 a, #facebox .content #ask-a-question section.details header hgroup h4 a {
    color: black
    }
#container #ask-a-question section.tabs, #facebox .content #ask-a-question section.tabs {
    border-top: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav:after, #facebox .content #ask-a-question section.tabs > nav:after {
    content: "";
    display: table;
    clear: both
    }
#container #ask-a-question section.tabs > nav a, #facebox .content #ask-a-question section.tabs > nav a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DBDBDB;
    text-align: center;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    text-decoration: none;
    line-height: 50px;
    color: black
    }
#container #ask-a-question section.tabs > nav a:first-child, #facebox .content #ask-a-question section.tabs > nav a:first-child {
    border-right: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav a:last-child, #facebox .content #ask-a-question section.tabs > nav a:last-child {
    border-left: 1px solid #DBDBDB
    }
#container #ask-a-question section.tabs > nav a.selected, #facebox .content #ask-a-question section.tabs > nav a.selected {
    background-color: white;
    border-bottom-width: 0
    }
#container #ask-a-question section.tabs.two_tabs nav a, #facebox .content #ask-a-question section.tabs.two_tabs nav a {
    width: 50%
    }
#container #ask-a-question section.tabs.three-tabs nav a, #facebox .content #ask-a-question section.tabs.three-tabs nav a {
    width: 33%
    }
#container #ask-a-question section.tabs.three-tabs nav a:last-child, #facebox .content #ask-a-question section.tabs.three-tabs nav a:last-child {
    width: 34%
    }
#container #ask-a-question section.tabs.four_tabs nav a, #facebox .content #ask-a-question section.tabs.four_tabs nav a {
    width: 25%
    }
#container #ask-a-question section.tabs > section, #facebox .content #ask-a-question section.tabs > section {
    padding-top: 30px
    }
#container #ask-a-question section.tabs > section > h1, #facebox .content #ask-a-question section.tabs > section > h1 {
    display: none
    }
#container #ask-a-question section.tabs > section.not_selected, #facebox .content #ask-a-question section.tabs > section.not_selected {
    display: none
    }
#container #ask-a-question section.tabs > section, #facebox .content #ask-a-question section.tabs > section {
    padding: 30px
    }
#container #ask-a-question section.tabs > section h1, #facebox .content #ask-a-question section.tabs > section h1 {
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px
    }
#container #ask-a-question .question-faqs, #facebox .content #ask-a-question .question-faqs {
    margin: 10px 0
    }
.checkout section.with_header.add_more:after {
    content: "";
    display: table;
    clear: both
    }
@media only screen and (max-width: 800px) {
    .checkout section.with_header.add_more {
        margin-top: -10px
        }
    .checkout section.with_header.add_more .featured {
        display: none
        }
    .checkout section.with_header.add_more a.see_more {
        -webkit-appearance: none;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 7px 20px 9px 20px;
        height: 40px;
        background: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        border: 2px solid #33344F;
        font-family: DINWeb-Bold;
        text-decoration: none;
        font-size: 22px;
        line-height: 24px;
        font-weight: normal;
        color: #33344F;
        text-decoration: none;
        text-align: center;
        width: 100%
        }
    }
@media only screen and (min-width: 780px) {
    .checkout section.with_header.add_more a.see_more {
        font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        letter-spacing: normal;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        line-height: 22px;
        color: #FC2C33;
        text-decoration: none;
        text-transform: uppercase
        }
    .checkout section.with_header.add_more a.see_more:before {
        content: "+ ";
        font-size: 29px
        }
    .checkout section.with_header.add_more.open a.see_more:not(.button):before {
        content: "- "
        }
    }
.checkout section.with_header.add_more section.featured:after {
    content: "";
    display: table;
    clear: both
    }
.checkout section.with_header.add_more section.featured nav.view {
    display: none
    }
@media only screen and (min-width: 780px) {
    .checkout section.with_header.add_more .column {
        width: 186px
        }
    }
.checkout section.with_header.add_more section.add_exclusives h2 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px
    }
.checkout section.with_header.add_more section.add_exclusives ul {
    padding: 0;
    margin: 0;
    background-color: #F2F2F7;
    padding: 20px;
    margin-bottom: 20px
    }
.checkout section.with_header.add_more section.add_exclusives ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.checkout section.with_header.add_more section.add_exclusives ul li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 15px;
    min-height: 50px
    }
.checkout section.with_header.add_more section.add_exclusives ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0
    }
.checkout section.with_header.add_more section.add_exclusives .description, .checkout section.with_header.add_more section.add_exclusives .image, .checkout section.with_header.add_more section.add_exclusives .stock {
    display: none
    }
.checkout section.with_header.add_more section.add_exclusives .title {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    margin-right: 130px
    }
.checkout section.with_header.add_more section.add_exclusives .price {
    font-weight: bold
    }
.checkout section.with_header.add_more section.add_exclusives .fx {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal
    }
.checkout section.with_header.add_more section.add_exclusives .button, .checkout section.with_header.add_more section.add_exclusives .view_details {
    position: absolute;
    right: 0;
    width: 120px;
    text-align: center
    }
.checkout section.with_header.add_more section.add_exclusives .button {
    color: #33344F;
    padding: 5px 10px;
    top: 0
    }
.checkout section.with_header.add_more section.add_exclusives .button:before, .checkout section.with_header.add_more section.add_exclusives .button:after {
    display: none
    }
.checkout section.with_header.add_more section.add_exclusives .view_details {
    top: 37px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -26px -182px;
    height: 31px;
    width: 30px;
    color: #FC2C33;
    font-weight: bold;
    text-decoration: none
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .checkout section.with_header.add_more section.add_exclusives .view_details {
        width: auto;
        background-image: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .checkout section.with_header.add_more section.add_exclusives .view_details {
        font-size: 0;
        height: 31px;
        width: 31px;
        position: relative;
        bottom: -11px;
        right: -22px
        }
    .checkout section.with_header.add_more section.add_exclusives .view_details.small_details {
        font-size: 0;
        width: 0
        }
    }
.checkout section.with_header.add_more section.add_exclusives .small_details {
    font-size: 14px;
    width: 120px
    }
.checkout section#admin:after {
    content: "";
    display: table;
    clear: both
    }
.checkout section#admin ul.links {
    margin-top: 20px;
    padding: 0
    }
.checkout section#admin ul.links li {
    display: inline-block
    }
.checkout section#admin ul.links li:after {
    content: " | "
    }
.checkout section#admin ul.links li:last-child:after {
    content: ""
    }
.checkout section#admin > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .checkout section#admin > div {
        float: left;
        width: 50%
        }
    }
.container.checkout aside .small-links {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px
    }
.container.checkout aside .small-links a {
    color: #999;
    font-size: 14px
    }
.container.checkout aside .button.contact {
    width: 100%;
    margin-bottom: 20px
    }
.container.checkout aside .count_down {
    display: block;
    margin-bottom: 20px
    }
.container.checkout aside .count_down .intro {
    display: block
    }
.container.checkout aside .count_down .intro:after {
    content: ": "
    }
.container.checkout aside .fulfillment strong:after {
    content: ":"
    }
a.cta {
    color: #FC2C33;
    text-decoration: none
    }
.container.checkout {
    padding-top: 0
    }
.container.checkout .left_content #main_form {
    margin-right: 20px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout #main_form, .container.checkout section.with_header.summary {
        margin: 0 10px;
        margin-bottom: 20px
        }
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.checkout #main_form {
        margin: 0 30px;
        margin-bottom: 20px
        }
    }
.container.checkout #main_form input[type=text], .container.checkout #main_form input[type=password], .container.checkout #main_form select, .container.checkout #main_form textarea {
    background-color: white
    }
.container.checkout #main_form > footer {
    margin-top: 20px
    }
.container.checkout #main_form > footer:after {
    content: "";
    display: table;
    clear: both
    }
.container.checkout #main_form > footer .button {
    width: 300px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout #main_form > footer .button {
        width: 100%
        }
    }
.container.checkout section.with_header input[type=text], .container.checkout section.with_header input[type=password], .container.checkout section.with_header select, .container.checkout section.with_header textarea, .container.checkout section.with_header .form_field {
    width: 300px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout section.with_header input[type=text], .container.checkout section.with_header input[type=password], .container.checkout section.with_header select, .container.checkout section.with_header textarea, .container.checkout section.with_header .form_field {
        width: 100%
        }
    }
.container.checkout section.with_header input[type=radio], .container.checkout section.with_header input[type=checkbox] {
    display: none
    }
.container.checkout section.with_header input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
    }
.container.checkout section.with_header input[type=checkbox] + label:before, .container.checkout section.with_header input[type=checkbox] + label:after {
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0
    }
.container.checkout section.with_header input[type=checkbox] + label:before {
    z-index: 1;
    background-color: white;
    border: 2px solid #DBDBDB
    }
.container.checkout section.with_header input[type=checkbox] + label:after {
    z-index: 2;
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -219px 0;
    height: 20px;
    width: 20px;
    width: 20px;
    height: 20px
    }
.container.checkout section.with_header input[type=checkbox]:checked + label:before {
    background-color: white
    }
.container.checkout section.with_header input[type=checkbox]:checked + label:after {
    display: block
    }
.container.checkout section.with_header input[type=checkbox][disabled]:checked + label:before {
    background-color: #F1F1F1;
    opacity: 0.5
    }
.container.checkout section.with_header input[type=checkbox][disabled]:checked + label:after {
    opacity: 0.5
    }
.container.checkout section.with_header .form_field {
    width: auto
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout .left, .container.checkout .right {
        float: left;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
        }
    .container.checkout .left {
        padding-right: 15px
        }
    .container.checkout .right + section.with_header {
        clear: both
        }
    }
.container.checkout .button.cta.continue {
    font-size: 22px;
    line-height: 24px;
    padding: 7px 12px
    }
.container.checkout a.cancel {
    display: inline-block;
    margin-left: 15px
    }
.container.checkout .button {
    text-transform: uppercase
    }
html.mobile_app .container.checkout .main {
    padding-top: 10px
    }
html.mobile_app .container.checkout > header.artist_compact {
    display: none
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    html:not(.ios_app) #container.checkout {
        margin-top: 0
        }
    }
.count_down {
    display: inline-block;
    margin-bottom: 20px
    }
.count_down:before {
    content: "";
    display: block;
    position: relative;
    float: left;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -765px;
    height: 45px;
    width: 42px;
    width: 42px;
    height: 45px;
    margin-right: 15px
    }
.count_down .intro {
    display: inline-block
    }
.count_down span.time {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold
    }
.count_down.alert:before {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: 0 -685px;
    height: 45px;
    width: 42px
    }
@media only screen and (max-width: 800px) {
    .count_down {
        text-align: center
        }
    .count_down:before {
        display: none
        }
    }
.container.checkout article.reserved_exclusive {
    position: relative;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout article.reserved_exclusive nav.quantity {
        text-align: center
        }
    }
.container.checkout article.reserved_exclusive nav.quantity .unit_quantity {
    font-weight: bold
    }
.container.checkout article.reserved_exclusive nav.quantity a.add.icon, .container.checkout article.reserved_exclusive nav.quantity a.remove.icon {
    display: inline-block;
    text-indent: -100000px;
    color: transparent;
    font-size: 1px;
    line-height: 37px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px
    }
.container.checkout article.reserved_exclusive nav.quantity a.remove.icon {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -17px -150px;
    height: 20px;
    width: 20px;
    margin-right: 15px
    }
.container.checkout article.reserved_exclusive nav.quantity a.add.icon {
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -179px 0;
    height: 20px;
    width: 20px;
    margin-left: 15px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout article.reserved_exclusive nav.quantity {
        margin: 15px 0
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout article.reserved_exclusive nav.quantity {
        margin-top: -10px;
        width: 90px;
        right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%)
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout article.reserved_exclusive nav.quantity.cannot_add a.add {
        opacity: 0.2
        }
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout article.reserved_exclusive h1, .container.checkout article.reserved_exclusive .units {
        margin-right: 105px !important
        }
    }
.container.checkout article.reserved_exclusive {
    padding: 0;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom-style: dashed
    }
.container.checkout article.reserved_exclusive:after {
    content: "";
    display: table;
    clear: both
    }
.container.checkout article.reserved_exclusive:last-of-type {
    border-bottom-style: solid
    }
.container.checkout article.reserved_exclusive .image {
    float: left;
    margin-right: 15px;
    min-height: 75px
    }
.container.checkout article.reserved_exclusive .image img {
    max-width: 75px;
    max-height: 75px
    }
.container.checkout article.reserved_exclusive h1 {
    font-family: DINWeb, Helvetica, sans-serif;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px
    }
.container.checkout article.reserved_exclusive .details {
    top: 0;
    right: 0
    }
.container.checkout article.reserved_exclusive .units {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
.container.checkout article.reserved_exclusive .units li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.container.checkout article.reserved_exclusive .units a.edit {
    font-weight: bold;
    text-transform: lowercase;
    color: #FC5359
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout article.reserved_exclusive .details {
        padding-top: 5px
        }
    }
.container.checkout article.reserved_exclusive.access_pass {
    padding-right: 57px;
    padding-bottom: 10px;
    min-height: 57px
    }
.container.checkout article.reserved_exclusive.access_pass .description {
    display: none
    }
.container.checkout article.reserved_exclusive.access_pass:after {
    content: "";
    display: block;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -159px -103px;
    height: 47px;
    width: 27px;
    width: 27px;
    height: 47px;
    position: absolute;
    top: 0;
    right: 20px
    }
.container.checkout article.reserved_exclusive.exclusive_ticket_event ul {
    padding: 0;
    margin: 0
    }
.container.checkout article.reserved_exclusive.exclusive_ticket_event ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.container.checkout article.reserved_exclusive.exclusive_ticket_event .calendar, .container.checkout article.reserved_exclusive.exclusive_ticket_event .seats, .container.checkout article.reserved_exclusive.exclusive_ticket_event .image {
    display: none
    }
.container.checkout article.reserved_exclusive.exclusive_ticket_event .seats {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
.container.checkout section.express nav {
    padding: 10px 0
    }
.container.checkout section.express footer {
    margin-top: 20px
    }
.container.checkout .gift_pledge_toggle label {
    padding-left: 25px !important;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #444
    }
.container.checkout .gift_pledge_toggle label span:before {
    margin: 0 10px;
    display: inline-block;
    content: " ";
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -63px -42px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -43px -42px;
    height: 20px;
    width: 20px;
    top: 4px
    }
.container.checkout section.gift_pledge fieldset {
    border: 0;
    background-color: #F2F2F7;
    padding: 20px;
    padding-bottom: 5px
    }
.container.checkout section.gift_pledge fieldset .form_field {
    margin-bottom: 10px
    }
.container.checkout section.gift_pledge ul {
    margin: 20px;
    margin-bottom: 0;
    padding: 0;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #999
    }
.checkout #checkout_submit.items {
    display: none
    }
.checkout section.pledge_zone {
    width: auto;
    margin-bottom: 30px
    }
.checkout section.pledge_zone select {
    -webkit-appearance: none;
    background: transparent;
    box-shadow: none;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border: 2px solid #9a9a9a;
    border-radius: 4px;
    color: #999;
    width: 100%;
    background-color: white;
    color: black;
    padding: 8px;
    position: relative;
    padding-right: 30px;
    background: url(/pipeline/x1/icon-dropdown.png) no-repeat right 10px center
    }
.checkout section.pledge_zone select:focus {
    border-color: #000024
    }
.checkout section.pledge_zone select[disabled] {
    background-color: #F1F1F1;
    color: #999;
    background: none
    }
.checkout section.pledge_zone label:after {
    content: ": "
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .checkout section.pledge_zone {
        position: absolute;
        right: 0;
        top: -15px;
        font-size: 16px;
        line-height: 18px;
        text-align: right
        }
    .checkout section.pledge_zone select#pledge_zone {
        width: 200px;
        background-color: white;
        margin-right: 0;
        padding: 7px 15px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .checkout section.pledge_zone {
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
        }
    .checkout section.pledge_zone select#pledge_zone {
        font-size: 12px;
        width: 100%
        }
    }
.checkout .box {
    background-color: #F2F2F7;
    padding: 10px 15px
    }
.checkout section.with_header.items header {
    position: relative
    }
.checkout section.with_header.items footer {
    margin-top: -5px
    }
.checkout section.promo_codes #promo_code {
    width: 200px;
    float: left
    }
.checkout section.promo_codes input[type=submit] {
    margin-left: 5px;
    display: block;
    float: left
    }
.checkout section.promo_codes .errorExplanation {
    clear: left;
    margin-top: 10px
    }
.checkout section.promo_codes .errorExplanation ul {
    padding: 0;
    margin: 0
    }
.checkout section.promo_codes .errorExplanation ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.checkout section.promo_codes p {
    margin-top: 10px;
    color: #00b5ac
    }
.checkout section.promo_codes a {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    color: #FC5359
    }
.checkout section.promo_codes ul {
    padding: 0;
    margin-left: 10px;
    margin-top: 10px
    }
.checkout section.promo_codes ul li {
    list-style: none;
    margin-bottom: 5px
    }
.checkout section.additional_amount .form_field {
    background-color: #F2F2F7;
    padding: 20px 15px;
    margin-top: 10px
    }
.checkout section.additional_amount .form_field:before {
    content: attr(data-currency-symbol);
    display: inline;
    margin-right: 5px
    }
.checkout section.additional_amount .form_field #pledge_amount {
    width: 140px;
    margin-right: 5px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .checkout section.additional_amount .form_field label {
        font-size: 20px
        }
    }
.container.checkout section.with_header.line_items dl, .container.checkout section.with_header.summary dl {
    margin: 0;
    padding: 5px 0
    }
.container.checkout section.with_header.line_items dl:after, .container.checkout section.with_header.summary dl:after {
    content: "";
    display: table;
    clear: both
    }
.container.checkout section.with_header.line_items dl dt, .container.checkout section.with_header.line_items dl dd, .container.checkout section.with_header.summary dl dt, .container.checkout section.with_header.summary dl dd {
    margin: 0;
    padding: 5px 0
    }
.container.checkout section.with_header.line_items dl dt, .container.checkout section.with_header.summary dl dt {
    clear: left;
    float: left;
    width: 70%
    }
.container.checkout section.with_header.line_items dl dd, .container.checkout section.with_header.summary dl dd {
    float: right;
    width: 30%;
    text-align: right;
    font-weight: bold
    }
.container.checkout section.with_header.line_items dl.items ul, .container.checkout section.with_header.summary dl.items ul {
    margin: 0;
    padding: 0;
    padding-left: 20px
    }
.container.checkout section.with_header.line_items .hint, .container.checkout section.with_header.summary .hint {
    color: #999;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
.container.checkout section.with_header.line_items .notice {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center
    }
.container.checkout #main_form section.with_header.line_items .hint.salestax {
    display: none
    }
.container.checkout #main_form section.with_header.line_items dl.items {
    margin-top: -1px;
    margin-bottom: 15px
    }
.container.checkout #main_form section.with_header.line_items dl.items dt, .container.checkout #main_form section.with_header.line_items dl.items dd {
    padding: 10px 0;
    border-top: 1px dashed #DBDBDB
    }
.container.checkout #main_form section.with_header.line_items dl.items dt:first-of-type, .container.checkout #main_form section.with_header.line_items dl.items dd:first-of-type {
    border: 0
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout #main_form section.with_header.line_items dl.items dt, .container.checkout #main_form section.with_header.line_items dl.items dd {
        width: auto;
        float: none;
        text-align: left;
        padding: 0
        }
    .container.checkout #main_form section.with_header.line_items dl.items dt {
        padding-top: 10px;
        padding-bottom: 5px
        }
    .container.checkout #main_form section.with_header.line_items dl.items dd {
        border-top: 0;
        padding-bottom: 10px
        }
    }
@media only screen and (max-width: 800px) {
    .container.checkout #main_form section.with_header.line_items .notice {
        background-color: #F1F1F1;
        margin: -15px;
        margin-bottom: 0;
        padding: 20px;
        padding-top: 5px;
        color: #999
        }
    .container.checkout #main_form section.with_header.line_items dl.items {
        margin-bottom: 0
        }
    .container.checkout #main_form section.with_header.line_items dl.info {
        color: #999;
        border-top: 1px solid #DBDBDB;
        margin-top: -6px
        }
    .container.checkout #main_form section.with_header.line_items dl.info .total {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #DBDBDB;
        color: #444
        }
    .container.checkout #main_form section.with_header.line_items .content {
        padding-bottom: 40px !important
        }
    .container.checkout #main_form section.with_header.line_items a.edit_items {
        position: absolute;
        bottom: 15px;
        left: 15px
        }
    }
@media only screen and (min-width: 780px) {
    .container.checkout #main_form section.with_header.line_items .notice, .container.checkout #main_form section.with_header.line_items dl.info {
        display: none
        }
    .container.checkout #main_form section.with_header.line_items dl.items {
        border-bottom: 1px solid #DBDBDB;
        padding-bottom: 15px;
        margin-bottom: 15px;
        padding-bottom: 0;
        margin-top: -15px;
        margin-bottom: 10px
        }
    }
.container.checkout aside dl {
    padding: 10px 0
    }
.container.checkout aside dl dt, .container.checkout aside dl dd {
    padding: 5px 0
    }
.container.checkout aside dl.info .subtotal {
    border-top: 1px solid #333
    }
.container.checkout aside dl.info .total {
    color: white;
    font-weight: bold
    }
.container.checkout section.summary dl.items {
    padding: 0;
    margin-top: -1px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    border-bottom: 1px solid #333
    }
.container.checkout section.summary dl.items dt, .container.checkout section.summary dl.items dd {
    padding: 10px 0;
    border-top: 1px dashed #333
    }
.container.checkout aside section.summary a.edit_items {
    display: block;
    padding-top: 10px
    }
.container.checkout aside section.summary dl.info .subtotal {
    display: none
    }
@media only screen and (max-width: 800px) {
    .container.checkout aside section.with_header.line_items {
        display: none
        }
    }
@media only screen and (min-width: 780px) {
    .container.checkout aside section.with_header.line_items header, .container.checkout aside section.with_header.line_items dl.items, .container.checkout aside section.with_header.line_items a:not(.admin) {
        display: none
        }
    .container.checkout aside section.with_header.line_items .notice {
        display: block;
        text-align: center;
        margin-bottom: 0;
        padding: 10px
        }
    .container.checkout aside section.with_header.line_items dl {
        color: white
        }
    .container.checkout aside section.with_header.line_items dl dt, .container.checkout aside section.with_header.line_items dl dd {
        padding-top: 10px
        }
    .container.checkout aside section.with_header.line_items dl.info .total {
        margin-top: 10px;
        border-top: 1px solid #333
        }
    }
.container.checkout section.with_header.payment > header {
    position: relative
    }
.container.checkout section.with_header.payment > header span.secure {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout section.with_header.payment > header span.secure {
        display: none
        }
    }
.container.checkout section.with_header.payment > header span.secure:after {
    display: block;
    content: "";
    width: 14px;
    height: 20px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -66px 0;
    height: 20px;
    width: 14px;
    margin-left: 15px;
    float: right
    }
.container.checkout section.with_header.payment fieldset.credit_card .select_card label {
    display: none !important
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout section.with_header.payment .form_field.credit_card_verification_value {
        margin-bottom: 0
        }
    }
.container.checkout section.with_header.address .billing_is_shipping {
    background-color: #F2F2F7;
    padding: 15px;
    margin-bottom: 20px
    }
.container.checkout section.with_header.address .billing_is_shipping label {
    display: block
    }
.container.checkout #main_form section.with_header.review {
    margin-bottom: 20px
    }
.container.checkout #main_form section.with_header.review .content {
    background-color: #F2F2F7;
    padding: 15px;
    position: relative;
    min-height: 40px
    }
.container.checkout #main_form section.with_header.review .pay-opts {
    text-align: left
    }
.container.checkout #main_form section.with_header.review pre {
    margin-top: 0;
    padding-top: 0;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
.container.checkout #main_form section.with_header.review a {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    color: #FC5359
    }
.container.checkout #main_form section.with_header.review section.shipped > *, .container.checkout #main_form section.with_header.review section.shipped a {
    font-size: 12px
    }
.container.checkout #main_form section.with_header.review section.shipped h5 {
    margin: 0;
    margin-top: 5px
    }
.container.checkout #main_form.pledged section.with_header.review a.edit {
    -webkit-appearance: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 7px 20px 9px 20px;
    height: 40px;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #33344F;
    font-family: DINWeb-Bold;
    text-decoration: none;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    color: #33344F;
    text-decoration: none;
    text-align: center
    }
.container.checkout #main_form:not(.pledged) section.with_header.review .content > a.edit {
    position: absolute;
    top: 10px;
    right: 10px
    }
.container.checkout #main_form:not(.pledged) section.with_header.review .content > a.edit strong {
    display: none
    }
.container.checkout section.with_header.line_items .content:after {
    content: "";
    display: table;
    clear: both
    }
.container.checkout section.with_header.line_items .content .toggle_name {
    float: right
    }
.container.checkout section.with_header.payment .cc-apple-pay {
    display: inline-block
    }
.container.checkout section.with_header.payment img {
    height: 25px
    }
.container.checkout section.with_header.payment .state {
    margin-bottom: 15px
    }
.container.checkout section.with_header.payment .state.declined, .container.checkout section.with_header.payment .state.deficit {
    color: #C94444
    }
.container.checkout section.with_header.confirm {
    background-color: #F2F2F7;
    padding: 15px
    }
.container.checkout section.with_header.confirm .terms label {
    color: #444
    }
.container.checkout section.with_header.confirm .terms a {
    font-weight: bold;
    color: #FC2C33;
    text-decoration: none
    }
.container.checkout section.with_header.confirm .terms a.edit {
    padding-left: 30px
    }
.container.checkout section.with_header.confirm .button.cta, .container.checkout section.with_header.confirm table.summary {
    width: 100%
    }
@media only screen and (min-width: 761px), only screen and (device-width: 810px) {
    .container.checkout section.with_header.confirm .button.cta, .container.checkout section.with_header.confirm table.summary {
        width: 50%
        }
    }
.container.checkout section.with_header.confirm table.summary {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px
    }
.container.checkout section.with_header.confirm table.summary th, .container.checkout section.with_header.confirm table.summary td {
    padding: 0
    }
.container.checkout section.with_header.confirm table.summary th {
    font-weight: normal;
    text-align: left
    }
.container.checkout section.with_header.confirm table.summary th:after {
    content: ":"
    }
.container.checkout section.with_header.confirm table.summary td {
    text-align: right
    }
.container.checkout section.with_header.confirm table.summary td:last-child {
    font-weight: bold
    }
.container.checkout form.amend_email {
    padding: 20px;
    max-width: 600px
    }
.container.checkout section.with_header.disclaimers {
    clear: both;
    color: #999
    }
@media only screen and (min-width: 780px) {
    .container.checkout section.with_header.disclaimers {
        max-width: 600px
        }
    }
.container.checkout section.with_header.disclaimers h1, .container.checkout section.with_header.disclaimers h2 {
    color: #999
    }
.container.checkout section.with_header.disclaimers h2 {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold
    }
.container.checkout table.transactions td, .container.checkout table.transactions th {
    font-size: 12px;
    text-align: left
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout #transactions, .container.checkout #failures {
        display: none
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .checkout .question_mark_tip {
        margin-top: 5px
        }
    }
.content #addresses {
    margin: 30px
    }
.content #addresses input[type=checkbox] {
    float: left;
    margin: 10px 10px 10px 0;
    width: auto
    }
.content #addresses .content {
    background-color: #F2F2F4;
    padding: 15px;
    position: relative;
    min-height: 40px;
    margin: 0 0 15px 0;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px
    }
.container.checkout section.steps ul {
    padding: 0;
    text-align: center
    }
.container.checkout section.steps ul li {
    display: inline-block;
    position: relative;
    width: 30%
    }
.container.checkout section.steps ul li a {
    font-weight: bold;
    text-decoration: none
    }
.container.checkout section.steps ul li .label {
    position: absolute;
    width: 100%;
    bottom: -50%;
    right: -1px
    }
.container.checkout section.steps ul li .number {
    display: inline-block;
    position: relative;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    overflow: hidden;
    line-height: 28px;
    background-color: #DBDBDB;
    color: #C1C1C1;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
    }
.container.checkout section.steps ul li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 4px;
    top: 39%;
    right: 50%;
    background-color: #DBDBDB
    }
.container.checkout section.steps ul li.step_1:before {
    display: none
    }
.container.checkout section.steps ul li.items {
    display: none
    }
.container.checkout section.steps ul li.complete .number {
    text-indent: -1000px;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -127px -103px;
    height: 32px;
    width: 32px
    }
.container.checkout section.steps ul li.complete:before {
    background-color: #999
    }
.container.checkout section.steps ul li.current:before {
    background-color: #999
    }
.container.checkout section.steps ul li.current .number {
    background-color: white;
    color: #FC2C33;
    border: 2px solid #FC2C33
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    .container.checkout section.steps ul li .label {
        display: none
        }
    .container.checkout section.steps ul li:before {
        width: 110%
        }
    .container.checkout section.steps ul li.step_1 .number {
        margin-left: 0
        }
    .container.checkout section.steps ul li.step_1 .number {
        margin-right: 0
        }
    }
.container.checkout section.summary, .container.checkout aside section.line_items {
    background-color: #000024;
    padding: 10px;
    color: white
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    .container.checkout section.summary, .container.checkout aside section.line_items {
        width: 66%
        }
    }
.container.checkout section.summary h1, .container.checkout aside section.line_items h1 {
    color: white;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E8
    }
.container.checkout section.summary a:not(.button), .container.checkout aside section.line_items a:not(.button) {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: black;
    text-decoration: underline;
    color: #FC5359;
    text-decoration: none
    }
.container.checkout section.summary section.shipping, .container.checkout aside section.line_items section.shipping {
    margin-top: 10px
    }
.container.checkout section.summary section.shipping pre, .container.checkout aside section.line_items section.shipping pre {
    font-family: Helvetica, sans-serif;
    margin: 10px 0
    }
.container.checkout section.summary a.button.cta, .container.checkout aside section.line_items a.button.cta {
    display: block;
    margin: 10px
    }
.container.checkout section.summary .express span.or, .container.checkout aside section.line_items .express span.or {
    text-transform: uppercase;
    color: #A7A7B8;
    font-weight: bold;
    text-align: center;
    display: block
    }
.container.checkout section.summary .credit-cards, .container.checkout aside section.line_items .credit-cards {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
    }
#container.container.site.about {
    top: 408px
    }
#container.container.site.about header.main.artists.with_hero:before {
    bottom: 0 !important
    }
#container.container.site.about #main section.locations article.article_card {
    height: auto;
    padding: 10px
    }
#container.container.site.about #main section.locations article.article_card h1 {
    padding: 0
    }
#container.container.site.about #main section.about .copy p a {
    color: #FC2C33;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.5s ease
    }
#container.container.site.about #main section.about .copy p a:hover {
    color: #FC5359
    }
#container.container.site.about #main section#staff {
    clear: both
    }
#container.container.site.about #main section#staff article.exclusive > h1 {
    padding-bottom: 5px;
    margin-bottom: 25px
    }
#container.container.site.about #main section#staff article.exclusive > .image img {
    width: 100%;
    margin-bottom: 10px
    }
#container.container.site.about #main section#staff article.exclusive > h2 {
    text-align: center
    }
#container.container.site.about #main section#staff article.exclusive .image {
    position: initial;
    width: auto
    }
#container.container.site.about #main section#staff article.exclusive .image img {
    max-width: 193px
    }
#container.container.site.about #main aside a.button {
    width: 100%
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container.container.site.about #main section#staff article.exclusive {
        width: 300px;
        padding: 20px;
        margin-left: auto;
        margin-right: auto
        }
    #container.container.site.about #main section.locations {
        height: auto
        }
    #container.container.site.about #main section.locations article.article_card {
        width: 190px;
        height: 130px;
        margin-right: 10px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container.container.site.about #main section#staff article.exclusive .image {
        width: 100%
        }
    #container.container.site.about #main section#staff article.exclusive .image, #container.container.site.about #main section#staff article.exclusive img {
        display: inline-block !important
        }
    }
#container > header.user {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: black;
    margin-bottom: 20px
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container > header.user {
        height: 150px
        }
    }
#container > header.user h1 {
    bottom: 70px
    }
#container > header.user nav#tabs {
    z-index: 3
    }
#container > header.user nav.user {
    position: absolute;
    right: 20px;
    bottom: 90px;
    width: 340px;
    height: 110px;
    display: table;
    background-color: #F1F1F1;
    background-color: rgba(255, 255, 255, 0.3)
    }
#container > header.user nav.user > div {
    display: table-cell;
    vertical-align: middle
    }
@media only screen and (min-width: 761px) and (max-width: 779px) {
    #container > header.user nav.user {
        right: 30px
        }
    }
@media only screen and (max-width: 750px), screen and (width: 810px) {
    #container > header.user nav.user {
        display: none
        }
    }
#container > header.user nav.user img {
    position: relative;
    top: 23px;
    width: 64px;
    height: 64px;
    margin-left: 20px;
    border-radius: 50%;
    border: 2px solid white
    }
#container > header.user nav.user h1 {
    display: inline-block;
    position: relative;
    top: 5px;
    width: 90px;
    margin-left: 10px;
    padding-right: 20px;
    border-right: 1px solid white;
    font-family: DINWeb-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: white
    }
#container > header.user nav.user .stats {
    position: relative;
    right: 5px;
    width: 100px
    }
#container > header.user nav.user .stats a {
    display: block;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: white;
    text-decoration: none;
    margin-top: 5px
    }
body.api_docs #content_header ul#breadcrumb, body.api_main #content_header ul#breadcrumb {
    height: auto;
    list-style: none;
    padding-left: 0
    }
body.api_docs #content_header ul#breadcrumb li, body.api_main #content_header ul#breadcrumb li {
    padding: 0
    }
body.api_docs #content_header ul#breadcrumb li a, body.api_main #content_header ul#breadcrumb li a {
    font-size: 24px;
    padding: 0
    }
body.api_docs aside, body.api_main aside {
    margin: 0 40px
    }
body.api_docs section#content p, body.api_main section#content p {
    margin: 0 0 10px 0
    }
body.api_docs section#content h1, body.api_docs section#content h2, body.api_main section#content h1, body.api_main section#content h2 {
    font-size: 24px;
    margin-bottom: 10px
    }
body.api_docs section#content h2, body.api_main section#content h2 {
    margin-top: 40px
    }
body.api_docs section#content section, body.api_main section#content section {
    margin: 0 auto 20px
    }
body.api_docs section#content section h1, body.api_main section#content section h1 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
    }
body.api_docs table, body.api_main table {
    margin: 15px 0
    }
body.api_docs table caption, body.api_main table caption {
    text-align: left;
    font-size: 24px
    }
body.api_docs table td, body.api_docs table th, body.api_main table td, body.api_main table th {
    padding: 10px;
    text-align: left
    }
body.api_docs table td pre, body.api_docs table th pre, body.api_main table td pre, body.api_main table th pre {
    padding: 0
    }
body.api_docs table th, body.api_docs table td, body.api_main table th, body.api_main table td {
    border-bottom: 1px solid #ddd
    }
body.api_docs code.hljs, body.api_main code.hljs {
    background-color: white;
    margin-left: 20px
    }
body.people nav.info .follow, body.people nav.info .location, body.charities nav.info .follow, body.charities nav.info .location {
    background: none !important
    }
body.people nav.info .location, body.charities nav.info .location {
    padding: 0 0 0 30px !important
    }
body.people nav.info input.smaller, body.charities nav.info input.smaller {
    border-color: white;
    color: white
    }
body.people div.main {
    padding-top: 40px
    }
body.charities.show div.main, body.charities.followers div.main {
    padding-top: 40px
    }
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
    }
.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.pswp img {
    max-width: none
    }
.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }
.pswp--open {
    display: block
    }
.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
    }
.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
    }
.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
    }
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity
    }
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
    }
.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
    }
.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
    }
.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }
.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
    }
.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
    }
.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
    }
.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
    }
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
    }
.pswp__img--placeholder--blank {
    background: #222
    }
.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
    }
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
    }
.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
    }
figure.zoomable .image {
    position: relative;
    display: inline-block
    }
figure.zoomable .image img {
    display: block
    }
figure.zoomable .zoom-icon {
    display: block;
    position: absolute;
    z-index: 10;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x1-s9944e02f6f-17123b1c07d4c1defe277a1750509059cab55c3bb95801a4b20354ce0563093d.png);
    background-position: -171px -22px;
    height: 20px;
    width: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 800;
    text-align: center;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    border: 2px solid rgba(0, 0, 0, 0.5)
    }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    figure.zoomable .zoom-icon {
        background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/x2-s35b1b5563e-cc553192bc7e23ac602980b719ea61172f55dc59b5b9f69c4091083082896474.png);
        background-size: 406.5px 286px;
        background-position: -48px -83px;
        height: 20px;
        width: 20px
        }
    }
figure.zoomable.gif .zoom-icon {
    display: none
    }
.pswp {
    z-index: 1000000;
    color: white
    }
.pswp__button {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: initial;
    padding: 10px;
    border: none
    }
.pswp__button--close {
    right: 0;
    top: 0;
    color: white
    }
.pswp__button--close:after {
    content: "×";
    display: block;
    position: relative;
    font-family: serif;
    font-size: 24px;
    z-index: 100
    }
.pswp__button--arrow--left, .pswp__button--arrow--right {
    top: 50%
    }
.pswp__button--close:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.6);
    margin: 10px 0 0 10px
    }
.pswp__button--arrow--left {
    left: 0
    }
.pswp__button--arrow--left:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: -2px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-left: 5px;
    position: absolute;
    top: 16px;
    left: 10px
    }
.pswp__button--arrow--left:after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: -2px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-left: 5px;
    top: 2px
    }
.pswp__button--arrow--right {
    right: 0
    }
.pswp__button--arrow--right:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: -2px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    top: 16px;
    left: 9px
    }
.pswp__button--arrow--right:after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: -2px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    top: 2px;
    left: -4px
    }
.pswp__ui {
    z-index: 1111550
    }
.pswp__button--zoom, .pswp__button--fs, .pswp__button--share {
    display: none
    }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right {
    display: none
    }
.pswp__counter {
    margin: 20px
    }
.pswp__caption--fake {
    visibility: hidden
    }
.pswp__caption {
    position: absolute;
    bottom: 0;
    width: 100%
    }
.pswp__caption .pswp__caption__center {
    max-width: 400px;
    text-align: center;
    margin: 20px auto
    }
.pswp__item .pswp__img--placeholder {
    background-color: #333
    }
.pswp__item .pswp__img--placeholder:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 48%;
    top: 45%;
    transform: translate;
    border: 5px solid rgba(200, 200, 200, 0.4);
    border-radius: 50%;
    border-right-color: rgba(200, 200, 200, 0.8);
    -webkit-animation: rotate360 1s infinite linear;
    -moz-animation: rotate360 1s infinite linear;
    -ms-animation: rotate360 1s infinite linear;
    -o-animation: rotate360 1s infinite linear;
    animation: rotate360 1s infinite linear
    }
video {
    width: 100%
    }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center
    }
@font-face {
    font-family: VideoJS;
    src: url(../font/2.1.0/VideoJS.eot?#iefix) format("eot")
    }
@font-face {
    font-family: VideoJS;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==") format("woff"), url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=") format("truetype");
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-play-circle:before {
    content: ""
    }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-square:before {
    content: ""
    }
.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-spinner:before {
    content: ""
    }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-share:before {
    content: ""
    }
.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-cog:before {
    content: ""
    }
.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: ""
    }
.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-circle-outline:before {
    content: ""
    }
.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-circle-inner-circle:before {
    content: ""
    }
.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-hd:before {
    content: ""
    }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-facebook:before {
    content: ""
    }
.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-gplus:before {
    content: ""
    }
.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-linkedin:before {
    content: ""
    }
.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-twitter:before {
    content: ""
    }
.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-tumblr:before {
    content: ""
    }
.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-pinterest:before {
    content: ""
    }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: ""
    }
.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-next-item:before {
    content: ""
    }
.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
    }
.vjs-icon-previous-item:before {
    content: ""
    }
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
    }
.video-js:-moz-full-screen {
    position: absolute
    }
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
    }
.video-js[tabindex="-1"] {
    outline: none
    }
.video-js *, .video-js *:before, .video-js *:after {
    box-sizing: inherit
    }
.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
    }
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
    }
.video-js.vjs-16-9 {
    padding-top: 56.25%
    }
.video-js.vjs-4-3 {
    padding-top: 75%
    }
.video-js.vjs-fill {
    width: 100%;
    height: 100%
    }
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
    }
.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
    }
.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
    }
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
    }
.vjs-hidden {
    display: none !important
    }
.vjs-disabled {
    opacity: 0.5;
    cursor: default
    }
.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
    }
.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
    }
.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
    }
.vjs-no-js a, .vjs-no-js a:visited {
    color: #66A8CC
    }
.video-js .vjs-big-play-button {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/d1nvfozp665ptr.cloudfront.net/pipeline/player/16x9_video_play_rb-cb91ed032959d48c8db7bbcfa3816891fff427bf39352c8f1f4b66a4f7838629.png);
    background-repeat: no-repeat;
    background-position: 50% calc(50% - 10px);
    border: none !important;
    box-shadow: none !important
    }
.video-js .vjs-big-play-button:before {
    content: "";
    display: none
    }
.video-js .vjs-big-play-button:hover {
    background-color: transparent;
    opacity: 0.7
    }
.video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none
    }
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    display: block;
    position: absolute;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
    }
.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em
    }
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
    }
.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
    display: none
    }
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
    }
.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
.vjs-control .vjs-button {
    width: 100%;
    height: 100%
    }
.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2
    }
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
    box-sizing: content-box
    }
.video-js .vjs-modal-dialog > * {
    box-sizing: border-box
    }
.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
    }
.vjs-menu-button {
    cursor: pointer
    }
.vjs-menu-button.vjs-disabled {
    cursor: default
    }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
    }
.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
    box-sizing: content-box
    }
.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box
    }
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
    }
.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
    }
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
    }
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
    }
.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default
    }
.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
    }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
    }
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
    }
.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden
    }
.video-js .vjs-menu-button-inline:before {
    width: 2.222222em
    }
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
    }
.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
    }
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
    }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
    }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
    }
.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
    }
.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
    }
.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -ms-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s
    }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
    }
.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
    display: none !important
    }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
    }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
    }
.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
    }
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
    }
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
    text-shadow: 0 0 1em white
    }
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
    }
.video-js .vjs-custom-control-spacer {
    display: none
    }
.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
    }
.video-js .vjs-progress-control.disabled {
    cursor: default
    }
.vjs-live .vjs-progress-control {
    display: none
    }
.vjs-no-flex .vjs-progress-control {
    width: auto
    }
.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em
    }
.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
    }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666667em
    }
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
    }
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
    }
.video-js .vjs-play-progress {
    background-color: #fff
    }
.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333em;
    z-index: 1
    }
.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, 0.5)
    }
.video-js .vjs-load-progress div {
    background: white;
    background: rgba(115, 133, 159, 0.75)
    }
.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: relative;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
    }
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
    }
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible
    }
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
    }
.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
    }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
    }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
    }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
    }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
    }
.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
    }
.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
    }
.video-js .vjs-slider.disabled {
    cursor: default
    }
.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
    }
.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 3em
    }
.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
    }
.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
    }
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
    }
.video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s
    }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em
    }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s
    }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
    }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
    }
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
    }
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em
    }
.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
    }
.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em
    }
.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em
    }
.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto
    }
.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
    }
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em
    }
.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em
    }
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
    }
.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em
    }
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
    }
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
    }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
    }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
    }
.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7)
    }
.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
    }
.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
    }
.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
    }
.vjs-has-started .vjs-poster {
    display: none
    }
.vjs-audio.vjs-has-started .vjs-poster {
    display: block
    }
.vjs-using-native-controls .vjs-poster {
    display: none
    }
.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
    }
.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
    }
.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
    }
.vjs-live .vjs-time-control {
    display: none
    }
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
    display: none
    }
.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
    width: 0 !important;
    white-space: nowrap
    }
.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
    display: none
    }
.vjs-time-divider {
    display: none;
    line-height: 3em
    }
.vjs-live .vjs-time-divider {
    display: none
    }
.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
    }
.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
    }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
    }
.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5)
    }
.vjs-subtitles {
    color: #fff
    }
.vjs-captions {
    color: #fc6
    }
.vjs-tt-cue {
    display: block
    }
video::-webkit-media-text-track-display {
    -moz-transform: translatey(-3em);
    -ms-transform: translatey(-3em);
    -o-transform: translatey(-3em);
    -webkit-transform: translatey(-3em);
    transform: translatey(-3em)
    }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translatey(-1.5em);
    -ms-transform: translatey(-1.5em);
    -o-transform: translatey(-1.5em);
    -webkit-transform: translatey(-1.5em);
    transform: translatey(-1.5em)
    }
.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
    }
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
    }
.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
    }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
    }
.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
    }
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
    }
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: 0s linear 0.3s forwards vjs-spinner-show
    }
.vjs-loading-spinner:before, .vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
    }
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
    }
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
    }
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s
    }
@keyframes vjs-spinner-show {
    to {
        visibility: visible
        }
    }
@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
        }
    }
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
        }
    }
@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
        }
    }
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
        } 20% {
        border-top-color: #73859f
        } 35% {
        border-top-color: white
        } 60% {
        border-top-color: #73859f
        } 100% {
        border-top-color: #73859f
        }
    }
@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
        } 20% {
        border-top-color: #73859f
        } 35% {
        border-top-color: white
        } 60% {
        border-top-color: #73859f
        } 100% {
        border-top-color: #73859f
        }
    }
.vjs-chapters-button .vjs-menu ul {
    width: 24em
    }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    position: absolute
    }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
    }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
    }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
    }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
    }
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none
    }
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none
    }
.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
    }
.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
    }
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
    }
.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
    }
.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
    }
.vjs-text-track-settings fieldset span {
    display: inline-block;
    margin-left: 5px
    }
.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
    }
.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
    }
.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
    }
.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
    }
.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px
    }
.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
    }
@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
        }
    }