@charset "UTF-8";
*, *::before, *::after { box-sizing: border-box; }

html { height: 100%; }

body { font-size: 12px; font-family: "Roboto", sans-serif; font-weight: 300; color: #ddd; background: #000000; }

a, a:visited, a:hover, a:active { text-decoration: none; color: red; font-weight: 300; }

h1, h2, h3, h4, h5 { text-transform: uppercase; margin: 0 0 10px 0; font-weight: 900; color: red; line-height: 1; }

h1 a, h1 a:visited, h1 a:hover, h1 a:active, h2 a, h2 a:visited, h2 a:hover, h2 a:active, h3 a, h3 a:visited, h3 a:hover, h3 a:active, h4 a, h4 a:visited, h4 a:hover, h4 a:active, h5 a, h5 a:visited, h5 a:hover, h5 a:active { font-weight: 900; color: red; }

h1 a:hover, h1 a:visited:hover, h1 a:hover:hover, h1 a:active:hover, h2 a:hover, h2 a:visited:hover, h2 a:hover:hover, h2 a:active:hover, h3 a:hover, h3 a:visited:hover, h3 a:hover:hover, h3 a:active:hover, h4 a:hover, h4 a:visited:hover, h4 a:hover:hover, h4 a:active:hover, h5 a:hover, h5 a:visited:hover, h5 a:hover:hover, h5 a:active:hover { color: white; font-weight: 900; }

h1 { font-size: 31px; }

h2 { font-size: 25px; }

h3 { font-size: 21px; }

h4 { font-size: 16px; }

h5 { font-size: 12px; }

p { margin: 0 0 10px 0; }

button { border: none; outline: none; padding: 0; margin: 0; }

#wrapper { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: no-repeat center center fixed; background-size: cover; min-height: 100%; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; }

body.open #wrapper { -webkit-transform: translateX(-250px); transform: translateX(-250px); }

/* spinner from http://tobiasahlin.com/spinkit/ */
#spinner { text-align: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 10000; }

#spinner .wrapper { position: absolute; left: 50%; top: 50%; margin: -140px 0 0 -140px; width: 280px; height: 280px; }

#spinner .wrapper .center { position: absolute; z-index: 10; left: 50%; top: 50%; }

#spinner .wrapper .logo { width: 54px; height: 61px; background: url("/img/spinner-logo.png") center no-repeat; background-size: contain; margin: -27px 0 0 -30px; position: absolute; z-index: 10; }

#spinner .wrapper .bounce { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-color: white; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; z-index: 10; -webkit-transform-origin: center; transform-origin: center; }

#spinner .wrapper .bounce.bounce1 { top: -80px; left: 0; -webkit-animation-delay: -1.28s; animation-delay: -1.28s; }

#spinner .wrapper .bounce.bounce2 { top: -60px; left: 60px; -webkit-animation-delay: -1.12s; animation-delay: -1.12s; }

#spinner .wrapper .bounce.bounce3 { left: 80px; top: 0; -webkit-animation-delay: -0.96s; animation-delay: -0.96s; }

#spinner .wrapper .bounce.bounce4 { left: 60px; top: 60px; -webkit-animation-delay: -0.80s; animation-delay: -0.80s; }

#spinner .wrapper .bounce.bounce5 { -webkit-animation-delay: -0.64s; animation-delay: -0.64s; top: 80px; left: 0; }

#spinner .wrapper .bounce.bounce6 { top: 60px; left: -60px; -webkit-animation-delay: -0.48s; animation-delay: -0.48s; }

#spinner .wrapper .bounce.bounce7 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; left: -80px; top: 0; }

#spinner .wrapper .bounce.bounce8 { left: -60px; top: -60px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }

/* end of spinner */
#content { height: calc(100vh - 40px - 20px); overflow: auto; position: relative; padding: 5px; }

#content.fullscreen { overflow: hidden; padding: 0; }

#content > .content { width: 100%; height: calc(100vh - 40px - 20px - 40px); position: relative; -webkit-transition: .3s all; transition: .3s all; overflow: auto; padding: 10px; }

@media (min-width: 768px) { #content > .content.show { width: 70%; } }

#content > .menu { height: 40px; background: black; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

#content > .menu::after { content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: white; display: block; position: absolute; }

#content > .menu .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

#content > .menu .info > img { width: 58px; -ms-flex-item-align: center; align-self: center; }

#content > .menu .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#content > .menu .list > span { display: -webkit-box; display: -ms-flexbox; display: flex; }

#content > .menu a { display: -webkit-box; display: -ms-flexbox; display: flex; color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; cursor: pointer; }

#content > .menu a i { font-size: 18px; margin-right: 5px; }

#content > .menu a span { display: none; }

@media (min-width: 480px) { #content > .menu a span { display: inline; } }

#content > .menu a.active { color: red; }

#content > .listmenu { position: absolute; z-index: 1000; right: -70%; bottom: 0; width: 70%; background: black; height: calc(100vh - 40px - 20px - 40px); -webkit-transition: all .3s; transition: all .3s; overflow: auto; border-left: 1px solid white; }

#content > .listmenu.show { right: 0; }

#content > .listmenu .header { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid white; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#content > .listmenu .header a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid white; cursor: pointer; }

#content > .listmenu .header a.active { background: white; }

#content > .listmenu .header a:last-child { border-right: none; }

#content > .listmenu .header a.close { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; color: white; font-size: 18px; }

#content > .listmenu .scroll { padding: 10px; }

@media (min-width: 480px) and (max-width: 767px) { #content > .listmenu { right: -50%; width: 50%; } }

@media (min-width: 768px) { #content > .listmenu { width: 30%; } }

a.gradient-button, .gradient-button { display: inline-block; text-transform: uppercase; background: white; color: black; text-align: center; font-weight: 900; padding: 4px 6px; cursor: pointer; }

a.gradient-button-tiny, .gradient-button-tiny { padding: 2px 4px; font-size: 10px; }

a.gradient-button-small, .gradient-button-small { padding: 2px 4px; font-size: 10px; }

a.gradient-button-medium, .gradient-button-medium { font-size: 21px; padding: 6px 12px; }

a.gradient-button-large, .gradient-button-large { padding: 10px 16px; font-size: 31px; }

a.gradient-button-inactive, .gradient-button-inactive { background: #8d8d8d; }

a.gradient-button-upload, .gradient-button-upload { position: relative; }

a.gradient-button-upload input, .gradient-button-upload input { position: absolute; z-index: 1; opacity: 0; left: 0; top: 0; }

a.gradient-button.active, a.gradient-button:hover, .gradient-button.active, .gradient-button:hover { background: red; }

a.gradient-button-block, .gradient-button-block { display: block; width: 100%; }

a.outline-button, .outline-button { display: inline-block; text-transform: uppercase; border: 1px solid red; border-radius: 5px; text-align: center; font-weight: 900; padding: 4px 12px; cursor: pointer; color: white; }

a.outline-button-tiny, .outline-button-tiny { padding: 2px 6px; font-size: 10px; border-radius: 2px; }

a.outline-button-small, .outline-button-small { padding: 2px 6px; font-size: 10px; border-radius: 2px; }

a.outline-button-medium, .outline-button-medium { font-size: 21px; padding: 6px 16px; border-radius: 4px; }

a.outline-button-large, .outline-button-large { padding: 10px 22px; font-size: 31px; border-radius: 6px; }

a.outline-button-block, .outline-button-block { display: block; width: 100%; }

a.outline-button:hover, .outline-button:hover { color: red; border-color: #333; }

a.outline-button.dot::after, .outline-button.dot::after { font-size: 14px; }

a.outline-button.next::after, .outline-button.next::after { content: "▶"; position: absolute; right: 5px; top: -2px; }

.pull-right { float: right; }

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

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

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.dot::after { content: "."; color: white; font-family: "arial", Helvetica, sans-serif; }

.gradient-divider-centered { background: transparent; background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(38%, rgba(255, 255, 255, 0.5)), color-stop(71%, rgba(255, 255, 255, 0.5)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.5) 38%, rgba(255, 255, 255, 0.5) 71%, transparent 100%); background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.5) 38%, rgba(255, 255, 255, 0.5) 71%, transparent 100%); filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1)"; height: 1px; }

h1 + .gradient-divider { margin-top: -7px; margin-bottom: 9px; }

h3 + .gradient-divider { margin-top: -2px; }

h2 + .gradient-divider-centered { margin-top: -3px; }

.highlight { color: white; }

.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

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

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */
.columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; margin-right: -15px; }

.columns .column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; padding-right: 15px; }

#top-nav { background: white; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10000; height: 40px; }

#top-nav .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; text-transform: uppercase; font-weight: bold; margin-right: 8px; }

@media (max-width: 768px) { #top-nav .link.link-page { display: none; } }

#top-nav .logo { padding-left: 10px; position: relative; }

#top-nav .logo img { height: 20px; }

#top-nav .logo span { padding-left: 10px; }

#top-nav .search { position: absolute; z-index: 1; right: 40px; top: 7px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

#top-nav .search input { background: transparent; box-shadow: none; border: 1px solid #ccc; }

@media all and (max-width: 480px) { #top-nav .search input { display: none; } }

#top-nav .search a { position: absolute; z-index: 1; right: 3px; top: 4px; font-size: 14px; color: black; background: white; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; cursor: pointer; }

#top-nav .search.show { background: white; }

#top-nav .search.show input { display: block; }

#top-nav .menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position: fixed; z-index: 10; right: -250px; top: 0; height: 100%; background: white; display: block; padding: 20px; overflow: auto; width: 250px; }

#top-nav .menu > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#top-nav .menu > div a { color: rgba(0, 0, 0, 0.5); display: block; padding: 5px 0; font-size: 20px; color: black; line-height: 1; }

#top-nav .menu > div a span { font-weight: 300; font-size: 12px; display: block; }

#top-nav .menu > div a.active, #top-nav .menu > div a:hover { color: red; }

#top-nav .menu > div a.open { top: 0%; }

#top-nav .menu > div a .sep { display: none; }

#top-nav .menu > div span { font-weight: 900; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; font-size: 12px; }

#top-nav .menu > div span .balance { color: black; border: 1px solid black; padding: 0 3px; }

#top-nav .menu .sep { margin: 0 8px; font-size: 20px; display: none; }

@media (min-width: 480px) { #top-nav .menu .page { display: none; } }

#top-nav button { font-family: sans-serif; display: block; position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: transparent; line-height: 40px; font-size: 27px; outline: none; z-index: 20; color: black; }

.authentication { padding: 15px 20px; }

.authentication h2 { font-size: 18px; color: red; margin-bottom: 20px; }

.authentication h3 { font-size: 14px; margin-bottom: 10px; }

.authentication h3 span { color: red; }

.authentication label { cursor: pointer; }

.authentication .form-groups { width: 50%; }

@media all and (max-width: 768px) { .authentication .form-groups { width: 100%; } }

.authentication .form-groups .form-control { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.authentication .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.authentication .form-group label { width: 120px; text-transform: uppercase; font-weight: 900; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.authentication .coin-name { text-transform: uppercase; }

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

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

.authentication__step { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; margin: 0 0 10px 0; position: relative; }

@media all and (max-width: 768px) { .authentication__step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.authentication__step::after { content: ' '; display: block; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+20,0.7+80,0+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)"; /* IE6-9 */ }

.authentication__step-number { width: 80px; }

.authentication__step-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media all and (max-width: 768px) { .authentication__step-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.authentication__step-content-option { margin-right: 20px; }

.authentication__step-content-option-select { display: -webkit-box; display: -ms-flexbox; display: flex; }

.authentication__step-content-option-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; }

.authentication__step-content-option-radio label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; }

.authentication__step-content-option-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.authentication__step-content-option-input input { -webkit-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; }

.authentication__step-content-option-input input.is-selected { opacity: 1; }

.authentication__step-content-option-input h3 { margin-bottom: 0; }

.authentication__step-content-tribes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.authentication__step-content-tribes a { cursor: pointer; display: block; width: 130px; height: 150px; border: 3px solid transparent; position: relative; background-size: cover; background-position: center; margin: 0 10px 21px 0; }

.authentication__step-content-tribes a.is-selected { border-color: red; }

.authentication__terms-content { margin-left: 80px; margin-bottom: 20px; font-size: 11px; }

@media all and (max-width: 768px) { .authentication__terms-content { margin-left: 0; } }

.authentication__terms-content-scroller { border: 1px solid rgba(255, 255, 255, 0.7); padding: 10px 10px 0px 10px; position: relative; height: 120px; overflow-y: hidden; width: 50%; }

@media all and (max-width: 768px) { .authentication__terms-content-scroller { width: 100%; } }

.authentication__terms-content p { padding: 0; margin: 0 0 5px 0; }

.authentication__terms-agreement { margin-left: 80px; margin-bottom: 20px; }

.authentication__terms-agreement .error { text-align: left; }

.authentication__terms-agreement label { font-size: 16px; }

@media all and (max-width: 768px) { .authentication__terms-agreement { margin-left: 0; } }

.authentication__submit { margin-left: 80px; }

@media all and (max-width: 768px) { .authentication__submit { margin-left: 0; } }

.comments-post { position: relative; }

.comments-post textarea { height: 60px; }

.comments-post button { position: absolute; z-index: 10; right: 5px; bottom: 7px; }

.comments-list > ul { list-style-type: none; padding: 0; }

.comments-list > ul > li { margin-bottom: 30px; }

.comments-list article { margin-left: 90px; overflow: hidden; }

.comments-list .avatar { max-width: 114px; max-height: 111px; position: relative; text-transform: uppercase; font-weight: 900; font-size: 12px; float: left; }

.comments-list .avatar img { max-width: 83px; max-height: 82px; }

.comments-list .avatar span { position: absolute; bottom: 3px; left: 9px; }

.comments-list h2 { margin-top: -13px; }

.comments-list h2 .ago { float: right; font-size: 10px; text-transform: none; margin-top: 13px; font-weight: normal; }

.comments-list article > a { float: right; width: 91px; height: 18px; font-size: 12px; line-height: 18px; }

.comments-list-compact .user-thumb img, .comments-list-compact dc-user-avatar > img { width: 30px; min-height: 30px; max-height: 60px; float: left; margin-right: 8px; }

.comments-list-compact > div > p { position: relative; padding-right: 65px; }

.comments-list-compact span.ago { position: absolute; bottom: 0; right: 0; color: white; }

.comments-list-compact .user-link { text-transform: uppercase; color: red; font-size: 12px; font-weight: 900; text-decoration: none; }

.comments-list-compact .gradient-divider { clear: both; margin-top: 5px; margin-bottom: 5px; }

.comments-list-compact .location { color: white; font-weight: 900; }

dc-tip { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; height: 25px; text-transform: uppercase; }

dc-tip > span { line-height: 25px; }

dc-tip > span:first-child { margin-right: 10px; }

dc-tip > span:last-child { margin-left: 10px; }

dc-tip input.form-control { width: 50px; margin-right: 10px; }

.battles { display: -webkit-box; display: -ms-flexbox; display: flex; }

.battles > .main { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding-right: 10px; }

.battles > .comments { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.battle-score { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; }

.battle-score dc-user-thumb-labelled a { width: 130px; height: 130px; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.battle-score dc-user-thumb-labelled a span { width: 100%; }

@media all and (max-width: 768px) { .battle-score dc-user-thumb-labelled a { width: 70px; height: 70px; } }

.battle-score .vs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.battle-score .vs .top { font-size: 46px; text-align: center; font-weight: 900; }

@media all and (max-width: 768px) { .battle-score .vs .top { font-size: 24px; } }

.battle-score .vs .gradient-divider { margin: 10px 0; }

.battle-score .vs .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.battle-score .vs .bottom .button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 768px) { .battle-score .vs .bottom .button .gradient-button { font-size: 18px; padding: 4px 6px; } }

.battle-score .vs .bottom .sector-logo { width: 76px; }

.battle-score .vs .bottom .sector-logo span.name { display: none; }

@media all and (max-width: 768px) { .battle-score .vs .bottom .sector-logo { display: none; } }

@media all and (max-width: 768px) { .battles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.battles-view-main .content-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #000000; }

.battles-view-main .content-items > dc-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.battles-view-main .content-items > dc-content iframe { width: 100%; }

.battles-view-main .scores { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 20px; }

.battles-view-main .scores .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.battles-view-main .scores .button a { font-size: 22px; }

.battles-view-main .scores .button input { margin-top: 5px; width: 50%; text-align: center; }

.battles-view-main .scores .button .amount { padding-top: 5px; font-size: 14px; text-transform: uppercase; text-align: center; }

.battles-view-main .scores .vs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 24px; text-align: center; font-weight: 900; }

.battles-view-main .scores .vs .countdown { font-size: 18px; margin-top: 10px; text-align: center; }

.battles-view-main .scores .vs .countdown .border { display: inline-block; border: 1px solid white; padding: 5px 10px; }

.battles-view-main .scores .vs .countdown .border .ends { text-transform: uppercase; font-size: 11px; font-weight: normal; }

.battles-view-main .scores .vs .countdown .border .timer { font-size: 18px; }

.battles-view-main .battlers { margin-bottom: 20px; }

@media all and (min-width: 768px) { .battles-view-main .battlers { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.battles-view-main .battlers dc-user-summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.battles-view-main .battlers dc-user-summary:first-child > article { float: right; }

.battles-view-main .battlers .user-summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.battles-view-main + h1 a { float: right; }

.battles-view textarea { margin: 8px 0; height: 55px; width: 86%; resize: none; color: #666; }

.death-match-finals { display: -webkit-box; display: -ms-flexbox; display: flex; }

.death-match-finals > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.death-match-finals .about { padding-right: 10px; text-align: center; }

.death-match-finals .about h2 { text-align: left; }

.death-match-finals .about p { text-align: justify; }

.death-match-finals .auditions { padding-right: 10px; }

.death-match-finals .auditions .ps-container { right: 10px; }

.death-match-finals .auditions h3 { white-space: nowrap; overflow: hidden; }

@media all and (max-width: 768px) { .death-match-finals .auditions { height: 500px; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 10px; } }

.death-match-finals h3 small { color: white; float: right; font-size: 11px; line-height: 11px; display: block; margin-top: 10px; }

.death-match-finals video { width: 100%; }

.death-match-finals .story { width: 25%; float: left; padding: 10px; }

.death-match-finals .story h5 a { color: red; }

.death-match-finals .contestants > .scroller { top: 67px; }

.death-match-finals .contestants > .scroller > div:first-child { margin-top: -19px; }

.death-match-finals .contestants a { padding: 0 10px; position: relative; font-size: 0; display: inline-block; width: 25%; margin-top: 22px; }

.death-match-finals .contestants img { width: 100%; }

.death-match-finals .contestants h5 { position: absolute; bottom: 0; padding: 0 3px; width: 80%; /*to make ellipsis work*/ }

.death-match-finals .contestants .search-box { margin-top: 6px; }

.death-match-finals .contestants .in-heading-select { top: 6px; }

@media all and (max-width: 768px) { .death-match-finals .contestants { height: 500px; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 10px; } }

@media all and (max-width: 768px) { .death-match-finals { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

#balance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 50px; right: 60px; opacity: 0; -webkit-transition: opacity 250ms; transition: opacity 250ms; z-index: 1000; }

#balance.show { opacity: 1; }

#balance > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: rgba(146, 146, 146, 0.97); padding: 0 15px 50px; width: 100%; }

#balance > div:nth-child(1) { background: rgba(110, 110, 110, 0.97); margin-right: 20px; }

#balance h3 span { color: #ff5c00; }

#balance h3 { margin-top: 19px; }

#balance > div > h1 + .gradient-divider + h3 { margin-top: 11px; }

#balance .gradient-divider { margin-top: 30px; }

#balance h1 + .gradient-divider { margin-top: -5px; }

#balance .you-have-won { font-size: 24px; line-height: 26px; text-transform: uppercase; margin-top: 7px; }

#balance button.close { position: absolute; right: -40px; top: 0; }

@media all and (min-width: 865px) { #balance { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  #balance > div { width: 373px; } }

#carousel { width: 100%; }

#carousel img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; padding: 20px; }

@media all and (max-width: 697px) { #carousel img { width: 100%; } }

span.rn-carousel-control::before { content: "" !important; }

span.rn-carousel-control-prev { width: 0; height: 0; border-style: solid; border-width: 50px 50px 50px 0; border-color: transparent #d04500 transparent transparent; }

span.rn-carousel-control-next { width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 50px; border-color: transparent transparent transparent #d04500; }

.content-slider { font-size: 0; padding: 6px 0 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-slider img { height: 50px; cursor: pointer; border: 1px solid transparent; margin-right: 14px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.content-slider img:last-child { margin-right: 0; }

.content-slider .active, .content-slider img:hover { border: 1px solid #ff5c00; -webkit-filter: none; filter: none; }

.content-slider > article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; }

.content-slider > a:first-child { width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #ff5e00 transparent transparent; margin-right: 27px; }

.content-slider > a:last-child { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #ff5e00; margin-left: 27px; }

dc-user-summary.rhs .user-summary > div:first-child { padding-left: 0; padding-right: 110px; }

dc-user-summary.rhs .user-summary a.user-thumb { left: auto; right: 0; }

.feed article { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.feed article > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.feed article aside { width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.feed article aside > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; }

.feed h3 { font-size: 14px; }

.feed h3 span { text-transform: none; font-weight: 300; }

.feed h3 > span { float: right; }

.feed h3 span span, .feed h3 span a { color: #d04500; font-weight: 900; }

.feed .user-thumb > img { width: 70px; }

.feed aside > span { font-weight: 900; text-transform: uppercase; }

.feed aside button { width: 100%; overflow: hidden; }

.feed + .comments-post { margin-top: 10px; margin-left: 20%; }

.feed .feed-comment { margin-left: 60px; margin-top: 0; position: relative; min-height: 62px; }

.feed-comment .user-thumb { position: absolute; top: 6px; left: 0; }

.feed-comment .user-thumb img { width: 40px; }

.feed-comment .user-thumb + span { position: absolute; top: 48px; left: 0; color: #ff5e00; width: 42px; }

.feed-comment p { padding: 6px 0 0 49px; margin: 0; }

.feed-comment + .gradient-divider { margin: 4px 0 0 60px; }

.feed-comment .comment { padding: 6px 0 0 49px; margin: 0; }

.feed-comment .comment p { padding: 0; margin: 0; }

.feed dc-content { width: 180px; display: block; }

.feed .video .play { width: 33px; height: 33px; }

dc-radio input, dc-checkbox input { display: none; }

dc-radio input + span, dc-checkbox input + span { width: 14px; height: 14px; display: inline-block; cursor: pointer; margin-right: 8px; position: relative; }

dc-radio input + span:after, dc-checkbox input + span:after { content: ''; left: 0; top: 0; width: 14px; height: 14px; border-radius: 7px; background: white; position: absolute; border: 1px solid red; }

dc-radio input:checked + span:after, dc-checkbox input:checked + span:after { background: red; }

dc-radio label, dc-checkbox label { text-transform: uppercase; font-weight: 900; font-size: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

form div.error { color: red; padding-bottom: 12px; }

.dc-select { text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: none; padding: 0 6px; background-color: white; color: white; outline: none; }

.orange { color: red; }

.right { text-align: right; }

.center { text-align: center; }

img.responsive { max-width: 100%; height: auto; }

.player-count { color: #ff5c00; }

button.close { background: white; width: 30px; height: 30px; position: relative; }

button.close:after { content: '×'; position: absolute; z-index: 10; left: 50%; top: 50%; color: black; font-size: 18px; line-height: 18px; font-weight: bold; margin: -10px 0 0 -4px; }

.display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.home-screen { text-align: center; padding: 35px; max-width: 820px; margin: 0 auto; }

.home-screen > img { margin-bottom: 13px; }

.home-screen .login-buttons { padding-top: 30px; }

.home-screen .login-buttons > img { cursor: pointer; }

.home-screen p { text-transform: uppercase; font-size: 21px; line-height: 24px; margin: 0; }

.home-screen .gradient-divider-centered { max-width: 650px; margin: 10px auto; padding: 0 20px; }

.home-screen h1 { margin: 49px 0 9px 0; font-size: 24px; }

.home-screen .buttons { margin-top: 50px; }

.home-screen .buttons p { margin-bottom: 15px; }

.home-screen .button { color: white; background: #CFCECF; border: none; border-radius: 4px; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 0px 30px; margin: 0; height: 36px; line-height: 38px; }

.home-screen input[type='image'] { vertical-align: middle; }

.home-screen .connect { font-size: 14px; text-transform: none; line-height: normal; }

.in-heading-select { position: absolute; right: 10px; top: 23px; font-weight: 900; font-size: 14px; text-transform: none; }

.in-heading-select select { margin-left: 5px; }

.in-heading-subtitle { font-size: 21px; font-weight: 300; display: inline-block; }

h3 .in-heading-subtitle { font-size: 18px; }

.my-tokens > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.my-tokens .user-card { margin: 5px 5px 5px 15px; width: 370px; }

.my-tokens dc-user-preview { left: -150px; }

.options { padding: 25px; max-width: 1400px; margin: 0 auto; }

@media all and (min-width: 800px) { .options section { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .options section > article { -webkit-box-flex: 1; -ms-flex: 1 45%; flex: 1 45%; padding-right: 40px; }
  .options section > aside { -webkit-box-flex: 1; -ms-flex: 1 55%; flex: 1 55%; } }

.options > header { display: inline-block; margin-bottom: 20px; }

.options header h1 { font-size: 30px; }

.options h2 { font-size: 24px; }

.options article h2 > span { color: red; }

.options article p { text-transform: uppercase; font-size: 18px; }

.options aside p { margin: 0; }

.options > section + div.gradient-divider-centered { margin: 20px 0; }

.options section:nth-of-type(1) aside > div { position: relative; min-height: 95px; padding: 20px 0 0 83px; }

.options section:nth-of-type(1) aside > div > img { position: absolute; left: 0; top: 0; }

.options section:nth-of-type(1) aside > div > div:last-of-type { color: #4DD735; }

.options section:nth-of-type(2) aside > div { position: relative; min-height: 140px; padding: 18px 0 0 107px; }

.options section:nth-of-type(2) aside > div > img { position: absolute; top: 0; left: 0; }

.options section:nth-of-type(3) aside > div, .options section:nth-of-type(4) aside > div, .options section:nth-of-type(6) aside > div, .options section:nth-of-type(7) aside > div { display: -webkit-box; display: -ms-flexbox; display: flex; }

.options section:nth-of-type(3) aside p, .options section:nth-of-type(4) aside p, .options section:nth-of-type(6) aside p { -ms-flex-item-align: center; align-self: center; }

.options section:nth-of-type(5) aside img { float: left; }

.options section:nth-of-type(5) aside p { clear: both; }

@media all and (min-width: 650px) { .options section:nth-of-type(5) aside p { padding-left: 253px; clear: none; } }

.options section:nth-of-type(7) aside img { -ms-flex-item-align: center; align-self: center; margin-right: 10px; }

.ccard { background-size: auto 50%; background-repeat: no-repeat; background-position-x: 98%; background-position-y: 50%; }

.visa { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }

.amex { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4="); }

.mastercard { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }

.discover { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4="); }

.scroller { position: absolute; left: 0; right: 0; top: 50px; bottom: 0; }

.search-box input + span { font-weight: 900; color: white; }

#set-price ul { list-style-type: none; padding: 0; margin: 0; }

.settings { padding: 20px; }

.settings form > button { margin-top: 20px; }

.social { font-size: 0; text-align: right; /*margin-top: 4px;*/ }

.social > a { background: url(/img/social.png) no-repeat; width: 25px; height: 25px; text-indent: -9999px; display: inline-block; margin: 0px 2px 0; }

.social > a[socialshare-provider="twitter"] { background-position: -25px 0; }

.social a:last-child { background-position: -50px 0; }

.the-future { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 41px; }

.the-future > div { margin-bottom: 50px; }

.the-future > div:last-child { text-align: center; }

.the-future h1 { margin: 21px 0 41px 0; }

.the-story h1 { font-size: 41px; line-height: 48px; }

.the-story .gradient-divider-centered + p { margin-top: 3px; }

.the-story > article { margin: 40px -10px; }

.the-story > article p, .the-story > article li { font-size: 14px; }

.the-story > article > div { padding: 10px; margin: 0 10px; }

.the-story > article > div:first-child p { text-transform: none; }

.the-story > article > div:last-child { text-transform: uppercase; }

.the-story > article > div h3 { margin-bottom: 16px; }

.the-story h3 span { color: red; }

.the-story article p { text-transform: none; }

@media all and (min-width: 768px) { .the-story > article { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .the-story > article > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.token-selector { font-size: 14px; font-weight: 900; text-align: right; height: 170px; width: 185px; background: rgba(0, 0, 0, 0.9); padding: 7px 9px; position: relative; opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; }

.token-selector.hide { opacity: 0; visibility: hidden; }

.token-selector h1 { font-size: 14px; text-align: center; }

.token-selector h1 span { color: #ff5c00; }

.token-selector .grid > div { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 2px; }

.token-selector .grid > div > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.token-selector .grid > div > div:first-child { padding-right: 7px; }

.token-selector .grid > div > div:first-child span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.token-selector .grid > div.active > div:first-child span, .token-selector .grid > div > div:first-child span:hover { border: 1px solid #ff5c00; border-radius: 2px; padding: 1px 4px; margin-right: -5px; cursor: pointer; }

.token-selector .grid > div > div:last-child span { font-size: 9px; }

.token-selector .grid > div > div:last-child { color: red; }

.token-selector input { width: 38px; border: none; color: #00000a; text-align: right; padding: 0 4px; margin-right: -3px; }

.token-selector button { margin-top: 5px; }

.token-selector .close { position: absolute; top: 0; right: 5px; }

.vimeo-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.vimeo-embed-container iframe, .vimeo-embed-container object, .vimeo-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video { position: relative; }

.video video { width: 100%; }

.video > article { width: 100%; background: rgba(0, 0, 0, 0.5); padding: 5px; }

button.play { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 80px; height: 80px; margin: auto; background: url(/img/video-play.png) no-repeat; background-size: contain; text-indent: -9999px; outline: none; }

dc-content.playing button.play { display: none; }

dc-director-content-preview { display: inline-block; }

dc-content-preview img { width: 100%; }

dc-content-preview > a, dc-director-content-preview > a { position: relative; display: block; }

label.browse { width: 100px; }

label.browse > input[type=file] { display: none; }

.users-list { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.users .users-list > h1 { position: relative; }

.users .users-list > h1 .search-box { position: absolute; right: 215px; top: 15px; width: 25%; }

@media all and (max-width: 767px) { .users .users-list > h1 .search-box { width: 100%; position: static; }
  .users .users-list > h1 { height: 90px; }
  .user-summary-list { top: 87px !important; } }

.users-list .in-heading-select { top: 21px; }

.users { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.users > div + div { position: relative; min-height: 500px; }

@media (min-width: 900px) { .users { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .users > div + div { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } }

.user-summary-list { position: absolute; top: 50px; bottom: 0; left: 0; right: 0; }

.user-summary-list > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.user-summary { width: 320px; height: 105px; position: relative; float: left; margin: 0 10px 10px 0; }

.user-summary-info > .user-thumb { float: left; width: 105px; }

.user-summary-info > .user-thumb img { width: 105px; }

.user-summary-info > div { float: left; width: 215px; padding-left: 10px; }

.user-summary-info > div h1 { margin: 0; font-size: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.user-summary-info > div > .gradient-divider { margin-top: 0; margin-bottom: 12px; }

.user-summary-info > div h2 { margin: 0; font-size: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 300; }

.user-summary-info > div h3 { margin: 0 0 4px 0; font-size: 18px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-transform: none; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; }

.user-summary-info > div h3 .dot { padding-right: 5px; }

.user-summary-info > div h3 .rank { font-weight: 900; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.user-summary-info > div h3 .rank::before { content: "#"; color: white; font-weight: 900; }

.user-summary-info > div .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.user-summary-info > div .buttons .visit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 2px; }

.user-summary-info > div .buttons .price { margin-left: 2px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.user-summary > .gradient-divider { margin-top: 5px; }

a.user-link { color: #ff5c1f; text-decoration: underline; font-size: 12px; font-weight: 900; }

.user-panel { width: 362px; -webkit-transition: opacity 400ms; transition: opacity 400ms; position: relative; }

.user-panel > .gradient-divider { margin: 0 14px; }

.user-panel .token-selector { position: absolute; }

@media all and (max-width: 767px) { .user-panel .token-selector { left: 0; } }

.user-popover { width: 362px; /*height: 209px;*/ height: 134px; background: rgba(0, 0, 0, 0.65); /*display: none;*/ opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms; position: relative; }

.user-popover > .gradient-divider { margin: 0 14px; }

.user-popover .token-selector { position: absolute; }

.user-card { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px; }

.user-card > article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 11px; position: relative; }

.user-card h1 { font-size: 24px; }

.user-card h2 { font-weight: 300; font-size: 18px; }

.user-card h3 { text-transform: none; font-size: 17px; font-weight: 300; margin-bottom: 7px; }

.user-card h3 strong::before { content: "#"; color: #ff5c00; }

.user-card .qty { padding-top: 5px; }

dc-user-preview { position: absolute; top: 50%; left: 50%; z-index: 1300; width: 428px; background: black; border: 1px solid white; margin: -100px 0 0 -214px; }

.user-preview { position: relative; padding: 6px; }

.user-preview > .gradient-divider { margin-bottom: 3px; }

.user-preview .close { position: absolute; top: 2px; right: 10px; }

.user-preview h4 { font-size: 18px; margin: 0; }

.user-preview h4 span { display: inline-block; background: white; width: 80px; height: 16px; margin-bottom: -1px; }

.user-preview small { letter-spacing: -0.05em; }

.user-preview .featured-video { width: 243px; min-height: 153px; position: relative; text-align: center; }

.user-preview .featured-video span { font-size: 14px; font-weight: 900; text-transform: uppercase; margin-top: 45px; color: #ff5e00; display: block; }

.user-preview article { display: -webkit-box; display: -ms-flexbox; display: flex; }

.user-preview article > div:last-child { position: relative; width: 200px; padding: 0 5px; text-align: right; }

.user-preview article > div:last-child .gradient-divider { margin-bottom: 7px; }

.user-preview article > div:last-child p { margin-bottom: 5px; }

.user-preview article > div:last-child button { width: 50%; }

.user-preview article > div:last-child input { width: 40%; }

dc-user-thumb-labelled a { position: relative; width: 200px; height: 200px; display: block; }

dc-user-thumb-labelled a img { width: 100%; }

dc-user-thumb-labelled a span { position: absolute; bottom: 1px; left: 6px; text-transform: uppercase; font-size: 14px; font-weight: 900; width: 190px; }

.intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; padding: 20px; font-size: 24px; font-weight: 900; }

.intro .error { font-size: 12px; text-transform: none; font-weight: 300; padding-bottom: 0; }

.intro.step1 h1, .intro.step1 h2, .intro.step1 section, .intro.step1 div { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; }

.intro h1 > span, .intro h2 > span { color: red; }

.intro.step1 h2 { margin: 20px 0 15px 0; }

.intro.step1 span > a { color: red; }

.intro.step1 img { float: right; margin: 16px 0; }

.intro.step1 article { clear: both; }

.intro.step1 .gradient-divider-centered { margin: 20px 0; }

.intro.step1 > div { text-align: center; }

.intro span.dot > span { color: red; }

@media all and (min-width: 600px) { .intro.step1 h2 { -webkit-box-flex: 1; -ms-flex: 1 40%; flex: 1 40%; }
  .intro.step1 section { -webkit-box-flex: 1; -ms-flex: 1 60%; flex: 1 60%; }
  .intro.step1 h1, .intro.step1 h2, .intro.step1 section { font-size: 36px; }
  .intro.step1 h2 { margin-top: 100px; } }

@media all and (min-width: 1100px) { .intro.step1 h1, .intro.step1 h2, .intro.step1 section { font-size: 48px; } }

.steps a.outline-button { color: red; }

.intro.steps { padding-top: 30px; }

.intro.steps aside { -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50%; padding: 60px 0 30px 0; }

.intro.steps section { -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50%; padding: 30px 0; }

.intro.steps footer { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; }

.intro.steps h1 { margin-bottom: 20px; font-size: 48px; }

.intro.steps h2 { font-size: 36px; }

.intro.steps .gradient-divider + p, .intro.steps .gradient-divider-centered + p { font-size: 16px; font-weight: 300; text-align: center; text-transform: uppercase; margin: 3px 0 0 0; }

.intro.step2 section { -webkit-box-flex: 1; -ms-flex: 1 70%; flex: 1 70%; max-width: 850px; text-align: center; }

.intro.step2 aside { -webkit-box-flex: 1; -ms-flex: 1 30%; flex: 1 30%; }

.intro.step2 h2 { font-size: 48px; }

.intro.step2 aside { max-width: 300px; }

.intro.step2 article { width: 188px; display: inline-block; margin: 0 5px 45px 5px; vertical-align: top; cursor: pointer; }

.intro.step2 article h3 { background: #1a1a1a; font-size: 12px; font-weight: 300; color: #fff; height: 21px; line-height: 21px; position: relative; letter-spacing: -0.05em; }

.intro.step2 article h3 > span { font-size: 10px; }

.intro.step2 article h3::after { content: ""; display: block; position: absolute; right: -3px; bottom: -4px; width: 9px; height: 10px; background: #d04600; }

.intro.step2 article > div { height: 227px; width: 176px; margin: 0 auto; background: rgba(0, 0, 0, 0.8); background-size: contain; }

.intro.step2 article.active div, .intro.step2 article:hover div { border: 4px solid #d04600; }

@media all and (min-width: 850px) { .intro.steps { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .intro.steps h1 { margin: 25px 0 157px 0; }
  .intro.step2 h1 { margin: 25px 0 139px 0; }
  .intro.steps h2 { font-size: 36px; text-align: center; }
  .intro.step2 h2 { font-size: 48px; }
  .intro.steps section { padding-left: 45px; }
  .intro.step1 > section { padding-right: 45px; padding-left: 0; }
  .intro.step4 > section { padding-top: 66px; }
  .intro.step6 h1 { margin: 25px 0 60px 0; } }

.intro.step3 h3 span { color: red; }

.intro.step3 .story-form h2 { text-align: left; }

.intro.step4 h2 > span { cursor: pointer; }

.intro.step4 h3 { text-align: right; margin-right: 115px; }

.intro.step4 h3 span { color: red; }

.intro.step4 ul { list-style-type: none; color: red; text-align: right; margin: 1px 37px -6px 0; padding: 0; }

.intro.step4 li { position: relative; min-height: 55px; padding: 11px 71px 0 0; margin-bottom: 16px; }

.intro.step4 li i { background: url(/img/coin-types.png) no-repeat; height: 55px; width: 55px; position: absolute; right: 0; top: 0; }

.intro.step4 li:nth-child(1) i { background-position: right 2px; }

.intro.step4 li:nth-child(2) i { background-position: right -52px; }

.intro.step4 li:nth-child(3) i { background-position: right -107px; height: 54px; }

.intro.step4 li:nth-child(4) i { background-position: right -160px; height: 52px; }

.intro.step4 li:nth-child(5) i { background-position: right -212px; }

.intro.step5 > section > form { max-width: 360px; text-align: center; margin: 0 auto; }

.intro.step5 > section > form .token { margin: 0 auto; }

.intro.step5 > section > form input[type=text] { width: 100%; padding: 0 8px; text-transform: uppercase; margin-top: 43px; }

.intro.step5 > section > form button { height: 32px; font-size: 21px; line-height: 20px; padding: 0 24px; margin-top: 7px; float: right; }

.intro.step6 .gradient-divider + p { text-align: left; }

.intro.step6 .contestants { margin: 0 -10px; text-align: right; max-height: 400px; position: relative; }

.intro.step6 .contestants span { position: relative; font-size: 0; width: 30%; width: calc((100%/3) - 12px); margin: 22px 6px 0; display: inline-block; border: 4px solid transparent; }

.intro.step6 .contestants span:hover, .intro.step6 .contestants span.selected { border: 4px solid #FF5C00; }

.intro.step6 .contestants img { width: 100%; cursor: pointer; }

.intro.step6 .contestants h5 { position: absolute; bottom: 0; padding: 0 3px; width: 80%; /*to make ellipsis work*/ }

.intro.step6 > section > div:last-child { text-align: right; margin-top: 20px; }

.intro.step6 > section > div:last-child button { margin-left: 10px; }

@media all and (min-width: 450px) { .intro.step6 .contestants span { width: calc(25% - 12px); } }

@media all and (min-width: 550px) { .intro.step6 .contestants span { width: 82px; } }

.intro.step7 { height: 680px; }

.intro.step7 h2 { font-size: 48px; }

.intro.step7 > aside { -webkit-box-flex: 1; -ms-flex: 1 60%; flex: 1 60%; }

.intro.step7 > section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 40%; flex: 1 40%; padding-top: 115px; }

.intro.step7 > section button { width: 211px; height: 41px; line-height: 41px; display: block; margin-bottom: 28px; }

#sector-menu { padding: 30px; max-width: 800px; margin: 0 auto; }

#sector-menu > div { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -14px; }

#sector-menu > div:nth-child(even) a:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: right; }

#sector-menu > div > a { width: 54%; }

#sector-menu > div > a:last-child { width: 38%; margin: 0 4%; font-size: 20px; color: white; text-transform: uppercase; height: 30px; border-bottom: 1px solid #ffffff; line-height: 0; -ms-flex-item-align: center; align-self: center; }

@media (max-width: 600px) { #sector-menu > div > a:last-child { font-size: 14px; line-height: 25px; } }

#sector-menu > div > a img { width: 100%; }

@media (min-width: 768px) { #content.channels > .content.show.content-main { width: 50%; } }

@media (min-width: 768px) { #content.channels > .listmenu.listmenu-main { width: 50%; } }

#content.channels .channels__main { position: relative; }

#content.channels .channels__main .headline { display: none; }

#content.channels .channels__main .windows { position: relative; }

#content.channels .channels__main .windows a.user { position: absolute; }

#content.channels .channels__main .windows dc-user-panel { position: absolute; z-index: 10; left: 10px; top: 10px; }

#content.channels .sectors__menu { position: relative; }

#content.channels .sectors__menu .explore { position: relative; cursor: pointer; }

#content.channels .sectors__menu .explore:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #ff5c00 transparent transparent transparent; margin-top: -4px; }

#content.channels .sectors__menu .explore.hide:after { right: 4px; margin-top: -6px; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #ff5c00; }

#content.channels .sectors__menu .sectors-menu { margin-bottom: 20px; }

@media all and (max-width: 768px) { #content.channels .sectors__menu { width: auto; } }

.sector-rank { font-size: 60px; font-weight: 900; letter-spacing: -0.02em; margin: -20px 0 -8px 0; }

.sector-rank:before { content: '# '; color: #ff5c00; font-size: 48px; margin: -20px -4px 0 1px; }

.sectors-menu ul { list-style: none; margin: 0; padding: 0; }

.sectors-menu ul > li { padding: 0; margin: 0 0 10px 0; list-style: none; }

.sectors-menu ul > li .name { color: #666; position: relative; cursor: pointer; margin: 0; padding: 0 0 0 15px; }

.sectors-menu ul > li .name::before { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 4px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent white; margin-top: -6px; }

.sectors-menu ul > li > div { height: 0; overflow: hidden; -webkit-transition: height 250ms; transition: height 250ms; }

.sectors-menu ul > li > div .gradient-divider { margin: -5px 0 5px 0; }

.sectors-menu ul > li > div .players { padding-top: 10px; }

.sectors-menu ul > li > div .overall-rank { margin: 0; }

.sectors-menu ul > li > div .rank { font-size: 60px; line-height: 55px; font-weight: 900; }

.sectors-menu ul > li > div .rank::before { content: '# '; color: white; font-size: 48px; margin: -20px -4px 0 1px; }

.sectors-menu ul > li > div .top-players { margin-bottom: 5px; }

.sectors-menu ul > li > div .thumbs { position: relative; height: 200px; margin-bottom: 6px; }

.sectors-menu ul > li > div .thumbs > .ps-container { position: absolute; z-index: 10; left: 0; top: 0; right: 15px; bottom: 0; height: 300px; overflow-y: hidden; }

.sectors-menu ul > li > div .thumbs dc-user-avatar { display: inline-block; width: 48px; margin: 0 2px 2px 0; }

.sectors-menu ul > li > div .thumbs dc-user-avatar img { width: 100%; cursor: pointer; }

.sectors-menu ul > li.active .name { color: red; }

.sectors-menu ul > li.active .name::before { left: 0; margin-top: -4px; border-width: 6px 6px 0 6px; border-color: white transparent transparent transparent; }

.sectors-menu ul > li.active > div { height: 390px; }

.sectors-feed .thumbs dc-user-avatar { width: 48px; margin-bottom: 2px; margin-right: 2px; display: inline-block; cursor: pointer; }

.sectors-feed .thumbs dc-user-avatar img { width: 100%; }

.sectors-profile .info div.panel .user-panel { width: 100%; }

.sectors-profile .info div.panel .user-panel .ellipsis { white-space: normal; word-break: break-all; }

.sectors-profile .info div.panel .stories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }

.sectors-profile .info div.panel .stories a { width: 48px; margin: 0 2px 2px 0; cursor: pointer; }

.sectors-profile .info div.panel .stories a img { width: 100%; }

.sectors-profile .info div.preview dc-content-preview { display: block; }

.sectors-main { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sectors-main > .headline { display: none; }

.sectors-main > article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sectors-main > aside { width: 260px; position: relative; }

@media all and (max-width: 768px) { .sectors-main > .headline { display: none; }
  .sectors-main > aside { display: none; } }

.sectors-home { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sectors-home-preload.main-stage { background-image: url("/img/sectors/backgrounds/main-stage.jpg"); }

.sectors-home-preload.new-music-stage { background-image: url("/img/sectors/backgrounds/new-music-stage.jpg"); }

.sectors-home-preload.world-stage { background-image: url("/img/sectors/backgrounds/world-stage.jpg"); }

.sectors-home-preload.dance-house-stage { background-image: url("/img/sectors/backgrounds/dance-house-stage.jpg"); }

.sectors-home-preload.inspiring-speakers-stage { background-image: url("/img/sectors/backgrounds/inspiring-speakers-stage.jpg"); }

.sectors-home-sector { cursor: pointer; color: #ddd; background-color: #000000; padding: 4px 16px; text-transform: uppercase; position: relative; left: auto !important; top: auto !important; text-align: center; background: white; padding: 20px; margin: 0 0 20px 0; }

.sectors-home-sector .sector-logo { width: auto; }

.sectors-home-sector .sector-logo > span.name { display: none; }

.sectors-home-buttons { display: none; }

.sectors-home-buttons a { color: white; font-weight: 900; background: rgba(255, 255, 255, 0.15); margin-left: 10px; }

@media all and (max-width: 768px) { .sectors-home-buttons a { margin-bottom: 2px; } }

@media all and (max-width: 768px) { .sectors-home { display: initial; overflow: auto; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; text-align: center; } }

.sector-logo { display: inline-block; text-align: center; }

.sector-logo > span { display: block; }

.sector-logo > span.name { text-transform: uppercase; position: relative; }

.sector-logo > span.name > span { display: inline-block; background: black; color: white; padding: 2px 6px; position: relative; }

.sector-logo > span.name > span:after { width: 8px; height: 9px; position: absolute; right: -2px; bottom: -2px; background: white; content: ""; }

.sector-logo > span.img img { width: 100%; }

.sectors-list { width: 320px; -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1); overflow: auto; position: relative; display: none; }

.sectors-list .ps-container { position: absolute; z-index: 10; left: 15px; top: 0; right: 15px; bottom: 15px; }

.sectors-list .overall { color: white; margin: 10px 0 0 0; }

.sectors-list ul { list-style: none; margin: 0; padding: 10px 0 0 0; }

.sectors-list ul > li { padding: 0; margin: 0 0 10px 0; list-style: none; }

.sectors-list ul > li .name { color: #666; position: relative; cursor: pointer; margin: 0; padding: 0 0 0 15px; }

.sectors-list ul > li .name::before { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 4px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent white; margin-top: -6px; }

.sectors-list ul > li > div { height: 0; overflow: hidden; -webkit-transition: height 250ms; transition: height 250ms; }

.sectors-list ul > li > div .gradient-divider { margin: -5px 0 5px 0; }

.sectors-list ul > li > div .players { padding-top: 10px; }

.sectors-list ul > li > div .overall-rank { margin: 0; }

.sectors-list ul > li > div .rank { font-size: 60px; line-height: 55px; font-weight: 900; }

.sectors-list ul > li > div .rank::before { content: '# '; color: white; font-size: 48px; margin: -20px -4px 0 1px; }

.sectors-list ul > li > div .top-players { margin-bottom: 5px; }

.sectors-list ul > li > div .thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sectors-list ul > li > div .thumbs a { width: 48px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 2px 2px 0; }

.sectors-list ul > li > div .thumbs a img { width: 100%; }

.sectors-list ul > li.active .name { color: red; }

.sectors-list ul > li.active .name::before { left: 0px; margin-top: -4px; border-width: 6px 6px 0 6px; border-color: white transparent transparent transparent; }

.sectors-list ul > li.active > div { height: 250px; }

.sector { padding: 20px 24px 0; position: relative; }

.sector > div { background: #00000a; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sector > div > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-size: contain; background-repeat: no-repeat; position: relative; display: table; }

.sector > div > div a.user { position: absolute; }

.sector > div > div > dc-user-panel { position: absolute; top: 30px; left: 50px; }

.sector > div > aside { height: 209px; padding: 7px; }

.sector > div > aside dc-content-preview img, .sector .sector > div > aside dc-director-content-preview img { max-height: 131px; }

.sector > div > aside dc-content-preview button.play, .sector > div > aside dc-director-content-preview button.play { width: 40px; height: 40px; }

.sector .sector-logo.large { margin: 0 auto; }

.sector .sector-logo span.name { display: none; }

.sector .popup-user { position: absolute; top: 10px; left: 10px; opacity: 1; display: block; }

@media all and (min-width: 768px) { .sector { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .sector > article { max-width: 294px; padding-right: 24px; } }

.sector .rank, .-sectors-list .rank { font-size: 60px; font-weight: 900; letter-spacing: -0.02em; margin: -20px 0 -8px 0; }

.sector .rank::before, .-sectors-list .rank::before { content: '# '; color: #ff5c00; font-size: 48px; margin: -20px -4px 0 1px; }

.sector .user-card { max-width: 390px; float: left; }

.sector .user-card + .token-selector { float: left; }

.sectors-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); padding: 50px 20px; overflow: auto; z-index: 10; }

.sectors-overlay .close { position: absolute; z-index: 10; right: 10px; top: 10px; }

@media all and (min-width: 768px) { .sectors-overlay { padding: 50px 60px; } }

.sectors-overlay .tokens { text-transform: uppercase; font-size: 30px; font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; margin-top: 24px; }

.sectors-overlay .tokens > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 20px; }

.sectors-overlay .tokens p { margin: 0; }

.sectors-overlay .tokens p > span { color: red; }

.sectors-overlay .tokens > div:nth-child(1) p { max-width: 500px; }

.sectors-overlay .tokens > div:nth-child(2) p { max-width: 600px; }

.sectors-overlay .tokens img { float: right; margin-left: 35px; }

.sectors-overlay .tokens span.thin { font-weight: 300; color: #ffffff; }

.sectors-overlay h1 span, .sectors-overlay h2 span { color: red; }

.sectors-overlay p, .sectors-overlay li { text-transform: uppercase; font-size: 18px; margin: -4px 0 23px 0; }

.sectors-overlay img { max-width: 605px; }

.sectors-overlay .the-story li { text-transform: none; }

#edit-story h1 { font-size: 21px; }

#edit-story h1 span { color: red; }

#edit-story h1 + .gradient-divider { margin: -2px 0 7px 0; }

#edit-story h1 + .gradient-divider + a { margin-bottom: 48px; }

.story-form { position: relative; margin-top: 10px; font-size: 12px; font-weight: 300; }

.story-form > div.submitting { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

.story-form.submitting > div.submitting { display: block; }

.story-form .error { text-align: right; }

.story-form .label { text-transform: uppercase; font-size: 21px; font-weight: 900; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; }

.story-form .field { -webkit-box-flex: 12; -ms-flex: 12; flex: 12; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.story-form .field input[type=text], .story-form .field textarea { width: 100%; -ms-flex-item-align: center; align-self: center; }

.story-form .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.story-form .form-row .label small { font-weight: 300; font-size: 14px; text-transform: none; margin-left: -4px; }

.story-form .form-row .label small span { color: red; }

.story-form section { margin-top: 15px; }

.story-form section > div { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; height: 220px; }

.story-form section aside { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: end; align-self: flex-end; }

.story-form .uploaded { margin: -4px 0; }

.story-form .uploaded .gradient-bottom { position: relative; }

.story-form .uploaded .gradient-bottom::before, .story-form .uploaded .gradient-bottom::after { content: ""; position: absolute; bottom: 6px; left: -1px; }

.story-form .uploaded .gradient-bottom::after { right: -1px; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(transparent)); background-image: -webkit-linear-gradient(left, #fff, transparent); background-image: -o-linear-gradient(left, #fff, transparent); }

.story-form .uploaded td:first-child { min-width: 246px; }

.story-form .uploaded td:first-child span { float: right; margin-left: 12px; }

.story-form .uploaded tr { height: 30px; }

.story-form .uploaded .remove { padding: 0 11px; cursor: pointer; }

.story-form input[type=text], .story-form textarea { color: #00000a; background: #ccc; padding: 3px 0 3px 4px; margin-top: 3px; -ms-flex-item-align: center; align-self: center; border-top: 1px solid #AFAFB1; border-left: 1px solid #AFAFB1; border-bottom: none; border-right: none; height: 21px; }

.story-form textarea { height: 100px; }

.story-form h2 { margin-top: 8px; }

.intro.steps.step3 .story-form h2 { font-size: 21px; letter-spacing: -0.01em; }

.story-form .browse { position: relative; margin: 20px 0; }

.story-form .browse input[type=file] { opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-indent: -250px; width: 120px; cursor: pointer; }

.story-form section aside button { width: 148px; height: 32px; line-height: 32px; margin-bottom: 13px; }

.story-form section aside button:nth-child(2) { font-size: 12px; height: 22px; line-height: 22px; }

.story-form .content-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; }

.story-form article.content-item:first-of-type { margin-top: 16px; }

.story-form .content-item aside { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 175px; min-height: 111px; border: 3px solid #cccccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; }

.intro.step3 .story-form .content-item aside { padding: 0; }

.story-form .content-item article { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 6px 0 0 7px; }

.story-form .content-item article > div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.story-form .content-item aside img { width: 100%; }

.story-form .content-item .gradient-divider { margin-top: 4px; }

.story-form .content-item article > .progress { display: -webkit-box; display: -ms-flexbox; display: flex; }

.story-form .content-item article > .progress > div { width: 95%; height: 21px; background: #cccccc; border-top: 1px solid #afafaf; position: relative; }

.story-form .content-item article > .progress > div > div { position: absolute; left: 0; background: red; height: 20px; border-top: 1px solid #990000; border-left: 1px solid #990000; }

.story-form button[type=submit] { float: right; margin-top: 20px; }

ul.story-thumb-list { list-style-type: none; padding: 0; margin: 15px 0 0 0; }

ul.story-thumb-list li { float: left; width: 108px; height: 125px; }

ul.story-thumb-list li h4 { width: 85px; }

ul.story-thumb-list li > div { text-align: right; font-size: 12px; margin-right: 28px; }

ul.story-thumb-list li > div > a { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

ul.story-thumb-list li > div > a:hover { filter: none; -webkit-filter: none; }

.webisodes dc-tip { margin-top: 12px; }

.webisodes > div { position: relative; }

.webisodes h1.ellipsis { color: red; }

.webisodes h1 b { color: #ffffff; }

.webisodes .video + div { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 13px; }

.webisodes .video + div > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.webisodes .video + div h3 { font-size: 18px; }

.webisodes .video h1 span { color: red; }

.webisodes .comments { margin: 0 30px 20px 0; }

.webisodes .contributors { position: relative; min-height: 200px; }

.webisodes .contributors .scroller { top: 30px; }

.webisodes .contributors dc-user-avatar img { width: 40px; height: 40px; margin: 0 11px 11px 0; cursor: pointer; }

@media all and (min-width: 768px) { .webisodes { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media all and (max-width: 767px) { .webisodes .video + div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .webisodes .comments { margin-right: 0; }
  .webisodes article h1 { font-size: 24px; } }

@media all and (max-width: 530px) { .webisodes .video .play { width: 33px; height: 33px; } }

.webisodes-list { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; max-width: 870px; margin: auto; }

.webisodes-list > a { margin: 0 5px 20px; }

.webisodes-list > a > img { width: 200px; }

.episodes-list { position: relative; margin-bottom: 10px; }

.episodes-list .nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

.episodes-list .nav h2 { margin-bottom: 0; }

.episodes-list .nav .search { margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.episodes-list .nav .search i { color: white; border: 2px solid white; padding: 4px; border-radius: 4px; font-size: 14px; margin-left: 5px; }

.episodes-list .nav .users { position: relative; }

.episodes-list .nav .users .search-users { position: absolute; z-index: 10; bottom: auto; top: 100%; right: 100%; left: auto; }

.episodes-list .nav .tribes { margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.episodes-list .nav .tribes > a { font-weight: 900; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 0 0 8px; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; border-radius: 4px; }

.episodes-list .nav .tribes > a span { font-weight: 300; text-transform: none; font-style: italic; margin-left: 5px; }

.episodes-list .nav .tribes > a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0 5px; border-color: #ffffff transparent transparent transparent; position: absolute; z-index: 10; right: 6px; top: 10px; }

.episodes-list .nav .tribes > a:hover:after { opacity: .7; }

.episodes-list .nav .tribes:hover > div { display: block; }

.episodes-list .nav .tribes > div { display: none; position: absolute; z-index: 100; width: auto; top: 100%; right: 0; }

.episodes-list .nav .tribes > div > div { margin-top: 10px; background: white; border-radius: 4px; padding: 2px 8px; }

.episodes-list .nav .tribes > div > div > a { display: block; padding: 4px 12px; text-align: center; text-transform: uppercase; font-weight: 900; margin: 8px 0; position: relative; }

.episodes-list .nav .tribes > div > div > a span { font-weight: 300; }

.episodes-list .nav .tribes > div > div > a:after { content: ''; display: block; left: 0; height: 1px; background: white; position: absolute; right: 0; bottom: -4px; }

.episodes-list .nav .tribes > div > div > a:hover { background: rgba(255, 255, 255, 0.7); border-radius: 4px; color: black; }

@media all and (max-width: 768px) { .episodes-list .nav .tribes > div > div > a:hover { color: white; } }

.episodes-list .nav .tribes > div > div > a:last-child:after { display: none; }

@media all and (max-width: 768px) { .episodes-list .nav .tribes > div > div { background: white; } }

.episodes-list .episode { border: 5px solid #cccccc; font-size: 0; position: relative; margin-bottom: 5px; }

.episodes-list .episode img { width: 100%; height: 30vw; object-fit: cover; }

.episodes-list h3 { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); height: 38px; line-height: 38px; width: 100%; padding: 0 9px; }

.episodes-list h3 span { color: white; margin-left: -0.2em; }

.episodes-list .play { width: 33px; height: 33px; }

@media all and (min-width: 768px) { .episodes-list { margin-top: 0; }
  .episodes-list .episodes-scroll { position: absolute; top: 50px; bottom: 0; }
  .episodes-list .episode img { height: 17vw; } }

input[type="text"], input[type="email"], input[type="password"], input[type="number"] { height: 26px; vertical-align: bottom; }

.form-group { display: block; margin-bottom: 10px; }

.form-group.form-group-inline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.form-label { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: block; margin-bottom: 5px; }

.form-control { color: #00000a; background: #ccc; padding: 5px 7px; -ms-flex-item-align: center; align-self: center; border-top: 1px solid #AFAFB1; border-left: 1px solid #AFAFB1; border-bottom: none; border-right: none; box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2); width: 100%; }

.form-control.form-control-flex { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; }

.form-control.form-control-inline { width: auto; display: inline-block; }

dc-checkbox.normal label { font-size: 14px; }

.token { height: 266px; width: 266px; position: relative; text-align: center; }

.token-sector { position: absolute; left: 50%; top: 50%; z-index: 200; width: 266px; margin: -133px 0 0 -133px; }

.token-sector img { width: 100%; }

.token-sector a { display: block; }

.token-avatar { position: absolute; z-index: 1; width: 260px; left: 50%; top: 50%; margin: -130px 0 0 -130px; }

.token-avatar img { border-radius: 50%; width: 100%; }

.token-name { text-transform: uppercase; font-weight: 900; font-size: 18px; position: absolute; bottom: -3px; line-height: 43px; left: 0; right: 0; z-index: 200; margin: 0; text-align: center; }

.token-name > span { color: black; background: white; display: inline-block; padding: 0 16px; }

.token-sm { width: 132px; height: 132px; }

.token-sm .token-avatar { width: 92px; margin: -46px 0 0 -46px; }

.token-sm .token-sector { width: 112px; margin: -56px 0 0 -56px; }

.token-sm .token-name { font-size: 9px; line-height: 20px; bottom: 10px; }

.token-md { width: 140px; height: 140px; }

.token-md .token-avatar { width: 160px; margin: -80px 0 0 -80px; }

.token-md .token-sector { width: 160px; margin: -80px 0 0 -80px; }

.token-md .token-name { font-size: 9px; line-height: 20px; bottom: -4px; }

.my-media { position: relative; }

.my-media .watch-live-stream { text-align: right; }

.my-media .watch-live-stream a { color: white; border: 1px solid white; border-radius: 4px; display: inline-block; padding: 2px 4px; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; }

.my-media .stories { position: relative; }

.my-media .story { width: calc(100% / 3); padding: 10px; display: inline-block; cursor: pointer; }

.my-media .story .thumb { position: relative; }

.my-media .story .thumb img { width: 100%; border-bottom: 3px solid #d04600; }

.my-media .story .thumb > span { position: absolute; bottom: 10px; left: 10px; font-size: 11px; }

.my-media .story .thumb > span > span { font-size: 21px; font-weight: 900; }

.my-media .story .thumb + div { text-align: right; color: red; font-size: 11px; }

.my-media .story .thumb div.feature span { font-size: 10px; }

.my-media dc-checkbox { position: absolute; left: 8px; top: 8px; color: #ff5e00; }

.my-media dc-checkbox label { font-size: 15px; }

.my-media .paid-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.8); padding: 0 15px; }

.my-media .paid-mask > div { max-width: 300px; }

.my-media .paid-mask h2 span { color: red; }

#content.profiles .profile { width: 100%; height: calc(100vh - 40px - 20px - 40px); position: relative; -webkit-transition: .3s all; transition: .3s all; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#content.profiles .profile .info { overflow: auto; position: relative; padding: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#content.profiles .profile .info .ps-container { position: absolute; z-index: 10; left: 10px; right: 10px; top: 10px; bottom: 10px; }

#content.profiles .profile .info .description p { margin: 0 0 5px 0; padding: 0; }

#content.profiles .profile .actions { border-top: 1px solid white; padding: 10px; }

#content.profiles .profile .actions p:last-child { margin-bottom: 0; }

@media (min-width: 768px) { #content.profiles .profile.show { width: 50%; } }

@media (min-width: 768px) { #content.profiles .listmenu { width: 50%; } }

.profile > .main { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; }

.profile .main > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.profile .main .lhs { position: relative; }

.profile .main .rhs { position: relative; }

.profile-content > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.profile h1 span.inactive { color: rgba(204, 204, 204, 0.5); cursor: pointer; }

.profile .followers { position: relative; }

.profile .followers > .ps-container > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.profile .followers .user-card { width: 405px; padding: 25px; }

.profile .followers h1 span { color: red; }

.profile .tokens h1 { position: relative; }

.profile .tokens .search-box { position: absolute; right: 0; top: 17px; }

.profile .contestant .cols { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; }

@media all and (max-width: 1000px) { .profile > .main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .profile .profile-column { min-height: 500px; }
  .profile .contestant > div { position: relative; left: auto; right: auto; top: auto; bottom: auto; } }

@media (min-width: 480px) { .profile-bits { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.profile-card { background-color: rgba(230, 230, 230, 0.3); }

@media (min-width: 480px) { .profile-card { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 20px; } }

.profile-stats { margin-top: 20px; position: relative; }

@media (min-width: 480px) { .profile-stats { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.profile-stats .followers, .profile-stats .following { min-height: 33px; font-size: 0; padding-bottom: 1px; margin-left: -3px; }

.profile-stats .followers img, .profile-stats .following img { width: 33px; height: 33px; margin-left: 3px; margin-bottom: 3px; }

.profile-stats .buy-tokens { background: rgba(0, 0, 0, 0.8); width: 157px; height: 79px; position: absolute; top: 70px; right: 10px; z-index: 2000; -webkit-transition: opacity 100ms; transition: opacity 100ms; }

.profile-stats .buy-tokens.ng-hide { opacity: 0; }

.profile-stats .buy-tokens h3 { font-size: 18px; padding: 6px 8px; }

.profile-stats .buy-tokens h3 sup { font-size: 11px; }

.profile-stats .buy-tokens input { font-size: 26px; width: 54px; padding: 0 2px; border: none; color: #808080; }

.profile-stats .buy-tokens button { position: absolute; right: 10px; bottom: 7px; cursor: pointer; height: 32px; line-height: 32px; }

.profile-stats .buy-tokens input { position: absolute; left: 10px; bottom: 11px; }

.profile-stats .buy-tokens > .close { position: absolute; right: 2px; top: 0; padding: 0 3px; font-size: 16px; }

.profile-stats .gradient-divider { margin-bottom: 4px; }

.profile-stats .gradient-button { margin-bottom: 4px; }

.profile-stats a.gradient-button, .profile-stats button.gradient-button { cursor: pointer; }

.profile-stats .gradient-button + span { font-weight: 900; margin-left: 6px; font-size: 16px; }

.profile-card .token { margin: 0 auto; }

.profile-card .tribe { background-color: rgba(230, 230, 230, 0.3); font-size: 21px; font-weight: 900; text-align: center; color: #ccc; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; }

.profile-card .tribe .sector-logo { text-align: center; }

.profile-card .tribe .sector-logo > span.name { display: none; }

.profile-card .tribe .sector-logo > span.img img { height: 60px; width: auto; }

.profile-card .cologos { text-align: center; }

.profile-card .avatar { text-align: center; margin-top: 1px; }

.profile-card .avatar .upload { width: 100%; }

.profile .ranks { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 0; }

.profile .ranks > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 14px; font-weight: 900; text-transform: uppercase; }

.profile .ranks > div > div.rank { font-size: 36px; line-height: 26px; margin-left: -0.35em; }

.profile .ranks > div > div.rank::before { content: "#"; font-size: 24px; }

.profile .upload-button { width: 100%; font-size: 36px; cursor: pointer; margin-bottom: 10px; }

.profile .upload-button::before { content: "➡"; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; }

.profile .stream-button { width: 100%; font-size: 24px; cursor: pointer; margin-bottom: 10px; }

.profile .grid { display: -webkit-box; display: -ms-flexbox; display: flex; }

.profile .grid > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0; }

.profile .grid > div:last-child { padding-left: 3px; padding-top: 9px; }

.profile .grid .gradient-button.tiny { margin-bottom: 11px; }

.profile .grid .gradient-button.small { margin-bottom: 9px; }

.profile .grid .gradient-button { width: 100%; padding: 0; }

.profile .grid > div > div > span { width: 50%; text-align: center; display: inline-block; }

.profile .grid > div:last-child > div > span:first-child { border-right: 1px solid #ffffff; }

.profile-battles h1 span + span { float: right; font-size: 14px; margin-top: 23px; }

.profile-battles h1 span > span { color: red; }

.profile-battles ul { margin: 13px 0; padding: 0; }

.profile-battles li { display: -webkit-box; display: -ms-flexbox; display: flex; clear: both; }

.profile-battles li > div { -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; }

.profile-battles li > div.vs { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; font-size: 36px; font-weight: 900; color: #fff; background: #ff5c00; height: 60px; }

.profile-battles .avatar { position: relative; margin-bottom: 50px; height: 60px; }

.profile-battles .avatar span { position: absolute; left: 2px; font-weight: 900; }

.profile-battles .avatar .percentage { color: red; font-size: 48px; bottom: -13px; }

.profile-battles .avatar .percentage::after { content: "%"; font-size: 36px; color: #fff; }

.profile-battles .avatar .username { bottom: -21px; font-size: 14px; text-transform: uppercase; }

.profile-feed .feed .comments-post { margin: 4px 0 0 60px; }

.profile-feed .ps-container { position: absolute; top: 50px; bottom: 0; left: 0px; right: 0px; }

.story-view > .content iframe { width: 100%; height: 30%; }

.story-view > .content img { max-height: 450px; display: block; margin: auto; }

.story-view .next a { width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 50px; border-color: transparent transparent transparent #d04500; }

.story-view .prev a { width: 0; height: 0; border-style: solid; border-width: 50px 50px 50px 0; border-color: transparent #d04500 transparent transparent; }

.story-view .comments-list-compact { margin-top: 10px; }

.story-view video { max-height: 450px; }

.story-view .switches { margin-top: 4px; margin-bottom: 4px; }

.story-view .switches dc-checkbox input + span { margin-bottom: -2px; }

.story-view .switches dc-checkbox label { font-size: 14px; }

.story-view .actions { padding: 10px 0; }

.story-view .contribute { float: left; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive video.embed-responsive-item, .embed-responsive iframe.embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.stream-view { position: relative; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px; }

.stream-view .close { position: absolute; top: 10px; right: 10px; }

.stream-view.stream-view-fullscreen { position: absolute; z-index: 10; left: 10px; right: 10px; top: 10px; bottom: 10px; background: transparent; }

.stream-view__stream { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.stream-view__stream-video { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.stream-view__stream-video > h3 { display: none; }

.stream-view__stream-video-embed { position: relative; }

.stream-view__stream-video-embed-overlay { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: black; }

.stream-view__stream-video-embed .toggles { position: absolute; z-index: 1000; right: 0; bottom: 0; }

.stream-view__stream-video-embed .toggles a { display: inline-block; width: 32px; height: 32px; background: white; cursor: pointer; margin-left: 5px; text-align: center; line-height: 32px; color: white; }

.stream-view-fullscreen .stream-view__stream-video-embed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.stream-view-fullscreen .stream-view__stream-video-embed dc-content .video-wrapper { padding-bottom: initial; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; height: auto; }

.stream-view__stream-video-tipping { text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; -ms-flex-negative: 0; flex-shrink: 0; }

.stream-view__stream-video-tipping div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.stream-view__stream-video-tipping div > span { padding-right: 5px; }

.stream-view__stream-video-tipping .error { text-transform: none; color: red; }

.stream-view__stream-video-tipping input, .stream-view__stream-video-tipping select { width: 40px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-right: 5px; }

.stream-view__stream-video-tipping select { width: 60px; }

.stream-view__stream-video-tipping .tip-artist button { margin-right: 5px; }

.stream-view__stream-video-tipping .tip-dollars { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 768px) { .stream-view__stream-video-tipping { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.stream-view__stream-video-purchase { text-transform: uppercase; font-size: 11px; text-align: right; }

.stream-view-fullscreen .stream-view__stream-video-purchase { display: none; }

.stream-view__stream-video-description { margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.stream-view__stream-video-description-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media all and (max-width: 768px) { .stream-view__stream-video-description-text { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; } }

@media all and (max-width: 768px) { .stream-view__stream-video-description-text > h4 { display: none; } }

.stream-view__stream-video-description-share { width: 120px; padding: 10px 0 0 20px; }

@media all and (max-width: 768px) { .stream-view__stream-video-description-share { width: auto; padding: 10px 0 0 0; } }

.stream-view-fullscreen .stream-view__stream-video-description { display: none; }

@media all and (max-width: 768px) { .stream-view__stream-video-description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: visible; height: auto; } }

@media all and (max-width: 768px) { .stream-view__stream-video > h3 { display: block; } }

.stream-view__stream-chat { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; padding: 0 0px 0 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.stream-view__stream-chat-auth { margin-bottom: 10px; }

.stream-view__stream-chat-auth .image { text-align: center; font-weight: 900; text-transform: uppercase; font-size: 18px; color: white; margin-bottom: 10px; }

.stream-view__stream-chat-auth .image img { vertical-align: middle; }

.stream-view__stream-chat-auth .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; }

.stream-view__stream-chat-auth .buttons a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.stream-view__stream-chat-auth .buttons a:first-child { margin-right: 5px; }

.stream-view__stream-chat-auth .buttons a:last-child { margin-left: 5px; }

.stream-view__stream-chat-comments { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.stream-view__stream-chat .ps-container { position: absolute; z-index: 1; left: 0px; top: 40px; right: 0px; bottom: 0; overflow: hidden; }

.stream-view-fullscreen .stream-view__stream-chat { position: absolute; z-index: 200; right: 0; bottom: 30px; width: 250px; top: 0; background: white; height: auto; padding-top: 10px; }

.stream-view__stream-chat.hidden { display: none; }

@media all and (max-width: 768px) { .stream-view__stream-chat { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; height: 400px; padding: 0; }
  .stream-view-fullscreen .stream-view__stream-chat { padding: 10px 10px 0 10px; top: 34px; bottom: 52px; } }

.stream-view__stream-edit { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -1px; margin-right: -1px; }

.stream-view__stream-edit > p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1px; margin-right: 1px; }

@media all and (max-width: 768px) { .stream-view__stream { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.stream-view-fullscreen .stream-view__stream { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; top: 0; overflow: hidden; }

.stream-view__sectors { height: 75px; margin-top: 15px; position: relative; }

.stream-view__sectors.scroll { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; }

.stream-view__sectors .ps-container { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; }

.stream-view__sectors .ps-container > div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; height: 75px; }

.stream-view__sectors-sector { position: relative; z-index: 10; height: 60px; padding: 0 30px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; color: white; }

.stream-view__sectors-sector:nth-child(1) { background-color: white; padding-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }

.stream-view__sectors-sector:nth-child(1):after { display: none; }

.stream-view__sectors-sector.main-stage:nth-child(1) { background-color: white; }

.stream-view__sectors-sector.new-music-stage:nth-child(1) { background-color: #d5517b; }

.stream-view__sectors-sector.world-stage:nth-child(1) { background-color: #353635; }

.stream-view__sectors-sector.dance-house-stage:nth-child(1) { background-color: #353635; }

.stream-view__sectors-sector.inspiring-speakers-stage:nth-child(1) { background-color: white; }

.stream-view__sectors-sector:nth-child(2) { background: #ccc; }

.stream-view__sectors-sector:nth-child(2):after { border-right-color: #ccc; }

.stream-view__sectors-sector:nth-child(3) { background: #999; }

.stream-view__sectors-sector:nth-child(3):after { border-right-color: #999; }

.stream-view__sectors-sector:nth-child(4) { background: #777; }

.stream-view__sectors-sector:nth-child(4):after { border-right-color: #777; }

.stream-view__sectors-sector:nth-child(5) { background: #555; }

.stream-view__sectors-sector:nth-child(5):after { border-right-color: #555; }

.stream-view__sectors-sector:nth-child(6) { background: #333; }

.stream-view__sectors-sector:nth-child(6):after { border-right-color: #333; }

.stream-view__sectors-sector:after { content: ' '; font-size: 0px; line-height: 0%; width: 0px; border-top: 60px solid transparent; border-bottom: none; border-right: 30px solid transparent; position: absolute; z-index: 0; top: 0; left: -30px; }

.stream-view__sectors-sector .title { text-transform: uppercase; font-size: 14px; line-height: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 900; }

.stream-view__sectors-sector .title > div { white-space: nowrap; }

.stream-view__sectors-sector .title span { display: block; }

.stream-view__sectors-sector .text { font-size: 11px; display: none; line-height: normal; padding: 0 0 0 10px; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; display: none; max-width: 260px; }

@media all and (max-width: 768px) { .stream-view__sectors-sector .text { display: none !important; } }

.stream-view__sectors-sector .sectorlogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.stream-view__sectors-sector .sectorlogo > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.stream-view__sectors-sector .sectorlogo .sectorlogo-sm { padding-left: 10px; }

.stream-view__sectors-sector .sectorlogo .sectorlogo-lg { display: none; position: relative; background: white; padding: 0 30px 0 20px; }

.stream-view__sectors-sector .sectorlogo .sectorlogo-lg:after { content: ' '; font-size: 0px; line-height: 0%; width: 0px; border-top: 60px solid transparent; border-bottom: none; border-right: 30px solid white; position: absolute; z-index: 0; top: 0; right: 0px; }

.stream-view__sectors-sector .sectorlogo .sectorlogo-lg:before { content: ' '; font-size: 0px; line-height: 0%; width: 0px; border-top: none; border-bottom: 60px solid transparent; border-left: 30px solid white; position: absolute; z-index: 0; top: 0; left: 0px; }

.stream-view__sectors-sector.main-stage .sectorlogo .sectorlogo-lg:after { border-right-color: white; }

.stream-view__sectors-sector.main-stage .sectorlogo .sectorlogo-lg:before { border-left-color: white; }

.stream-view__sectors-sector.new-music-stage .sectorlogo .sectorlogo-lg:after { border-right-color: #d5517b; }

.stream-view__sectors-sector.new-music-stage .sectorlogo .sectorlogo-lg:before { border-left-color: #d5517b; }

.stream-view__sectors-sector.world-stage .sectorlogo .sectorlogo-lg:after { border-right-color: #353635; }

.stream-view__sectors-sector.world-stage .sectorlogo .sectorlogo-lg:before { border-left-color: #353635; }

.stream-view__sectors-sector.dance-house-stage .sectorlogo .sectorlogo-lg:after { border-right-color: #353635; }

.stream-view__sectors-sector.dance-house-stage .sectorlogo .sectorlogo-lg:before { border-left-color: #353635; }

.stream-view__sectors-sector.inspiring-speakers-stage .sectorlogo .sectorlogo-lg:after { border-right-color: white; }

.stream-view__sectors-sector.inspiring-speakers-stage .sectorlogo .sectorlogo-lg:before { border-left-color: white; }

.stream-view__sectors-sector.order-0 .text, .stream-view__sectors-sector.order-0 .sectorlogo .sectorlogo-lg { display: -webkit-box; display: -ms-flexbox; display: flex; }

.stream-view__sectors-sector.order-0 .sectorlogo .sectorlogo-sm { display: none; }

.stream-view__sectors-sector.order-0 .title span:nth-child(n+2) { font-size: 24px; line-height: 24px; display: inline-block; }

.stream-view-fullscreen .stream-view__sectors { display: none; }

.stream-view__streams { position: relative; padding: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 186px; }

.stream-view__streams::before { display: none; content: ' '; height: 5px; position: absolute; z-index: 1; left: 0; top: 0; right: 0; background-color: white; background-image: url("/img/stream/divider.png"); background-position: right; background-repeat: no-repeat; }

.stream-view__streams.user { margin-top: 20px; padding-top: 20px; }

.stream-view__streams.user::before { display: block; }

.stream-view__streams-carousel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 50px; overflow: hidden; position: relative; }

.stream-view__streams-carousel .slick-slider { position: absolute; z-index: 10; left: 50px; top: 0; right: 50px; bottom: 0; }

.stream-view__streams-carousel .slick-slider .slick-initialized { display: none !important; }

@media all and (max-width: 768px) { .stream-view__streams-carousel .slick-slider { left: 25px; right: 25px; } }

@media all and (max-width: 768px) { .stream-view__streams-carousel { padding: 0px 20px; } }

.stream-view__streams-action.search { position: relative; }

.stream-view__streams-action a { display: block; width: 166px; height: 166px; color: white; position: relative; cursor: pointer; }

.stream-view__streams-action a span { display: block; position: absolute; z-index: 1; left: 50%; top: 50%; width: 80%; height: 80%; border: 4px solid white; border-radius: 8px; line-height: 62px; text-align: center; font-size: 36px; margin: -40% 0 0 -40%; }

@media all and (max-width: 768px) { .stream-view__streams-action a span { font-size: 18px; line-height: 30px; border-width: 2px; border-radius: 2px; } }

@media all and (max-width: 768px) { .stream-view__streams-action a { width: 83px; height: 83px; } }

.stream-view__streams .slick-arrow { position: absolute; z-index: 100; opacity: 1; border-style: solid; border-color: transparent white transparent transparent; border-width: 20px 20px 20px 0; width: 20px; height: 40px; left: -40px; margin: -20px 0 0 0; top: 50%; background: none; text-indent: -1000px; overflow: hidden; }

@media all and (max-width: 768px) { .stream-view__streams .slick-arrow { border-width: 10px 10px 10px 0; width: 10px; height: 20px; left: -20px; margin: -10px 0 0 0; } }

.stream-view__streams .slick-arrow.slick-disabled { display: none !important; }

.stream-view__streams .slick-arrow.slick-next { left: auto; right: -40px; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent white; }

@media all and (max-width: 768px) { .stream-view__streams .slick-arrow.slick-next { right: -20px; border-width: 10px 0 10px 10px; } }

.stream-view__streams a.carousel-stream { display: block; width: 126px; height: 166px; background: white; border-radius: 4px; color: white; font-size: 11px; position: relative; line-height: normal; cursor: pointer; color: white !important; }

.stream-view__streams a.carousel-stream span { display: block; position: absolute; z-index: 1; left: 8px; top: 6px; white-space: nowrap; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span.user { display: none; } }

.stream-view__streams a.carousel-stream span.date { top: 17px; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span.date { display: none; } }

.stream-view__streams a.carousel-stream span.time { top: 28px; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span.time { display: none; } }

.stream-view__streams a.carousel-stream span.img { right: 8px; height: 110px; background-size: cover; background-position: center; bottom: 8px; top: auto; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span.img { height: auto; top: 2px; right: 2px; bottom: 2px; } }

.stream-view__streams a.carousel-stream span.status { position: absolute; z-index: 100; background: rgba(0, 0, 0, 0.7); text-transform: uppercase; /* left: 10px; */ right: 8px; bottom: 8px; text-align: center; display: block; top: auto; padding: 4px 0; font-size: 12px; font-weight: bold; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span.status { display: none; } }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream span { left: 2px; top: 2px; } }

.stream-view__streams a.carousel-stream.complete { background: gray !important; }

@media all and (max-width: 768px) { .stream-view__streams a.carousel-stream { width: 83px; height: 83px; } }

.stream-view-fullscreen .stream-view__streams { display: none; }

@media all and (max-width: 768px) { .stream-view__streams { height: 98px; } }

.stream-view__streams.main-stage .slick-arrow { border-color: transparent white transparent transparent; }

.stream-view__streams.main-stage .slick-arrow.slick-next { border-color: transparent transparent transparent white; }

.stream-view__streams.main-stage a { color: white; }

.stream-view__streams.main-stage a span { border-color: white; }

.stream-view__streams.main-stage a.carousel-stream { background-color: white; }

.stream-view__streams.new-music-stage .slick-arrow { border-color: transparent #d5517b transparent transparent; }

.stream-view__streams.new-music-stage .slick-arrow.slick-next { border-color: transparent transparent transparent #d5517b; }

.stream-view__streams.new-music-stage a { color: #d5517b; }

.stream-view__streams.new-music-stage a span { border-color: #d5517b; }

.stream-view__streams.new-music-stage a.carousel-stream { background-color: #d5517b; }

.stream-view__streams.world-stage .slick-arrow { border-color: transparent #353635 transparent transparent; }

.stream-view__streams.world-stage .slick-arrow.slick-next { border-color: transparent transparent transparent #353635; }

.stream-view__streams.world-stage a { color: #353635; }

.stream-view__streams.world-stage a span { border-color: #353635; }

.stream-view__streams.world-stage a.carousel-stream { background-color: #353635; }

.stream-view__streams.dance-house-stage .slick-arrow { border-color: transparent #353635 transparent transparent; }

.stream-view__streams.dance-house-stage .slick-arrow.slick-next { border-color: transparent transparent transparent #353635; }

.stream-view__streams.dance-house-stage a { color: #353635; }

.stream-view__streams.dance-house-stage a span { border-color: #353635; }

.stream-view__streams.dance-house-stage a.carousel-stream { background-color: #353635; }

.stream-view__streams.inspiring-speakers-stage .slick-arrow { border-color: transparent white transparent transparent; }

.stream-view__streams.inspiring-speakers-stage .slick-arrow.slick-next { border-color: transparent transparent transparent white; }

.stream-view__streams.inspiring-speakers-stage a { color: white; }

.stream-view__streams.inspiring-speakers-stage a span { border-color: white; }

.stream-view__streams.inspiring-speakers-stage a.carousel-stream { background-color: white; }

.stButton { margin: 0 0 5px 0 !important; }

.stButton .stMainServices { height: 22px !important; }

.share-code { font-size: 18px; font-weight: 900; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; }

.share-code > span { padding-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.share-code input { height: 32px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: normal; }

.share-code .gradient-button i { display: none; }

@media all and (max-width: 768px) { .share-code .gradient-button i { display: inline-block; } }

@media all and (max-width: 768px) { .share-code .gradient-button { font-size: 12px; }
  .share-code .gradient-button span { display: none; } }

@media all and (max-width: 768px) { .share-code { font-size: 12px; } }

.search-users { position: absolute; z-index: 1000; top: 50px; right: 10px; height: 300px; width: 300px; background: #000000; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transition: .3s opacity; transition: .3s opacity; box-shadow: 0 0 20px black; border: 1px solid white; }

.search-users.show { opacity: 1; }

.search-users-header { background: white; color: red; padding: 5px 10px; font-size: 18px; margin-bottom: 5px; line-height: normal; }

.search-users-results { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; }

.search-users-results .result { text-transform: uppercase; margin-bottom: 5px; cursor: pointer; }

.search-users .ps-container { position: absolute; z-index: 10; left: 5px; right: 5px; bottom: 5px; top: 0; }

.search-users .search-box { margin: 0 0 5px 4px; }

#content.streams .video { width: 100%; height: calc(100vh - 40px - 20px - 40px); position: relative; -webkit-transition: .3s all; transition: .3s all; overflow: hidden; }

#content.streams .video .embed { position: absolute; right: 0; width: 100%; height: 70%; -webkit-transition: .3s all; transition: .3s all; }

#content.streams .video .embed .embed-responsive.embed-responsive.embed-responsive-16by9 { position: inherit; left: auto; top: auto; height: auto; }

#content.streams .video .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#content.streams .video .embed .overlay { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: black; }

#content.streams .video .info { position: absolute; top: 70%; left: 0; width: 100%; height: 30%; -webkit-transition: .3s all; transition: .3s all; border-top: 1px solid white; overflow: auto; }

#content.streams .video .info .tip { font-size: 11px; text-transform: uppercase; }

#content.streams .video .info .tip input { display: inline-block; }

#content.streams .video .info .tip-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#content.streams .video .info .tip-artist { padding: 5px 0 0 5px; }

#content.streams .video .info .tip-artist > * { margin-right: 5px; }

#content.streams .video .info .tip-artist input { width: 40px; }

#content.streams .video .info .tip-dollars { padding: 5px 5px 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#content.streams .video .info .tip-dollars > * { margin-left: 5px; }

#content.streams .video .info .tip-dollars select { width: 60px; }

@media (min-width: 768px) { #content.streams .video .info .tip { display: -webkit-box; display: -ms-flexbox; display: flex; } }

#content.streams .video .info .description { padding: 10px; white-space: pre-wrap; }

#content.streams .video.no-info .embed { height: 100%; }

#content.streams .video.no-info .info { top: 100%; }

@media (min-width: 480px) and (max-width: 767px) { #content.streams .video .embed { width: 50%; height: 100%; }
  #content.streams .video .info { width: 50%; height: 100%; top: 0; border-right: 1px solid white; border-top: none; }
  #content.streams .video.no-info .embed { width: 100%; }
  #content.streams .video.no-info .info { left: -50%; top: 0; } }

@media (min-width: 768px) { #content.streams .video.show { width: 70%; } }

#content.streams .listmenu.editing { padding: 10px; }

#content.streams .listmenu.sharing .share { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

#content.streams .listmenu.sharing .share > * { margin-right: 10px; }

#content.streams .listmenu.streams .list { padding: 10px; }

#content.streams .listmenu.streams .list .stream { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; margin-bottom: 20px; }

#content.streams .listmenu.streams .list .stream .image img { width: 100%; }

@media (min-width: 480px) { #content.streams .listmenu.streams .list .stream .image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

#content.streams .listmenu.streams .list .stream .details .status { text-transform: uppercase; margin-bottom: 5px; font-weight: 900; }

#content.streams .listmenu.streams .list .stream .details .detail span { font-weight: bold; }

@media (min-width: 480px) { #content.streams .listmenu.streams .list .stream .details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; } }

#content.streams .listmenu.streams .list .stream:last-child { margin-bottom: 0; }

@media (min-width: 480px) { #content.streams .listmenu.streams .list .stream { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

#content.streams .listmenu.comments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#content.streams .listmenu.comments .post-comment { padding: 10px; }

#content.streams .listmenu.comments .comment .message { display: -webkit-box; display: -ms-flexbox; display: flex; }

#content.streams .listmenu.comments .comment .message .user { width: 30px; margin-right: 10px; }

#content.streams .listmenu.comments .comment .message .user img { width: 100%; }

#content.streams .listmenu.comments .comment .message .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#content.streams .listmenu.comments .comment .message .content .name { font-weight: bold; }

#content.streams .listmenu.comments .comment .time { text-align: right; font-size: 11px; opacity: 0.5; }

.overlay-container { width: 100%; color: white; }

.overlay-row { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 768px) { .overlay-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.overlay-coin { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 20px 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.overlay-coin h3 { font-size: 18px; color: white; }

.overlay-coin .token { margin-top: 20px; display: inline-block; }

@media all and (max-width: 768px) { .overlay-coin { display: none; }
  .stream-view-fullscreen .overlay-coin { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.overlay-time { border-left: 1px solid white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.overlay-time h3 { color: white; }

.overlay-time h3 span.unit { font-size: 14px; text-transform: none; font-weight: 300; }

@media all and (max-width: 768px) { .overlay-time h3 { font-size: 15px; line-height: 17px; }
  .overlay-time h3 span.unit { font-size: 11px; } }

@media all and (max-width: 768px) { .overlay-time { border: none; text-align: center; padding-left: 0; } }

.overlay-actions { text-align: center; padding: 20px 0; font-size: 14px; }

.overlay-actions .fa { color: white; }

.overlay-actions a.outline-button { font-weight: 300; text-transform: none; color: white; }

.overlay-actions a.outline-button:hover { border-color: white; color: white; }

@media all and (max-width: 768px) { .overlay-actions a.outline-button { margin: 0; } }

@media all and (max-width: 768px) { .overlay-actions { font-size: 11px; padding: 0; } }

#create-stream .pscrollbar { height: 380px; position: relative; }

#create-stream .poster { display: -webkit-box; display: -ms-flexbox; display: flex; }

#create-stream .poster > div:first-child { width: 169px; }

#create-stream .poster > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#create-stream .poster .progress { width: 100%; }

#create-stream .poster .progress .bar { background: red; height: 2px; }

#gift { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; position: absolute; z-index: 1000; width: 352px; min-height: 220px; left: 50%; top: 50%; margin: -150px 0 0 -176px; background: #000000; box-shadow: 0 0 20px black; visibility: hidden; }

#gift h4 { margin-bottom: 10px; }

#gift .gift-container { padding: 10px; }

#gift.show { opacity: 1; visibility: visible; }

#gift .close { position: absolute; z-index: 10; right: 0; top: 0; background-size: cover; width: 20px; height: 20px; }

#register .confirmed { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; background: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#register .confirmed img { max-width: 100%; margin-bottom: 20px; }

#register .choose-sector > div { padding: 10px 0; }

#register .choose-sector > div > a { display: inline-block; font-size: 0; margin: 0 3px; }

#register .choose-sector > div > a.active { background: red; border-radius: 50%; -webkit-transition: background 300ms; transition: background 300ms; }

#register .choose-sector img { width: 100px; margin: 3px; }

#order .amounts dc-radio { float: left; width: 33%; }

.credit-pricing { font-size: 14px; text-transform: uppercase; margin-left: -4px; margin-right: -4px; }

.credit-pricing .credit-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.credit-pricing .credit-row > div { padding-left: 4px; padding-right: 4px; }

.credit-pricing .credit-row.total { font-size: 16px; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; }

.credit-pricing .credit-row.total .name { font-weight: 900; }

.credit-pricing .credit-row .name { width: 150px; }

.credit-pricing .credit-row .price { font-weight: 900; color: white; text-align: right; width: 70px; }

.credit-pricing .desc { font-size: 10px; text-transform: none; }

#modal-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; margin-top: 40px; z-index: 1000; }

#modal-mask.transparent { background: transparent; }

body.modal #modal-mask { display: block; }

.modal-panel { z-index: 2000; width: 50%; left: 25%; top: 20px; min-height: 220px; background: #000000; box-shadow: 0 0 20px black; position: absolute; }

.modal-panel-container { padding: 15px; }

@media all and (max-width: 768px) { .modal-panel { left: 0; right: 0; top: 0; width: auto; overflow: auto; bottom: 0; } }

.modal-panel .close { position: absolute; z-index: 1000; right: 0; top: 0; background-size: cover; width: 20px; height: 20px; }

.fixed-modal { z-index: 2000; width: 50%; left: 25%; top: 20px; min-height: 220px; background: #000000; box-shadow: 0 0 20px black; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; position: fixed; top: 50px; bottom: 50px; }

.fixed-modal h4 { margin-bottom: 10px; }

.fixed-modal .fixed-modal-container { padding: 15px; position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; }

.fixed-modal.show { opacity: 1; }

.fixed-modal .close { position: absolute; z-index: 1000; right: 0; top: 0; background-size: cover; width: 20px; height: 20px; }

.fixed-modal dc-radio label, .fixed-modal dc-checkbox label { font-size: 14px; }

.fixed-modal .section { margin-top: 20px; }

.fixed-modal .section:first-child { margin-top: 0; }

.fixed-modal .tips { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; color: white; }

.fixed-modal .tips dc-radio { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.fixed-modal .tips dc-radio label { font-size: 16px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fixed-modal .tips dc-radio label .highlight { font-weight: 900; }

@media all and (max-width: 768px) { .fixed-modal .tips dc-radio label { font-size: 14px; } }

.fixed-modal .optional { padding: 15px; background: #333; margin-bottom: 10px; }

.fixed-modal .agreement { margin-bottom: 10px; }

@media all and (max-width: 768px) { .fixed-modal { left: 0; right: 0; top: 0; bottom: 0; width: auto; } }

[date-picker] .now.active, [date-picker] .now:active, [date-picker] .active.active, [date-picker] .active.disabled, [date-picker] .active:active, [date-picker] .active:hover, [date-picker] .active[disabled], [date-picker] .now.active, [date-picker] .now.disabled, [date-picker] .now:active, [date-picker] .now:hover, [date-picker] .now[disabled] { background: red; }

[date-picker] { color: #999; }

[date-picker] .disabled { color: #ddd !important; }

#footer { background: white; color: #666; font-size: 9px; padding: 0 5px; text-align: right; height: 20px; overflow: hidden; line-height: 20px; }

#footer a { color: red; }

#footer a:hover { color: #ffffff; }

#dev { position: absolute; top: 50%; left: 4px; color: black; background: white; border: 1px solid rgba(255, 255, 0, 0.3); padding: 4px; margin: 0; z-index: 10000; }