.break-word { overflow-wrap: break-word; }
.community .main-page { padding-top: 20px; }
.community .main-page .page-title { text-align: center; }
.community .main-page .page-title h1 { margin-top: 0; margin-bottom: 10px; font-size: 30px; font-weight: bold; }
.community .main-page .page-title h2 { margin-bottom: 20px; font-size: 20px; }
.community .main-page .page-slider-cont {  }
.community .main-page .carousel-inner { padding-bottom: 10px; }
.community .main-page .page-slider-title { margin-bottom: 10px; text-align: center; line-height: 35px; color: #FFF; font-size: 16px; border-radius: 25px; }
.community .main-page .page-slider-cont .carousel-control-prev, .community .main-page .page-slider-cont .carousel-control-next { top: 0; width: 164px; height: 100%; text-align: center; line-height: 215px; display: block; color: #333; font-size: 50px; border-radius: 3px; opacity: 0.5; }
.community .main-page .page-slider-cont .carousel-control-prev-icon, .community .main-page .page-slider-cont .carousel-control-next-icon { background-image: none; }
.community .main-page .page-slider-cont .carousel-control-prev { left: -165px; }
.community .main-page .page-slider-cont .carousel-control-next { right: -165px; }
.community .main-page .page-slider-cont .page-slider-error-cont { padding: 40px 0; text-align: center; font-size: 16px; background: rgba(214, 214, 214, 0.5); border-radius: 5px; }
.community .main-page .page-slider-cont .page-slider-error-cont .fa { margin-right: 10px; }
.community .main-page .items-list-row { margin-left: -5px; margin-right: -5px; }
.community .main-page .items-list-col { padding-left: 5px; padding-right: 5px; }
.community .main-page .items-list-item .items-list-item-title { line-height: 35px; text-align: center; font-size: 16px; font-weight: bold; background: #FFF; border-radius: 25px 25px 0 0; }
.community .main-page .items-list-item .items-list-item-title a { padding: 0 10px; display: block;  max-width: 251px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.community .main-page .items-list-item figure { width: 259px; height: 120px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/no-image.jpg') 50% 50% no-repeat #D9D6DA; }
.community .main-page .items-list-item figure a { display: block; }
.community .main-page .items-list-item figure img { width: 100%; height: auto; }
.community .main-page .items-list-item .items-list-item-type { padding: 5px 0; text-align: center; color: #FFF; text-transform: uppercase; }
.community .main-page .items-list-item .items-list-item-type span { text-transform: none; }
.community .main-page .items-list-item .items-list-item-type-not-guaranteed { background: #939393; } 
.community .main-page .items-list-item .items-list-item-type-guaranteed { background: #0096CC; } 
.community .main-page .items-list-item .items-list-item-type-indiegala { background: #CC001D; } 
.community .main-page .items-list-item .items-list-item-data-placeholder { height: 50px; }
.community .main-page .items-list-item .items-list-item-data-cont { position: absolute; left: 0; bottom: 0; z-index: 20; width: 100%; }
.community .main-page .items-list-item .items-list-item-ticket-click { position: absolute; left: 0; top: 0; z-index: 30; width: 100%; height: 100%; }
.community .main-page .items-list-item .items-list-item-tooth { position: absolute; left: 0; top: -12px; z-index: 10; width: 100%; height: 12px; background: url('https://www.indiegalacdn.com/website/frontend/giveaways/tooth.png') 0 100% repeat-x; background-size: 13px; }
.community .main-page .items-list-item .items-list-item-data { padding: 10px; background: #FFF; border-radius: 0 0 25px 25px; }
.community .main-page .items-list-item .items-list-item-data-top { text-transform: uppercase; font-size: 13px; }
.community .main-page .items-list-item .items-list-item-data-top, .community .main-page .items-list-item .items-list-item-data-bottom { line-height: 15px; }
.main-page .items-list-item .items-list-item-data-bottom { font-weight: bold; }
.main-page .items-list-item .items-list-item-data-left-bottom { color: #CC001D; }
.community .main-page .items-list-item .items-list-item-data-right-top, .community .main-page .items-list-item .items-list-item-data-right-bottom { text-align: right; }
.community .main-page .items-list-item .items-list-item-data-button { width: 60px; height: 30px; margin-right: 10px; border-radius: 25px; }
.community .main-page .items-list-item .items-list-item-data-button a { display: block; text-align: center; line-height: 30px; color: #FFF; font-size: 16px; }
.community .main-page .items-list-item .items-list-item-data-not-purchasable { background: #BFBFBF; }
.items-list-item-error { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0, 0, 0, 0.75); border-radius: 5px; }
.items-list-item-error-inner { position: absolute; top: 50%; left: 50%; width: 80%; margin-top: -35px; margin-left: -40%; background: #FFF; border-radius: 5px; }
.items-list-item-error-text { padding: 5px 0; padding-left: 10px; padding-right: 5px; margin: 10px 0; margin-left: 10px; line-height: 20px; color: #939393; border-left: 5px solid orange; }
.items-list-item-error-text a { color: #939393; text-decoration: underline; }
.items-list-item-error-text span:first-child { margin-right: 5px; }
.community .main-page .page-contents-list-menu { margin-bottom: 10px; }
.community .main-page .page-contents-list-menu-inner { padding: 5px; padding-left: 10px; color: #FFF; background: rgba(147, 147, 147, 0.5); border-radius: 15px; }
.community .main-page .page-contents-list .items-list-item { margin-bottom: 10px; }
.community .main-page .page-contents-list-menu-level-inner { margin: 0; padding: 0; }
.community .main-page .page-contents-list-menu-key { line-height: 28px; font-size: 16px; font-style: italic; }
.community .main-page .page-contents-list-menu-value { margin-left: 15px; font-size: 14px; }
.community .main-page a.page-contents-list-submenu-current-level { width: 160px; display: block; text-align: center; line-height: 30px; background: #FFF; border-radius: 11px; }
.community .main-page a.page-contents-list-submenu-current-level .fa { margin-left: 10px; }
.community .main-page ul.page-contents-list-submenu-level { position: absolute; top: 39px; left: 0; z-index: 30; width: 100%; padding: 5px 0; background: rgba(147, 147, 147, 0.95); border-radius: 15px; }
.community .main-page ul.page-contents-list-submenu-level li { line-height: 30px; text-align: center; }
.community .main-page ul.page-contents-list-submenu-level li a { display: block; font-size: 14px; color: #FFF }
.community .main-page .page-contents-list-menu-sort-inner { padding: 0 15px; }
.community .main-page .page-contents-list-menu-sort .page-contents-list-menu-value { margin-left: 20px; font-size: 16px; }
.community .main-page .page-contents-list-menu-sort .page-contents-list-menu-value a { padding: 0 10px; line-height: 28px; display: block; color: #FFF; border-bottom: 2px solid transparent; }
.community .main-page .page-contents-list-menu-sort .page-contents-list-menu-value a:hover, .community .main-page .page-contents-list-menu-sort .page-contents-list-menu-value a.selected { border-color: #FFF; }
.community .main-page .page-contents-list-menu-sort .page-contents-list-menu-value a .fa { margin-left: 10px; }
.community .main-page .page-contents-list-menu-sort-border { position: relative; height: 2px; line-height: 2px; background: #939393; border: none; }
.community .main-page .page-contents-ajax-search { margin-bottom: 10px; }
.community .main-page .page-contents-list-menu-search-icon { position: absolute; top: 0; right: 0; z-index: 20; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #333; }
.community .main-page .page-contents-list-menu-search-input { width: 246px; height: 30px; padding: 0 10px; padding-right: 30px; background: #FFF; border-radius: 11px; border: none; }
.community .main-page .site-claim { margin-bottom: 10px; }
.community .main-page .site-claim a { text-decoration: underline; }
.community .main-page .page-contents-ajax-inner {padding: 15px; background: rgba(147, 147, 147, 0.75); border-radius: 25px; }
.community .main-page .page-contents-ajax-header h6 { margin-bottom: 15px; line-height: 30px; color: #FFF; font-size: 16px; }
.community .main-page a.page-contents-ajax-close { width: 30px; text-align: center; line-height: 30px; color: #FFF; font-size: 25px; }
.community .main-page .page-contents-ajax-angle { position: absolute; top: -12px; right: 115px; z-index: 40; width: 0; height: 0; border-style: solid; border-width: 0 9px 12px 9px; border-color: transparent transparent rgba(147, 147, 147, 0.75) transparent; }
.community .main-page .page-contents-ajax-more-specific { margin-left: 15px; font-size: 14px; }
.community .main-page .page-contents-ajax .items-list-item figure { width: 100%; height: 116px; }
.community .main-page .page-contents-ajax .page-contents-ajax-no-results { padding: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #FFF; }
.community .main-page .page-contents-ajax .page-contents-ajax-no-results span { margin-right: 10px; font-size: 20px; }
.community .main-page .page-contents-ajax .page-contents-ajax-no-results a { color: #FFF; text-decoration: underline; }
.community .main-page .page-contents-list-menu-opacity { opacity: 0.5; }
.community .main-page .page-contents-ajax-list-cover { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; background: transparent; border-radius: 5px; }
.community .main-page .page-contents-ajax-list-cover p { width: 220px; margin: 0 auto; margin-top: 100px; text-align: center; line-height: 35px; color: #333; font-size: 16px; }
.community .main-page .page-contents-ajax-list-cover p .fa { margin-right: 5px; }
.community .site-claim-inner { background: none; }

p.about-spam-margin-bottom { margin: 20px; }

.community .card-page { width: 460px; padding: 30px 0; }
.community .card-page .card-title { padding: 0; margin: 0; background: #FFF; border-radius: 25px 25px 0 0; }
.community .card-page .card-title h1 { padding: 10px 30px; text-align: center; line-height: 30px; font-size: 20px; font-weight: bold; }
.community .card-page .card-title a { padding-right: 8px; line-height: 50px; color: #939393; }
.community .card-page .card-main-img { min-height: 210px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/no-image.jpg') 50% 50% no-repeat #D9D6DA; }
.community .card-page .card-main-img img { width: 100%; height: auto; }
.community .card-page .card-inner { padding: 0 25px; }
.community .card-page .card-contents { top: -25px; }
.community .card-page .card-outer-bg-gradient { border-radius: 0 0 25px 25px; }
.community .card-page .card-outer-bg-opacity { background-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 5px 5px; }
.community .card-page .card-contents-padding { padding: 15px; padding-bottom: 0; background: #FFF; border-radius: 25px 25px 0 0; }
.community .card-page .card-description { padding-bottom: 15px; line-height: 22px; font-size: 14px; }
.community .card-page .card-data { margin-bottom: 20px; }
.community .card-page .card-data-row { margin-left: 0; margin-right: 0; }
.community .card-page .card-data-col { padding-left: 0; padding-right: 0; }
.community .card-page .card-data-col-inner { padding: 10px 0; text-align: center; }
.community .card-page .card-data-title { line-height: 20px; color: #939393; text-transform: uppercase; }
.community .card-page .card-data-text { line-height: 20px; }
.community .card-page .card-data-col-border { border-right: 1px solid rgba(0, 0, 0, 0.05); }
.community .card-page .card-data-col-sep { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.community .card-page figure.card-owner-avatar { width: 64px; height: 64px; border-radius: 64px; overflow: hidden; }
.community .card-page figure.card-owner-avatar img { width: 100%; height: auto; display: block; }
.community .card-page figcaption.card-owner-data { margin-left: 80px; margin-top: 12px; }
.community .card-page figcaption.card-owner-data .card-owner-username, .community .card-page figcaption.card-owner-data .card-owner-feedback { line-height: 20px; }
.community .card-page figcaption.card-owner-data .card-owner-username { font-weight: bold; }
.community .card-page figcaption.card-owner-data .card-owner-feedback { color: #939393; }
.community .card-page .card-owner, .community .card-page .card-winner-owner { padding: 15px 0; margin-bottom: 20px; background: rgba(0, 0, 0, 0.05); border-radius: 25px; }
.community .card-page .card-timer {  }
.community .card-page .card-timer-col-inner { width: 80px; text-align: center; }
.community .card-page .card-timer-value { line-height: 22px; font-size: 16px; font-weight: bold; }
.community .card-page .card-timer-text { line-height: 22px; font-size: 14px; color: #939393; text-transform: uppercase; }
.community .card-page .card-ticket { position: absolute; width: 100%; bottom: 0; background: #FFF; border-radius: 0 0 25px 25px; }
.community .card-page .card-ticket-tooth { position: absolute; top: -18px; left: 0; width: 100%; height: 12px; z-index: 20; background: url('https://www.indiegalacdn.com/website/frontend/giveaways/tooth.png') 0 0 repeat-x; background-size: 14px; }
.community .card-page .card-join { margin: 15px; margin-bottom: 0; border-radius: 25px; overflow: hidden; }
.community .card-page .card-join a { display: block; line-height: 45px; text-align: center; font-size: 18px; color: #FFF; }
.community .card-page .card-join a .fa { margin-right: 5px; }
.community .card-page .card-join span { margin: 0 10px; }
.community .card-page .card-join-disabled { background: #939393; }
.community .card-page .card-join-disabled a { cursor: default; }
.community .card-page .card-join-info { text-align: center; line-height: 30px; color: #939393; font-size: 12px; text-transform: uppercase; }
.community .card-page .card-join-info span { padding: 3px 6px; margin: 0 2px; color: #FFF; background: #BFBFBF; border-radius: 30px; }
.community .card-page .card-ticket-placeholder { height: 90px; border-top: 5px solid #FFF; }
.community .card-page .giveaway-status-expired .card-join { opacity: 0.5 }
.community .card-page .giveaway-status-expired .card-join a { cursor: default; }
.community .card-page .card-timer-text { text-align: center; line-height: 45px; color: #939393; }
.community .card-page .card-winner-padding { padding: 0 10px; text-align: center; }
.community .card-page .card-winner-owner-text { margin-bottom: 10px; color: #939393; text-transform: uppercase; }
.community .card-page figure.card-winner-avatar { width: 64px; height: 64px; margin: 0 auto; margin-bottom: 10px; border-radius: 64px; overflow: hidden; }
.community .card-page figure.card-winner-avatar img { width: 100%; height: auto; display: block; }
.community .card-page figcaption.card-winner-username { font-weight: bold; }
.community .card-page figcaption.card-owner-username, 
.community .card-page figcaption.card-winner-username, 
.community .card-page figcaption.card-owner-data .card-owner-username { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.community .card-page .card-winner-owner figure.card-owner-avatar { width: 54px; height: 54px; margin: 0 auto; margin-bottom: 10px; border-radius: 54px; overflow: hidden; }
.community .card-page .card-winner-owner .card-owner-row { margin-left: 0; margin-right: 0; }
.community .card-page .card-winner-owner .card-owner-col, .community .card-page .card-winner-owner .card-winner-col { padding-left: 0; padding-right: 0; }
.community .card-page .card-winner-owner .card-winner-col .card-winner-padding { border-right: 1px solid #FFF; }
.community .card-page .card-owner-indiegala {  }

.community .xf-comments { padding: 30px 0; margin-left: 500px; }

.card-outer-bg-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.card-outer-bg-gradient-inner { position: absolute; top: -1%; left: -1%; width: 102%; height: 102%; }
.card-outer-bg-gradient-inner-opacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25) }
.card-error { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0, 0, 0, 0.75); border-radius: 5px; }
.card-error-inner { position: absolute; top: 50%; left: 50%; width: 80%; margin-top: -35px; margin-left: -40%; background: #FFF; border-radius: 5px; }
.card-error-text { padding: 5px 0; padding-left: 10px; padding-right: 5px; margin: 10px 0; margin-left: 10px; line-height: 20px; color: #939393; border-left: 5px solid orange; }
.card-error-text a { color: #939393; text-decoration: underline; }
.card-error-text span:first-child { margin-right: 5px; }

.community .page-error-cont { padding: 40px; margin-top: 40px; text-align: center; line-height: 40px; font-size: 16px; }
.community .page-error-cont .fa { margin-right: 10px; color: #FF4400; }
.community .page-error-cont a { color: #939393; text-decoration: underline; }

.trades .main-page .page-contents { padding-bottom: 20px; }
.community .trades .main-page .page-title h1 { color: #FFF; }
.community .trades .main-page .page-title h2 { color: #D9D6DA; }
.flex-results-grid { margin: 0 -5px; display: flex; flex-flow: row wrap; }
.trades-list-cont { -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease }
.opacity-015 { opacity: 0.15; }
.flex-results-grid .flex-item { flex: 0 0 33.333%; }
.flex-item-padding { padding: 0 5px; margin-bottom: 10px; }
.trades-list-card-relative { border-radius: 25px; overflow: hidden; } 
.trades-list-card-absolute { position: absolute; top: 5px; left: 0; z-index: 50; width: 100%; height: 100%; }
.trades-list-card-contents { padding: 0 5px; padding-bottom: 90px; }
.trades-list-card-bg { height: 265px; padding: 15px; background: rgba(214, 214, 214, 0.5); }
.trades-list-card-guaranteed-badge { position: absolute; right: 30px; top: 120px; z-index: 60; padding: 0 7px; line-height: 22px; color: #FDCD34; font-size: 12px;  text-transform: uppercase; background: #96742A; border-radius: 25px; }
.trades-list-card-guaranteed-badge .fa { margin-right: 5px; }
.trades-list-card figure { height: 165px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg'); background-size: cover; border-radius: 20px; overflow: hidden; }
.trades-list-card figure img { width: 100%; height: auto; }
.trades-list-card-figcaption { position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; }
.trades-list-card-figcaption-padding { padding: 15px; margin: 0 10px; background: #272727; border-radius: 20px; }
.trades-list-card-title { max-width: 100%; line-height: 22px; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.trades-list-card-title a { color: #FFF; }
.trades-list-card-guaranteed .trades-list-card-title a { color: #272727; }
.trades-list-card-expire { padding-bottom: 5px; margin-bottom: 5px; color: #939393; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.05) }
.trades-list-card-guaranteed .trades-list-card-expire { color: #333; }
.trades-list-card-guaranteed .plt-color-error { color: #E00 !important; }
.trades-list-card-expire .fa { margin-right: 5px; }
.trades-list-card-user img { width: 40px; height: auto; margin-right: 10px; border-radius: 40px; }
.trades-list-card-username { margin-right: 10px; color: #D9D6DA; }
.trades-list-card-guaranteed .trades-list-card-username { color: #333; }
.trades-list-card-feedback { color: #D9D6DA; }
.trades-list-search { padding: 5px; margin-bottom: 10px; background: rgba(0, 0, 0, 0.65); border-radius: 25px; }
.trades-list-search-flex { flex-flow: row wrap; justify-content: right; }
.trades-list-search-option { flex: 0 0 175px; margin-right: 5px; text-align: center; line-height: 40px; color: #939393; text-transform: uppercase; background: #272727; border-radius: 25px; }
.trades-list-search-option-selected,
.trades-list-search-option:hover { color: #D9D6DA; background: #434343; }
.trades-list-search-input { flex: 0 0 300px; }
.trades-list-search-input input { width: 100%; padding-left: 15px; padding-right: 40px; line-height: 38px; color: #D9D6DA; background: #272727; border: 1px solid #2F2F2F; border-radius: 25px; }
.trades-list-search-input-cancel { position: absolute; top: 0; right: 5px; z-index: 50; width: 40px; text-align: center; line-height: 40px; color: #D9D6DA; font-size: 18px; }
.trades-list-search-input-cancel:hover { color: #D9D6DA; }
.trades-search-results { position: absolute; top: 70px; right: 10px; z-index: 70; width: 50%; }
.trades-search-results-padding { padding: 5px; color: #D9D6DA; background: rgba(0, 0, 0, 0.85); border-radius: 20px; }
.trades-search-results-arrow { position: absolute; top: -10px; right: 140px; z-index: 80; width: 0px; height: 0px; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; transform: rotate(0deg); }
.search-max-height { padding-right: 5px; overflow-y: scroll; }
.search-max-height-1 { max-height: 178px; }
.search-max-height-2 { max-height: 448px; }
.trades-search-results ul li { flex-flow: row wrap; padding: 5px; margin-bottom: 5px; background: #2F2F2F; border-radius: 15px; }
.trades-search-results ul li:last-child { margin-bottom: 0; }
.trades-search-results ul li figure { flex: 0 0 120px; border-radius: 10px; overflow: hidden; height: 56px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg'); background-size: cover; }
.trades-search-results ul li figure img { width: 100%; height: auto; }
.trades-search-results ul li figcaption h3 { max-width: 350px; padding-left: 15px; line-height: 56px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.trades-search-results ul li figcaption h3 a { color: #D9D6DA; }
.trades-search-results-text { padding: 16px 0; text-align: center; line-height: 20px; color: #939393; font-size: 16px; font-style: italic; }
.trades-search-results-text span { margin-right: 10px; font-style: normal; }
.ajax-pagination { padding: 5px; margin-bottom: 25px; background: rgba(0, 0, 0, 0.65); border-radius: 25px; }
.ajax-pagination-flex { flex-flow: row wrap; justify-content: right; }
.ajax-pagination-item { padding: 0 25px; margin-left: 5px; line-height: 40px; font-size: 16px; color: #D9D6DA; background: #272727; border-radius: 25px; }
a.ajax-pagination-item:hover { color: #FFF; }
span.ajax-pagination-item { color: #939393; background: #2f2f2f; }
.ajax-pagination .ajax-pagination-item:first-child { margin-left: 0; }
.page-contents-error { padding: 50px; text-align: center; line-height: 25px; color: #D9D6DA; font-size: 16px; background: rgba(0, 0, 0, 0.65); border-radius: 25px; }
.page-contents-error span { font-weight: bold; }
.page-contents-error a { color: #FFF; text-decoration: underline; }

.trades-card { padding: 20px 0; }
.trades-card-flex { flex-flow: row wrap; }
.trades-card-left { position: relative; z-index: 100; flex: 0 0 460px; overflow: hidden; box-shadow: 5px 1px 7px 0px rgba(0, 0, 0, 0.5); border-radius: 25px; }
.trades-card-left-inner { background-color: #272727; border-radius: 25px; overflow: hidden; }
.trades-card-right { flex: 1; margin-top: 35px; margin-bottom: 25px; }
.trades-card-right-abs { position: absolute; top: 0; left: -450px; z-index: 50; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); border-radius: 0 25px 25px 0; }
.trades-card-right-abs-padding { padding: 15px 25px; }
.trades-card-right-abs-padding-opacity { opacity: 0.3 }
.trades-card-guaranteed h1.trades-card-title { color: #272727; }
h1.trades-card-title { max-width: 100%; padding: 10px 50px; text-align: center; line-height: 30px; color: #FFF; font-size: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
h1.trades-card-title a { position: absolute; top: 10px; right: 10px; z-index: 70; width: 30px; text-align: center; line-height: 30px; color: #D9D6DA; font-size: 14px; background: #343434; border-radius: 25px; }
.trades-card-image { height: 215px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg'); background-size: cover; overflow: hidden; }
.trades-card-blur-cont { height: 470px; overflow: hidden; }
.trades-card-blur { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; }
.trades-card-data { position: absolute; bottom: 25px; left: 50%; z-index: 60; width: calc(100% - 50px); transform: translate(-50%, 0); margin-left: auto; margin-right: auto; background-color: #272727; border-radius: 20px; overflow: hidden; }
.trades-card-data-inner { padding: 15px; padding-bottom: 5px; color: #939393; }
.trades-card-date { flex-flow: row wrap; margin-bottom: 15px; }
.trades-card-date-item { flex: 1; margin: 0 2.5px; padding: 10px 0; text-align: center; background: rgba(255, 255, 255, 0.05); border-radius: 10px; }
.trades-card-guaranteed .trades-card-date-item { background: #272727; }
.trades-card-date-item-row-top { margin-bottom: 5px; color: #D9D6DA; line-height: 22px; font-size: 16px; font-weight: bold; }
.trades-card-date-item-row-bottom { font-size: 12px; text-transform: uppercase; }
.trades-card-description { margin-bottom: 15px; line-height: 20px; height: 80px; overflow: hidden; }
.trades-card-guaranteed .trades-card-description { color: #343434; }
.trades-card-description-full { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background: #272727; overflow-y: auto; }
.trades-card-description-full-padding { padding: 15px; }
.trades-card-description-full h4 { margin-bottom: 10px; line-height: 30px; color: #D9D6DA; font-size: 14px; text-transform: uppercase; }
.trades-card-description-full p { line-height: 20px; }
.trades-card-description-full-close { position: absolute; top: 15px; right: 15px; z-index: 70; width: 30px; text-align: center; line-height: 30px; color: #D9D6DA; font-size: 16px; background: #343434; border-radius: 25px; }
.trades-card-description-full-close:hover { color: #D9D6DA; }
.trades-card-description-read-all { position: absolute; right: 0; bottom: 0; z-index: 50; padding: 0 10px; line-height: 25px; color: #D9D6DA; text-transform: uppercase; background: #343434; border-radius: 25px; }
.trades-card-description-read-all:hover { color: #D9D6DA; }
.trades-card-user { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.trades-card-user figure { width: 40px; height: 40px; margin-right: 15px; border-radius: 40px; overflow: hidden; }
.trades-card-user figure img { width: 100%; height: auto; }
.trades-card-user figcaption .trades-card-username, .trades-card-user figcaption .trades-card-user-reputation { line-height: 40px; }
.trades-card-user figcaption .trades-card-username { font-size: 16px; }
.trades-card-user figcaption .trades-card-username a { color: #D9D6DA; font-weight: bold; }
.trades-card-guaranteed .trades-card-user figcaption .trades-card-username a { color: #272727; }
.trades-card-data h3 { margin-bottom: 5px; line-height: 25px; font-size: 14px; color: #D9D6DA; }
.trades-card-guaranteed .trades-card-data h3 { color: #272727; font-weight: bold; }
.trades-card-requested { flex-flow: row wrap; margin: 0 -5px; }
.trades-card-requested-item { flex: 0 0 50%; }
.trades-card-requested-item-inner { height: 86px; margin: 0 5px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.05); border-radius: 15px; overflow: hidden; }
.trades-card-guaranteed .trades-card-requested-item-inner { background: rgba(0, 0, 0, 0.1); }
.trades-card-requested-item figure { height: 86px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg'); }
.trades-card-requested-item figure a { position: absolute; top: 5px; right: 5px; z-index: 70; width: 30px; text-align: center; line-height: 30px; color: #D9D6DA; font-size: 14px; background: #343434; border-radius: 25px; }
.trades-card-requested-item figure img { width: 100%; height: auto; }
.trades-card-requested-placeholder { text-align: center; line-height: 86px; color: #272727; font-size: 50px; }
.trades-card-guaranteed .trades-card-requested-placeholder { color: rgba(0, 0, 0, 0.25); }
.trades-card-right { color: #939393; }
.trades-card-right-header { flex-flow: row wrap; margin-bottom: 10px; justify-content: center; }
.trades-card-right-header h3 { margin-right: 25px; line-height: 30px; color: #D9D6DA; font-size: 16px; font-weight: bold; }
.trades-card-right-header a { padding: 0 15px; margin-right: 10px; line-height: 30px; color: #FFF; text-transform: uppercase; border-radius: 25px; }
/* .trades-card-right-header a.selected { line-height: 26px; border: 2px solid #FFF; } */
.trades-card-right-header a:last-child { margin-right: 0; }
.trades-card-right-owned { padding: 5px; margin-bottom: 5px; min-height: 90px; max-height: 290px; line-height: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 15px; overflow: hidden; overflow-y: auto; }
.trades-card-right-owned p { padding: 10px; }
.trades-card-right-owned-submit { margin-bottom: 15px; }
.trades-card-right-owned-submit a, 
.trades-card-right-owned-serial-submit a,
.trades-card-right-offers-submit a,
.trades-card-right-offers-fetch a { display: block; text-align: center; line-height: 35px; color: #FFF; text-transform: uppercase; border-radius: 25px; }
.trades-card-right-owned-submit .disabled, 
.trades-card-right-owned-serial-submit .disabled,
.trades-card-right-offers-submit .disabled { color: #939393; background: #343434; cursor: default; }
.trades-card-right-or { height: 35px; margin-bottom: 15px; }
.trades-card-right-or-line { position: absolute; top: 50%; left: 0; z-index: 50; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.05); transform: translate(0, -50%); }
.trades-card-right-or-text { position: absolute; top: 5px; left: 50%; z-index: 50; padding: 0 15px; line-height: 25px; background: #343434; transform: translate(-50%, 0); border-radius: 10px; }
.trades-card-right-steam-url { margin-bottom: 5px; }
.trades-card-right-steam-url-inner input, .trades-card-right-owned-serial input { width: 100%; padding: 0 15px; margin-bottom: 5px; height: 35px; color: #D9D6DA; font-size: 14px; font-family: monospace; background: #444; border: none; border-radius: 25px; }
.trades-card-right-steam-url-inner p { margin-bottom: 5px; line-height: 20px; color: #737373; }
.trades-card-right-note { padding-top: 10px; line-height: 20px; color: #636363; }
.trades-card-right-login { position: absolute; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%); padding: 0 15px; line-height: 35px; color: #FFF; text-transform: uppercase; white-space: nowrap; border-radius: 25px; }
.trades-card-right-login:hover { color: #FFF; }
.trades-card-right-cover { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; }
.trades-card-right-owned-item { padding: 0 15px; margin-bottom: 5px; line-height: 30px; color: #FFF; text-transform: uppercase; border-radius: 25px; }
.trades-card-right-owned-item:last-child { margin-bottom: 0; }
.trades-card-right-owned-item a { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; }
.trades-card-right-owned-item a span { padding: 0 15px; margin: 0 -2px; display: block; line-height: 30px; color: #D9D6DA; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; background: #444; border-radius: 25px; overflow: hidden; }
.trades-card-right-owned-item a.selected { left: 95px; }
.trades-card-right-abs-confirm { position: absolute; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%); width: 75%; background: rgba(0, 0, 0, 0.75); border-radius: 25px; }
.trades-card-right-abs-confirm-padding { padding: 50px; }
.trades-card-right-abs-confirm-close { position: absolute; top: 10px; right: 10px; z-index: 50; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #939393; font-size: 18px; background: #343434; border-radius: 30px; }
.trades-card-right-abs-confirm-close:hover { color: #939393; }
.trades-card-right-abs-confirm-close .fa { position: relative; top: -1px; }
.trades-card-right-abs-confirm p { margin-bottom: 15px; text-align: center; line-height: 25px; color: #D9D6DA; font-size: 16px; }
.trades-card-right-abs-confirm p strong { color: #FFF; }
.trades-card-right-abs-confirm .trades-submit-offer { width: 200px; margin: 0 auto; display: block; text-align: center; line-height: 35px; color: #FFF; font-size: 16px; text-transform: uppercase; border-radius: 25px; }
.trades-card-right-owned-submit-not-guaranteed { margin-bottom: 5px; }
.trades-card-right-owned-submit-error, .trades-submit-offer-error { padding: 5px 15px; margin-top: 5px; line-height: 25px; color: #C73E1D; background: rgba(199, 62, 29, 0.15); border-radius: 15px; }
.trades-submit-offer-error { margin-top: 15px; }
.trades-card-right-owned-submit-error .fa, .trades-submit-offer-error .fa { margin-right: 5px; }
.trades-card-right-owned-submit-error strong, .trades-submit-offer-error strong { margin-right: 5px; }
.trades-card-right-owned-serial-submit { flex: 1; }
.trades-card-right-owned-serial-cancel { margin-left: 25px; }
.trades-card-right-owned-serial-cancel a { display: block; line-height: 35px; color: #939393; text-decoration: underline; }
.trades-card-right-offers { max-height: 550px; padding: 10px; margin-bottom: 5px; line-height: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 15px; overflow: hidden; overflow-y: auto; }
.trades-card-right-offers-empty, .trades-card-right-offers-loading { padding: 20px 10px; text-align: center; line-height: 25px; }
.trades-card-right-offers-empty span { margin-right: 10px; font-size: 18px; }
.trades-card-right-offers .trades-card-right-offers-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.trades-card-right-offers .trades-card-right-offers-item:last-child { margin-bottom: 0; border-bottom: none; }
.trades-card-right-offers-item-data { flex-flow: row wrap; margin-bottom: 5px; }
.trades-card-right-offers-item-data figure { flex: 0 0 155px; height: 72px; margin-right: 10px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg') 50% 50% no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; }
.trades-card-right-offers-item-data figure img { width: 100%; height: auto; }
.trades-card-right-offers-item-data figcaption { flex: 1; }
.trades-card-right-offers-item-user {  }
.trades-card-right-offers-item-user-image { flex: 0 0 40px; height: 40px; margin-right: 5px; }
.trades-card-right-offers-item-user-image img { width: 100%; height: auto; border-radius: 40px; }
.trades-card-right-offers-item-user-name { line-height: 20px; }
.trades-card-right-offers-item-user-name a { color: #D9D6DA; }
.trades-card-right-offers-item-user-name span { display: block; color: #939393; }
.trades-card-right-offers-item-created { line-height: 30px; color: #939393; }
.trades-card-right-offers-item-select { padding: 0 15px; line-height: 30px; color: #FFF; text-transform: uppercase; border-radius: 25px; }
.trades-card-right-offers-item-select a { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; }
.trades-card-right-offers-item-select a span { padding: 0 15px; margin: 0 -2px; display: block; line-height: 30px; color: #D9D6DA; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; background: #444; border-radius: 25px; overflow: hidden; }
.trades-card-right-offers-item-guaranteed .trades-card-right-offers-item-select a span { color: #272727; font-weight: bold; background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%) !important; }
.trades-card-right-offers-item-select a.selected { left: 95px; }
.trades-card-right-offers-item-image a { position: absolute; top: 5px; right: 5px; z-index: 70; width: 20px; text-align: center; line-height: 20px; color: #D9D6DA; font-size: 13px; background: #343434; border-radius: 25px; }
.trades-card-right-offers-count { padding-bottom: 10px; padding-right: 15px; margin-bottom: 10px; line-height: 20px; text-align: right; color: #939393; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.trades-card-right-offers-error, .trades-accept-offer-error { padding: 20px 10px; text-align: center; line-height: 25px; color: #C73E1D; background: rgba(199, 62, 29, 0.15); border-radius: 15px; }
.trades-accept-offer-error { margin-top: 15px; }
.trades-card-right-offers-error .fa, 
.trades-card-right-offers-error strong,
.trades-accept-offer-error .fa,
.trades-accept-offer-error strong { margin-right: 5px; }
.trades-card-right-abs-confirm-owner-title { margin-bottom: 10px; display: block; text-align: center; line-height: 25px; font-size: 16px; color: #939393; text-transform: uppercase; }
.trades-accept-offer { width: 200px; margin: 0 auto; display: block; text-align: center; line-height: 35px; color: #FFF; font-size: 16px; text-transform: uppercase; border-radius: 25px; }
.trades-accept-offer:hover { color: #FFF; }
.trades-card-unavailable { padding: 25px; color: #D9D6DA; background: rgba(0, 0, 0, 0.25); border-radius: 25px; }
.trades-card-unavailable h1 { padding: 25px; text-align: center; color: #FFF; font-size: 75px; font-family: "Lucida Console", Monaco, monospace; }
.trades-card-unavailable p { margin-bottom: 50px; text-align: center; line-height: 25px; color: #939393; font-size: 16px; }
.trades-card-unavailable p span { margin-right: 10px; font-size: 20px; }
.trades-card-unavailable h2 { margin-bottom: 10px; text-align: center; font-size: 18px; }
.trades-card-unavailable .trades-rel { flex-flow: row wrap; margin: 0 -5px; margin-bottom: 40px; }
.trades-card-unavailable .trades-rel-item { flex: 0 0 calc(25% - 10px); height: 118px; margin: 0 5px; margin-bottom: 10px; background: url('https://www.indiegalacdn.com/website/commons/placeholder/orange.jpg') 50% 50% no-repeat; background-size: cover; border-radius: 25px; overflow: hidden; }
.trades-card-unavailable .trades-rel-item img { width: 100%; height: auto; }
.trades-card-unavailable-button { width: 250px; margin: 0 auto; display: block; text-align: center; line-height: 35px; color: #FFF; text-transform: uppercase; border-radius: 25px; }
.trades-card-unavailable-button:hover { color: #FFF; }
.trades-card-right-navigation { position: absolute; right: 20px; top: -35px; z-index: 100; line-height: 35px; text-align: right; }
.trades-card-right-navigation a { color: #D9D6DA; text-transform: uppercase; }
.trades-card-right-navigation a .fa { margin-right: 5px; }

.community .trades .xf-comments { margin-left: 0; }
.community .trades .xf-comments h3.xf-comments-title { color: #939393; }
.community .trades .xf-comments .xf-comments-inner { background: rgba(0, 0, 0, 0.25); }
.community .trades .xf-comments .xf-comments-join figcaption p { color: #D9D6DA; }
.community .trades .xf-comments .xf-comments-join figcaption input { color: #D9D6DA; background: #444; }
.community .trades .xf-comments .xf-comments-login-to-join a { color: #FFF; text-decoration: underline; }
.community .trades .xf-comments .xf-comments-item-user figcaption { color: #D9D6DA; }
.community .trades .xf-comments .xf-comments-item-body { color: #939393; }
.community .trades .xf-comments .xf-comments-item-body a { color: #D9D6DA; text-decoration: underline; }
.community .trades .xf-comments .xf-comments-item { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.community .trades .xf-comments .xf-comments-item:last-child { border-bottom: none; }