@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*@media print {
  a[href]:after {
    content: none !important;
  }
}*/

.black1 {
    color: #202020!important
}

.black2 {
    color: #454545!important
}

.gray1 {
    color: #959595!important
}

.gray2 {
    color: #ACACAC!important
}

.gray3 {
    color: #CCC!important
}

.white1 {
    color: #E5E5E5!important
}

.white2 {
    color: #F5F5F5!important
}

.white {
    color: #FFF!important
}

.global-link {
    color: #0789E7!important
}

.global-color-bright {
    color: #0789E7!important
}

.global-border-bright {
    border-color: #0789E7!important
}

.success-green {
    color: #3C3!important
}

.error-color {
    color: #D9534F!important
}

.black1-bg {
    background-color: #202020!important
}

.black2-bg {
    background-color: #454545!important
}

.gray1-bg {
    background-color: #959595!important
}

.gray2-bg {
    background-color: #ACACAC!important
}

.gray3-bg {
    background-color: #CCC!important
}

.white1-bg {
    background-color: #E5E5E5!important
}

.white2-bg {
    background-color: #F5F5F5!important
}

.white-bg {
    background-color: #FFF!important
}

input::-webkit-input-placeholder {
    color: #CCC
}

input:-moz-placeholder {
    color: #CCC
}

input::-moz-placeholder {
    color: #CCC
}

input:-ms-input-placeholder {
    color: #CCC
}

.disabled::-webkit-input-placeholder {
    color: #454545
}

.disabled:-moz-placeholder {
    color: #454545
}

.disabled::-moz-placeholder {
    color: #454545
}

.disabled:-ms-input-placeholder {
    color: #454545
}

* {
    font-smoothing: antialiased!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: icons;
    src: url('https://fftoolbox.fulltimefantasy.com/fonts/icons_ext.ttf');
    src: url('https://fftoolbox.fulltimefantasy.com/fonts/icons_ext.eot?#iefix') format("embedded-opentype"), url('https://fftoolbox.fulltimefantasy.com/fonts/icons_ext.woff') format("woff"), url('https://fftoolbox.fulltimefantasy.com/fonts/icons_ext.ttf') format("truetype");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icons;
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon_ten-deg:before {
    content: "\e000"
}

.icon_alerts:before {
    content: "\e001"
}

.icon_arrow-down:before {
    content: "\e002"
}

.icon_arrow-left:before {
    content: "\e003"
}

.icon_arrow-right:before {
    content: "\e004"
}

.icon_arrow-up:before {
    content: "\e005"
}

.icon_camera:before {
    content: "\e006"
}

.icon_check:before {
    content: "\e007"
}

.icon_circle-fill:before {
    content: "\e008"
}

.icon_circle-stroke:before {
    content: "\e009"
}

.icon_clock:before {
    content: "\e00a"
}

.icon_close:before {
    content: "\e00b"
}

.icon_cook:before {
    content: "\e00c"
}

.icon_eye:before {
    content: "\e00d"
}

.icon_facebook:before {
    content: "\e00e"
}

.icon_fantasy:before {
    content: "\e00f"
}

.icon_fish:before {
    content: "\e010"
}

.icon_flash:before {
    content: "\e011"
}

.icon_garden:before {
    content: "\e012"
}

.icon_golf:before {
    content: "\e013"
}

.icon_handy_build:before {
    content: "\e014"
}

.icon_high_school:before {
    content: "\e015"
}

.icon_history:before {
    content: "\e016"
}

.icon_hunt:before {
    content: "\e017"
}

.icon_instagram:before {
    content: "\e018"
}

.icon_jersey:before {
    content: "\e019"
}

.icon_location-simple:before {
    content: "\e01a"
}

.icon_location:before {
    content: "\e01b"
}

.icon_logout:before {
    content: "\e01c"
}

.icon_megaphone:before {
    content: "\e01d"
}

.icon_membership:before {
    content: "\e01e"
}

.icon_menu:before {
    content: "\e01f"
}

.icon_mlb:before {
    content: "\e020"
}

.icon_nba:before {
    content: "\e021"
}

.icon_ncaa:before {
    content: "\e01D"
}

.icon_nfl:before {
    content: "\e022"
}

.icon_pencil:before {
    content: "\e023"
}

.icon_photos:before {
    content: "\e024"
}

.icon_pin:before {
    content: "\e025"
}

.icon_play:before {
    content: "\e026"
}

.icon_podium:before {
    content: "\e027"
}

.icon_rankings:before {
    content: "\e028"
}

.icon_rss:before {
    content: "\e029"
}

.icon_scout:before {
    content: "\e02A"
}

.icon_scoutstar:before {
    content: "\e02B"
}

.icon_scoutstars:before {
    content: "\e02C"
}

.icon_search:before {
    content: "\e02D"
}

.icon_silhouette:before {
    content: "\e02E"
}

.icon_speech:before {
    content: "\e02F"
}

.icon_speechbubble:before {
    content: "\e030"
}

.icon_star:before {
    content: "\e031"
}

.icon_twitter:before {
    content: "\e032"
}

.icon_university:before {
    content: "\e033"
}

.icon_wheel:before {
    content: "\e034"
}

.icon_year:before {
    content: "\e035"
}

.icon_logo:before {
    content: "\e036"
}

.icon_reply:before {
    content: "\e037"
}

.icon_compose:before {
    content: "\e038"
}

.icon_quote:before {
    content: "\e039"
}

.icon_delete:before {
    content: "\e03A"
}

.icon_trash:before {
    content: "\e03B"
}

.icon_inbox:before {
    content: "\e03C"
}

.icon_send:before {
    content: "\e03D"
}

.icon_prev:before {
    content: "\e03E"
}

.icon_next:before {
    content: "\e03F"
}

.icon_new-tag:before {
    content: "\e040"
}

.icon_hot-tag:before {
    content: "\e041"
}

.icon_lock:before {
    content: "\e042"
}

.icon_lock-pin:before {
    content: "\e043"
}

.icon_pin-thread:before {
    content: "\e044"
}

.icon_post-by:before {
    content: "\e045"
}

.icon_archive:before {
    content: "\e046"
}

.icon_copy:before {
    content: "\e047"
}

.icon_info:before {
    content: "\e048"
}

.icon_undelete:before {
    content: "\e049"
}

.icon_flip:before {
    content: "\e04A"
}

.icon_tree:before {
    content: "\e04B"
}

.icon_share:before {
    content: "\e04C"
}

.icon_comment:before {
    content: "\e04D"
}

.icon_up-next:before {
    content: "\e04E"
}

.icon_magazine:before {
    content: "\e04F"
}

.icon_scout-300-badge:before {
    content: "\e050"
}

.icon_scout-100-badge:before {
    content: "\e05B"
}

.icon_scout-badge:before {
    content: "\e05C"
}

.icon_blog:before {
    content: "\e051"
}

.icon_podcast:before {
    content: "\e052"
}

.icon_comments:before {
    content: "\e053"
}

.icon_tailgater:before {
    content: "\e054"
}

.icon_ticket:before {
    content: "\e055"
}

.icon_cart:before {
    content: "\e056"
}

.icon_print:before {
    content: "\e057"
}

.icon_masonry:before {
    content: "\e058"
}

.icon_list:before {
    content: "\e059"
}

.icon_close-x:before {
    content: "\e05D"
}

.icon_full-ban:before {
    content: "\e05E"
}

.icon_read-only:before {
    content: "\e05F"
}

.icon_premium:before {
    content: "\e06B"
}

.icon_circle-play:before {
    content: "\e061"
}

.icon_rating:before {
    content: "\e062"
}

.icon_juco-100:before {
    content: "\e063"
}

.icon_photo:before {
    content: "\e064"
}

.icon_player:before {
    content: "\e065"
}

.icon_stories:before {
    content: "\e066"
}

.icon_videos:before {
    content: "\e067"
}

.icon_draft-badge:before {
    content: "\e068"
}

.icon_prospect-badge:before {
    content: "\e069"
}

.icon_fantasy-badge:before {
    content: "\e06A"
}

.icon_key:before {
    content: "\e06B"
}

.icon_bell:before {
    content: "\e06C"
}

.icon_plus:before {
    content: "\e06D"
}

.icon_speaker:before {
    content: "\e06E"
}

.icon_filters:before {
    content: "\e06F"
}

.icon_pause:before {
    content: "\e070"
}

.icon_avatar:before {
    content: "\e071"
}

.icon_upvote:before {
    content: "\e072"
}

.icon_downvote:before {
    content: "\e073"
}

.icon_more:before {
    content: "\e074"
}

.icon_reply-solid:before {
    content: "\e075"
}

.icon_forward-solid:before {
    content: "\e076"
}

.icon_post:before {
    content: "\e077"
}

.icon_post-mini:before {
    content: "\e078"
}

.icon_embed:before {
    content: "\e079"
}

.icon_premium-badge:before {
    content: "\e07A"
}

.icon_lock-solid:before {
    content: "\e07B"
}

.icon_lock-outline:before {
    content: "\e07C"
}

.icon_down-circle-thin:before {
    content: "\e080"
}

.icon_down-circle-solid:before {
    content: "\e081"
}

.icon_down:before {
    content: "\e082"
}

.icon_circle-up-thin:before {
    content: "\e083"
}

.icon_circle-up-solid:before {
    content: "\e084"
}

.icon_up:before {
    content: "\e085"
}

.icon_left-circle-thin:before {
    content: "\e086"
}

.icon_left-circle-solid:before {
    content: "\e087"
}

.icon_left:before {
    content: "\e088"
}

.icon_right-circle-thin:before {
    content: "\e089"
}

.icon_right-circle-solid:before {
    content: "\e08A"
}

.icon_right:before {
    content: "\e08B"
}

.icon_plus-circle-thin:before {
    content: "\e08C"
}

.icon_plus-circle-solid:before {
    content: "\e08D"
}

.icon_minus-circle-thin:before {
    content: "\e08E"
}

.icon_minus-circle-solid:before {
    content: "\e08F"
}

.icon_minus:before {
    content: "\e090"
}

.icon_close-circle-thin:before {
    content: "\e091"
}

.icon_close-circle-solid:before {
    content: "\e092"
}

.icon_check-circle-thin:before {
    content: "\e093"
}

.icon_check-circle-solid:before {
    content: "\e094"
}

.icon_full-screen:before {
    content: "\e095"
}

.icon_full-screen-exit:before {
    content: "\e096"
}

.icon_feed-full:before {
    content: "\e097"
}

.icon_feed-collapse:before {
    content: "\e098"
}

.icon_feed1:before {
    content: "\e099"
}

.icon_feed2:before {
    content: "\e09A"
}

.icon_feed3:before {
    content: "\e09B"
}

.icon_back-arrow:before {
    content: "\e09C"
}

.icon_back-arrow-thin:before {
    content: "\e09D"
}

.icon_stadium:before {
    content: "\e09F"
}

a .icon:before,
a.icon:before {
    text-decoration: none
}

.icon:before {
    font-size: 22px;
    line-height: 20%
}

.sm.icon:before {
    font-size: 14px
}

.thread-body span:before,
.topicLinks a:before {
    font-size: 15px
}

header #header-subnav .content nav ul li a .icon:before {
    font-size: 6px
}

header #header-topnav nav ul.right .search-submit:before {
    font-size: 12px!important
}

.blip .box.recruiting h3 a .icon_fish:before,
.blip .box.recruiting h3 a .icon_high_school:before,
.blip .box.recruiting h3 a .icon_nfl:before {
    font-size: 17px;
    top: -2px;
    position: relative
}

.blip .box.recruiting h3 a .icon_ncaa:before {
    font-size: 20px
}

.box.recruiting ul li span:before {
    font-size: 15px;
    line-height: 25%
}

.breadcrumbs .icon_arrow-down:before,
.dropdown-wrapper span:before {
    font-size: 8px;
    line-height: 40px;
    right: 10px
}

#header-topnav span:before {
    font-size: 6px
}

#header-topnav .icon_wheel:before,
#site-footer-social a:before {
    font-size: 15px
}

#site-footer-social a {
    margin: 0
}

.join .icon_scoutstar:before {
    font-size: 15px;
    position: relative;
    top: -2px
}

.player-schools-table .icon_check:before,
.teamrankings .icon_check:before {
    font-size: 12px
}

#player .info .icon:before {
    font-size: 10px
}

#player .info .icon_scoutstars:before {
    font-size: 22px;
    line-height: 100%
}

#ep .icon_arrow-left:before,
#ep .icon_arrow-right:before,
#main-content .topbar .icon_arrow-left:before,
#main-content .topbar .icon_arrow-right:before {
    font-size: 14px
}

#storyheader .date strong {
    padding-left: 5px!important
}

#storyheader .icon_clock:before {
    font-size: 14px;
    top: 2px
}

#storyheader .icon_scoutstar:before {
    top: -9px;
    margin-left: 5px
}

.box.upnext .icon_arrow-down {
    display: none
}

.usermenu-links .icon_logout:before {
    font-size: 20px;
    line-height: 0
}

.button-reset:before {
    font-size: 12px
}

#header-topnav #user-controls span:before,
#header-topnav .icon_wheel:before,
#player .info .icon:before,
#storyheader .icon_clock:before,
#storyheader .icon_scoutstar:before,
.box .icon_scoutstar:before,
.box.forums .icon_clock:before,
.box.upnext .icon_scoutstar:before,
.breadcrumbs .icon_arrow-down:before,
.dropdown-wrapper span:before,
.pagination span:before,
a.more-link span:before {
    position: relative
}

.box.forums .icon_clock:before,
.pagination span:before,
a.more-link span:before {
    font-size: 10px
}

.box.story .icon_premium:before,
.box.upnext .icon_scoutstar:before {
    position: relative;
    top: 3px
}

.box.story .icon_premium:before {
    font-size: 28px;
    top: 5px
}

.rad-btn:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.rad-btn.selected:before {
    background: #0789E7;
    border-color: #000
}

.button-reset {
    background: 0 0;
    color: #000;
	width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.button-reset:focus {
    border: none;
    outline: 0
}

.button-reset-no-color {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.button-reset-no-color:focus {
    border: none;
    outline: 0
}

.button.pagination {
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    border: 2px solid #E5E5E5;
    text-decoration: none;
    color: #202020;
    font-size: 9px;
    line-height: 36px;
    text-align: center
}

.button.pagination.next {
    position: relative;
    left: -1px
}

.button.pagination:hover {
    background: #F5F5F5;
    color: #ACACAC
}

.button.pagination.disabled {
    background: 0 0;
    color: #202020;
    opacity: .3;
    cursor: default
}

.button.primary {
    display: block;
    height: 46px;
    line-height: 46px;
    min-width: 140px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0789E7;
    color: #202020
}

.button.primary:hover {
    opacity: .8;
    color: #000
}

.button.primary.disabled {
    opacity: .3;
    color: #202020;
    cursor: default
}

.button.secondary {
    display: block;
    height: 46px;
    line-height: 46px;
    min-width: 140px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #202020;
    color: #FFF;
    outline: 0
}

.button.secondary:hover {
    background: #454545;
    color: #F5F5F5
}

.button.secondary.disabled {
    opacity: .1;
    color: #FFF;
    cursor: default
}

.button.hero {
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    background: rgba(0, 0, 0, .7);
    opacity: .7;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.button.hero i,
.button.hero span {
    font-size: 15px
}

.button.hero:hover i,
.button.hero:hover span {
    color: #fff
}

.button.hero.prev:hover {
    padding-right: 10px
}

.button.hero.next:hover {
    padding-left: 10px
}

.button.hero.disabled {
    padding-right: 0!important;
    padding-left: 0!important;
    cursor: default
}

.button.hero.disabled i,
.button.hero.disabled span {
    opacity: .3;
    color: inherit
}

.button.loadmore {
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: uppercase;
    color: #202020;
    text-decoration: none;
    letter-spacing: 1.5px;
    height: 50px;
    width: 100%;
    line-height: 50px;
    background: #F5F5F5;
    display: block;
    text-align: center
}

.button.loadmore:hover {
    background: #E5E5E5;
    color: #959595
}

.button.loadmore.disabled {
    color: #959595;
    background: #F5F5F5;
    opacity: .3;
    cursor: default
}

.button.mark-read {
    cursor: pointer;
    background-color: inherit;
    color: #959595;
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #E5E5E5;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    text-align: center;
    padding: 12px 5px
}

.button.mark-read:hover {
    color: #202020
}

.button.mark-read:focus {
    border: 1px solid #ACACAC
}

.button.facebook.wide {
    font-family: proxima_extrabold;
    font-size: 18px;
    color: #E5E5E5;
    border: none;
    text-transform: uppercase;
    padding: 15px 30px;
    margin-right: 10px;
    text-align: center;
    background-color: #4d67a2
}

.button.twitter.wide {
    font-family: proxima_extrabold;
    font-size: 18px;
    color: #E5E5E5;
    border: none;
    text-transform: uppercase;
    padding: 15px 30px;
    margin-right: 10px;
    text-align: center;
    background-color: #26a7e0
}

.stream-forum-button {
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999
}

.stream-forum-button:hover {
    background: #F8F8F8
}

.forum-post-button-default {
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999;
    background: #E5E5E5
}

.forum-post-button-default:hover {
    background: #0789E7
}

.btn-shadow {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
}

.btn-link-colors {
    color: #CCC
}

.btn-link-colors:hover {
    color: #0789E7
}

.action-colors {
    color: #999
}

.action-colors:hover {
    color: #454545
}

.forum-side-rounded-btn {
    background: #454545;
    color: #CCC;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.forum-side-rounded-btn:hover {
    color: #0789E7
}

.pagination {
    *zoom: 1;
    display: block
}

.pagination:after,
.pagination:before {
    content: " ";
    display: table
}

.pagination:after {
    clear: both
}

.pagination button {
    background: 0 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 45px;
    display: block;
    float: left;
    border: 2px solid #E5E5E5;
    text-decoration: none;
    color: #202020;
    font-size: 9px;
    line-height: 42px;
    text-align: center;
    outline: 0
}

.pagination button:focus {
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination button.next {
    border-left: 2px solid #E5E5E5
}

.pagination select {
    height: 45px;
    display: block;
    border: 2px solid #E5E5E5;
    text-decoration: none;
    font-family: proxima_extrabold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 32px!important;
    text-align: center;
    padding: 0 30px 0 15px!important;
    margin: 0 5px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: ''
}

.pagination select option {
    padding: 5px 0
}

.pagination .pager-select {
    float: left;
    position: relative
}

.pagination .pager-select .icon_arrow-down {
    right: 15px!important;
    top: -3px!important
}

.pagination .log {
    float: right
}

.box .button.pagination.prev {
    border-right: none!important
}

.homestream {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    padding-bottom: 65px
}

.homestream h1,
.homestream h4 {
    font-family: proxima_extrabold
}

.homestream .note {
    padding: 0;
    margin: 0;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    display: inherit;
    position: relative;
    vertical-align: top!important;
    overflow: hidden
}

.homestream .note hr {
    margin: 0;
    background: 0 0;
    border: 1px solid #000
}

.homestream .note h3 {
    width: 175px;
    padding: 15px 15px 5px 20px!important;
    font-size: 20px!important;
    letter-spacing: 1px;
    background: #000;
    color: #E5E5E5;
    min-height: 40px!important;
    line-height: 13px!important;
    font: proxima_extrabold
}

.homestream .note .story-note {
    color: #0789E7;
    cursor: pointer;
    text-align: left!important;
    height: 100%
}

.homestream .note .story-note .overlay {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    background: 0 0
}

.homestream .note .story-note .pinned {
    background: #000;
    position: absolute;
    width: 50%;
    top: 5px;
    right: -5px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 10px;
    color: #0789E7;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px
}

.homestream .note .story-note .pinned .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.homestream .note .story-note .pinned .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 9px;
    left: 0
}

@media screen and (max-width:767px) {
    .homestream .note .story-note .pinned {
        right: 0
    }
}

.homestream .note .story-note .top-story {
    background: #0789E7;
    position: absolute;
    top: 5px;
    right: 0;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #E5E5E5;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px;
    z-index: 1
}

.homestream .note .story-note .top-story .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.homestream .note .story-note .top-story .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 8px;
    left: 0;
    z-index: 3
}

.homestream .note .story-note .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .homestream .note .story-note .top-story {
        right: 0
    }
}

.homestream .note .story-note .story-info {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent, #000);
    background: linear, top, transparent, #000;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='#000000');
    position: absolute;
    bottom: -1px;
    min-width: 100%;
    padding: 0 15px;
    color: #ACACAC
}

.homestream .note .story-note .story-info h4.title .title-text {
    display: inline-block;
    width: 245px
}

.homestream .note .story-note .story-info .icon_circle-play {
    position: absolute;
    right: 10px;
    bottom: 55px
}

@media screen and (max-width:767px) {
    .homestream .note .story-note .story-info .icon_circle-play {
        bottom: 45px
    }
}

.homestream .note .story-note .story-info .icon_circle-play:before {
    width: 35px;
    height: 35px;
    font-size: 35px
}

.homestream .note .story-note .site-name {
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #0789E7!important
}

.homestream .note .story-note .site-name:hover {
    color: #FFF
}

.homestream .note .story-note .under-title {
    font-size: 12px;
    padding: 0 0 30px;
    width: 100%;
    font-weight: 400
}

.homestream .note .story-note .under-title span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.homestream .note .story-note .under-title .author {
    width: 50%;
    text-align: left
}

.homestream .note .story-note .under-title .icon_key {
    position: relative;
    top: 4px;
    left: 7px;
    color: #0789E7!important
}

.homestream .note .story-note .under-title .icon_key:before {
    font-size: 24px
}

.homestream .note .story-note .under-title .date {
    text-align: right
}

.homestream .note .story-note h4 {
    padding: 10px 0 15px;
    color: #FFF;
    font-size: 18px;
    opacity: 1;
    font-weight: 400
}

.homestream .note .story-note .icon_key:before {
    color: #0789E7;
    margin: 0 0 0 5px
}

.homestream .note .story-note .story-deck {
    color: #FFF;
    font-weight: 200;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    bottom: -180px
}

.homestream .note .story-note .story-deck .icon_key {
    margin: 7px 0 0
}

.homestream .note .story-note .story-deck .icon_key:before {
    margin: 0
}

.homestream .note .story-note .story-deck .author {
    position: absolute;
    bottom: -8px;
    right: 0;
    font-size: 13px
}

.homestream .note .story-note .story-deck .author .by {
    color: #959595
}

.homestream .note .story-note:hover .pinned {
    z-index: 1
}

.homestream .note .story-note:hover .story-deck {
    opacity: 1;
    bottom: 10px;
    position: relative;
    display: inline-block;
    min-height: 30px;
    max-height: 140px;
    min-width: 100%;
    padding-bottom: 15px
}

.homestream .note .story-note:hover .icon_circle-play {
    background-color: #E5E5E5;
    color: #202020;
    right: 0;
    bottom: 15px;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.homestream .note .story-note:hover .icon_circle-play:before {
    vertical-align: bottom;
    font-size: 39px;
    margin-left: -5px;
    position: relative;
    top: 5px
}

.homestream .note .story-note:hover .overlay {
    -webkit-box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    background: rgba(0, 0, 0, .65)
}

.homestream .note .story-note:hover h4 {
    display: none;
    opacity: 0
}

@media screen and (max-width:767px) {
    .homestream .note .story-note:hover .site-name {
        padding: 0
    }
    .homestream .note .story-note:hover .pinned {
        z-index: 99
    }
    .homestream .note .story-note:hover .story-deck {
        opacity: 0;
        display: none
    }
    .homestream .note .story-note:hover .icon_circle-play {
        position: absolute;
        right: 10px;
        bottom: 45px;
        background-color: transparent;
        color: #FFF
    }
    .homestream .note .story-note:hover .icon_circle-play:before {
        width: 35px;
        height: 35px;
        font-size: 35px
    }
    .homestream .note .story-note:hover .overlay {
        -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        background: 0 0
    }
    .homestream .note .story-note:hover h4 {
        display: block;
        opacity: 1
    }
}

.homestream .note .story-note.breaking {
    border: 5px #0789E7 solid;
    position: relative;
    z-index: 1
}

.homestream .note .story-note.breaking .breaking-banner.overlay,
.homestream .note .story-note.breaking .breaking-message.overlay {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.homestream .note .story-note.breaking .breaking-banner.overlay:hover.overlay,
.homestream .note .story-note.breaking .breaking-message.overlay:hover.overlay {
    background: 0 0
}

.homestream .note .story-note.breaking .breaking-banner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 84px 0 0;
    border-color: #0789E7 transparent transparent;
    z-index: 999
}

.homestream .note .story-note.breaking .breaking-message {
    position: absolute;
    top: -1px;
    font-size: 12px;
    height: 84px;
    width: 84px;
    display: block;
    font-family: proxima_extrabold;
    text-align: center;
    text-transform: uppercase;
    color: #202020;
    z-index: 1000;
    line-height: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.homestream .note .story-note.breaking .speaker:before {
    font-size: 15px;
    color: #202020;
    opacity: .5;
    position: relative;
    top: -4px;
    left: -4px
}

.homestream .note .story-note.breaking .speaker.icon {
    display: block!important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.homestream .note .story-note.breaking .story-info h4.title .title-text {
    width: 230px
}

.homestream .note .story-note .breaking-message {
    display: none
}

.homestream .note .forum-threads-note {
    overflow: hidden;
    text-align: left
}

@media screen and (max-width:767px) {
    .homestream .note .forum-threads-note {
        width: 100%;
        margin: 5px 0;
        padding: 0 5px
    }
}

.homestream .note .forum-threads-note h3.header {
    width: 100px
}

.homestream .note .forum-threads-note .fans-online {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    width: 200px;
    padding: 13px 5px 9px 15px;
    text-align: right;
    font-weight: 200;
    font-size: 14px;
    right: 0
}

.homestream .note .forum-threads-note .fans-online .fans {
    font-family: proxima_extrabold;
    font-size: 18px;
    letter-spacing: 1px;
    color: #454545
}

.homestream .note .forum-threads-note .thread-list .post {
    height: 95px;
    width: 100%;
    border-bottom: 1px solid #ACACAC;
    background: #F5F5F5;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.homestream .note .forum-threads-note .thread-list .post:hover .icon:before {
    position: absolute;
    left: -95px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.homestream .note .forum-threads-note .thread-list .post:hover h4.title {
    text-shadow: 1px 1px 2px #FFF!important
}

.homestream .note .forum-threads-note .thread-list .post a:first-child {
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0
}

.homestream .note .forum-threads-note .thread-list .post a:first-child:hover {
    cursor: pointer
}

.homestream .note .forum-threads-note .thread-list .post .icon:before {
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    font-size: 215px;
    position: absolute;
    left: -104px;
    top: -25px
}

.homestream .note .forum-threads-note .thread-list .post .forum-avatar {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    border-top: 3px solid #CCC;
    border-bottom: 3px solid #FFF;
    margin: 15px 10px 0 25px
}

.homestream .note .forum-threads-note .thread-list .post .forum-avatar img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 -1px 1px #FFF;
    box-shadow: 0 -1px 1px #FFF
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot,
.homestream .note .forum-threads-note .thread-list .post .post-info-top {
    text-align: left;
    min-width: 210px;
    max-width: 220px;
    padding: 2px
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot h4.title,
.homestream .note .forum-threads-note .thread-list .post .post-info-top h4.title {
    font-family: proxima_extrabold;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 10px 0 0;
    max-height: 50px;
    overflow: hidden;
    text-shadow: none;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot .by-user,
.homestream .note .forum-threads-note .thread-list .post .post-info-top .by-user {
    font-size: 12px;
    font-family: proxima_regular;
    position: absolute;
    color: #454545;
    left: 0
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot .by-user .author,
.homestream .note .forum-threads-note .thread-list .post .post-info-top .by-user .author {
    font-color: #454545;
    font-weight: 200;
    font-family: proxima_semibold;
    font-size: 14px
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot .post-date,
.homestream .note .forum-threads-note .thread-list .post .post-info-top .post-date {
    display: none;
    font-size: 12px;
    color: #959595;
    font-family: proxima_regular;
    position: absolute;
    right: 10px
}

.homestream .note .forum-threads-note .thread-list .post .post-info-bot {
    height: 25px;
    position: absolute;
    right: -3px;
    bottom: 0
}

.homestream .note .forum-threads-note .thread-list .post .post-info-top h4 {
    vertical-align: middle;
    position: absolute;
    left: 30%;
    top: 10px;
    max-width: 210px
}

@media screen and (max-width:767px) {
    .homestream .note .forum-threads-note .thread-list .post {
        height: 72px
    }
    .homestream .note .forum-threads-note .thread-list .post a:first-child {
        height: auto
    }
    .homestream .note .forum-threads-note .thread-list .post .forum-avatar {
        margin: 10px 10px 0 25px
    }
    .homestream .note .forum-threads-note .thread-list .post .post-info-bot {
        height: 10px
    }
    .homestream .note .forum-threads-note .thread-list .post .post-info-bot .by-user .author {
        font-size: 12px
    }
    .homestream .note .forum-threads-note .thread-list .post .post-info-top h4.title {
        font-size: 13px;
        line-height: 13px;
        padding: 0
    }
}

.homestream .note .forum-note {
    background: #F5F5F5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: radial, circle top right, #fff, #F5F5F5
}

.homestream .note .forum-note .icon_ten-deg:before {
    font-size: 260px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -122px;
    top: 100px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.homestream .note .forum-note:hover .icon_ten-deg:before {
    left: -115px
}

.homestream .note .forum-note .forum-name {
    font-family: bebas_neue;
    text-transform: uppercase;
    color: #989595;
    width: 100%;
    text-align: right;
    margin: 20px 0 0 -20px;
    font-size: 15px
}

.homestream .note .forum-note .post-title {
    padding: 20px 20px 25px 45px;
    font-family: proxima_extrabold;
    color: #202020;
    display: inline-block;
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line
}

.homestream .note .forum-note .post-title .icon_key:before {
    margin: 0 0 0 5px;
    font-size: 20px;
    top: -2px;
    position: relative
}

.homestream .note .forum-note .info {
    position: relative;
    top: -16px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-left: 5px;
    width: 100%;
    max-height: 60px
}

.homestream .note .forum-note .post-avatar {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin: 0 0 25px 35px;
    background: #FFF;
    border-top: 3px solid #CCC;
    border-bottom: 3px solid #FFF
}

.homestream .note .forum-note .post-description {
    font-family: proxima_regular;
    font-size: 13px;
    color: #202020;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding: 0 10px;
    font-weight: 400;
    height: 40px
}

.homestream .note .forum-note .author {
    font-family: proxima_regular;
    font-size: 13px;
    color: #959595;
    position: absolute;
    bottom: 5px;
    right: 20px;
    text-align: right
}

.homestream .note .forum-note .author span {
    color: #959595
}

.homestream .note .forum-note .author span:last-child {
    color: #000;
    font-family: proxima_semibold;
    font-size: 14px;
    font-weight: 600
}

.homestream .note .forum-note .stats {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 10px 0 0 45px;
    width: 85%;
    color: #959595;
    font-weight: 400
}

.homestream .note .forum-note .stats .replies {
    font-family: proxima_regular;
    font-size: 13px;
    display: inline-block
}

.homestream .note .forum-note .stats .replies .icon_comment:before {
    font-size: 14px;
    margin: 0 5px 0 0
}

.homestream .note .forum-note .stats .last-post-date {
    color: #959595;
    font-size: 12px;
    font-family: proxima_regular;
    display: inline-block;
    float: right;
    margin-right: 15px
}

.homestream .ad {
    padding: -webkit-calc(50% - 150px);
    padding: calc(50% - 150px);
    background: #CCC;
    width: inherit;
    height: inherit
}

.homestream>button {
    color: #000;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0 10px;
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.5px;
    height: 50px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    line-height: 50px;
    display: block;
    text-align: center;
    outline: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.homestream>button:hover {
    background: #000;
    color: #FFF;
    letter-spacing: 3px!important;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: 0
}

.homestream>button active,
.homestream>button focus {
    -webkit-border-radius: 0;
    border-radius: 0
}

.story-detail .homestream {
    margin: 120px 0 55px -10px;
    background: #FFF
}

@media screen and (max-width:980px) {
    .story-detail .homestream {
        margin: 120px 0 20px!important
    }
}

.story-detail .homestream button {
    height: 80px;
    font-size: 17px;
    letter-spacing: normal;
    cursor: pointer;
    width: 950px;
    bottom: -30px
}

@media screen and (max-width:980px) {
    .story-detail .homestream button {
        width: 100%;
        left: 0!important;
        margin: 0
    }
}

.story-detail .homestream .homestream-title {
    position: absolute;
    top: -80px;
    left: 0
}

.story-detail .homestream .homestream-title h3 {
    font-family: proxima_extrabold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: #454545;
    padding: 10px 15px;
    line-height: 32px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    width: 950px;
    clear: both
}

@media screen and (max-width:980px) {
    .story-detail .homestream .homestream-title h3 {
        width: 100%
    }
}

.story-detail .homestream .homestream-title hr {
    display: block;
    float: left;
    border: none;
    height: 2px;
    width: 20%;
    background: #202020;
    margin: 0
}

.editors-choice-note {
    overflow: hidden;
    text-align: left
}

.editors-choice-note .stories span a {
    font-family: proxima_regular;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 15px 35px 11px 10px;
    color: #000!important;
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

.editors-choice-note .stories span a:after {
    content: '';
    content: "\e004";
    font-family: icons;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #0789E7;
    text-align: center;
    position: absolute;
    right: 5px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 30px;
    height: 27px
}

.editors-choice-note .stories span a:hover:after {
    right: 0
}

.editors-choice-note .stories span hr {
    border: none!important;
    height: 1px;
    background-color: #CCC
}

@media screen and (max-width:767px) {
    .editors-choice-note {
        margin: 5px 0;
        padding: 0 5px
    }
}

storycardview .note {
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    display: inherit;
    position: relative;
    vertical-align: top!important;
    overflow: hidden
}

storycardview .note hr {
    margin: 0;
    background: 0 0;
    border: 1px solid #000
}

storycardview .note h3 {
    width: 175px;
    padding: 15px 15px 5px 20px!important;
    font-size: 20px!important;
    letter-spacing: 1px;
    background: #000;
    color: #E5E5E5;
    min-height: 40px!important;
    line-height: 13px!important;
    font: proxima_extrabold
}

storycardview .note .story-note {
    color: #0789E7;
    cursor: pointer;
    text-align: left!important;
    height: 100%
}

storycardview .note .story-note .overlay {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    background: 0 0
}

storycardview .note .story-note .pinned {
    background: #000;
    position: absolute;
    width: 50%;
    top: 5px;
    right: -5px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 10px;
    color: #0789E7;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px
}

storycardview .note .story-note .pinned .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

storycardview .note .story-note .pinned .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 9px;
    left: 0
}

@media screen and (max-width:767px) {
    storycardview .note .story-note .pinned {
        right: 0
    }
}

storycardview .note .story-note .top-story {
    background: #0789E7;
    position: absolute;
    top: 5px;
    right: 0;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #E5E5E5;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px;
    z-index: 1
}

storycardview .note .story-note .top-story .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

storycardview .note .story-note .top-story .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 8px;
    left: 0;
    z-index: 3
}

storycardview .note .story-note .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    storycardview .note .story-note .top-story {
        right: 0
    }
}

storycardview .note .story-note .story-info {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent, #000);
    background: linear, top, transparent, #000;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='#000000');
    position: absolute;
    bottom: -1px;
    min-width: 100%;
    padding: 0 15px;
    color: #ACACAC
}

storycardview .note .story-note .story-info h4.title .title-text {
    display: inline-block;
    width: 245px
}

storycardview .note .story-note .story-info .icon_circle-play {
    position: absolute;
    right: 10px;
    bottom: 55px
}

@media screen and (max-width:767px) {
    storycardview .note .story-note .story-info .icon_circle-play {
        bottom: 45px
    }
}

storycardview .note .story-note .story-info .icon_circle-play:before {
    width: 35px;
    height: 35px;
    font-size: 35px
}

storycardview .note .story-note .site-name {
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #0789E7!important
}

storycardview .note .story-note .site-name:hover {
    color: #FFF
}

storycardview .note .story-note .under-title {
    font-size: 12px;
    padding: 0 0 30px;
    width: 100%;
    font-weight: 400
}

storycardview .note .story-note .under-title span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

storycardview .note .story-note .under-title .author {
    width: 50%;
    text-align: left
}

storycardview .note .story-note .under-title .icon_key {
    position: relative;
    top: 4px;
    left: 7px;
    color: #0789E7!important
}

storycardview .note .story-note .under-title .icon_key:before {
    font-size: 24px
}

storycardview .note .story-note .under-title .date {
    text-align: right
}

storycardview .note .story-note h4 {
    padding: 10px 0 15px;
    color: #FFF;
    font-size: 18px;
    opacity: 1;
    font-weight: 400
}

storycardview .note .story-note .icon_key:before {
    color: #0789E7;
    margin: 0 0 0 5px
}

storycardview .note .story-note .story-deck {
    color: #FFF;
    font-weight: 200;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    bottom: -180px
}

storycardview .note .story-note .story-deck .icon_key {
    margin: 7px 0 0
}

storycardview .note .story-note .story-deck .icon_key:before {
    margin: 0
}

storycardview .note .story-note .story-deck .author {
    position: absolute;
    bottom: -8px;
    right: 0;
    font-size: 13px
}

storycardview .note .story-note .story-deck .author .by {
    color: #959595
}

storycardview .note .story-note:hover .pinned {
    z-index: 1
}

storycardview .note .story-note:hover .story-deck {
    opacity: 1;
    bottom: 10px;
    position: relative;
    display: inline-block;
    min-height: 30px;
    max-height: 140px;
    min-width: 100%;
    padding-bottom: 15px
}

storycardview .note .story-note:hover .icon_circle-play {
    background-color: #E5E5E5;
    color: #202020;
    right: 0;
    bottom: 15px;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

storycardview .note .story-note:hover .icon_circle-play:before {
    vertical-align: bottom;
    font-size: 39px;
    margin-left: -5px;
    position: relative;
    top: 5px
}

storycardview .note .story-note:hover .overlay {
    -webkit-box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    background: rgba(0, 0, 0, .65)
}

storycardview .note .story-note:hover h4 {
    display: none;
    opacity: 0
}

@media screen and (max-width:767px) {
    storycardview .note .story-note:hover .site-name {
        padding: 0
    }
    storycardview .note .story-note:hover .pinned {
        z-index: 99
    }
    storycardview .note .story-note:hover .story-deck {
        opacity: 0;
        display: none
    }
    storycardview .note .story-note:hover .icon_circle-play {
        position: absolute;
        right: 10px;
        bottom: 45px;
        background-color: transparent;
        color: #FFF
    }
    storycardview .note .story-note:hover .icon_circle-play:before {
        width: 35px;
        height: 35px;
        font-size: 35px
    }
    storycardview .note .story-note:hover .overlay {
        -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        background: 0 0
    }
    storycardview .note .story-note:hover h4 {
        display: block;
        opacity: 1
    }
}

storycardview .note .story-note.breaking {
    border: 5px #0789E7 solid;
    position: relative;
    z-index: 1
}

storycardview .note .story-note.breaking .breaking-banner.overlay,
storycardview .note .story-note.breaking .breaking-message.overlay {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

storycardview .note .story-note.breaking .breaking-banner.overlay:hover.overlay,
storycardview .note .story-note.breaking .breaking-message.overlay:hover.overlay {
    background: 0 0
}

storycardview .note .story-note.breaking .breaking-banner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 84px 0 0;
    border-color: #0789E7 transparent transparent;
    z-index: 999
}

storycardview .note .story-note.breaking .breaking-message {
    position: absolute;
    top: -1px;
    font-size: 12px;
    height: 84px;
    width: 84px;
    display: block;
    font-family: proxima_extrabold;
    text-align: center;
    text-transform: uppercase;
    color: #202020;
    z-index: 1000;
    line-height: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

storycardview .note .story-note.breaking .speaker:before {
    font-size: 15px;
    color: #202020;
    opacity: .5;
    position: relative;
    top: -4px;
    left: -4px
}

storycardview .note .story-note.breaking .speaker.icon {
    display: block!important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

storycardview .note .story-note.breaking .story-info h4.title .title-text {
    width: 230px
}

storycardview .note .story-note .breaking-message {
    display: none
}

.video-backdrop {
    background: #202020;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .video-backdrop {
        background: #000
    }
}

.embeddable .the-card {
    margin: 0
}

.embeddable .the-card .show-for-large-down,
.embeddable .the-card .show-for-medium-down,
.embeddable .the-card .show-for-small {
    display: none!important
}

.embeddable .the-card .hide-for-large-down,
.embeddable .the-card .hide-for-medium-down,
.embeddable .the-card .hide-for-small {
    display: inherit!important
}

.player-list-view .player-card-top,
.story-content .player-card-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.player-list-view .player-card-bot,
.story-content .player-card-bot {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: auto
}

.player-list-view .school-list,
.story-content .school-list {
    position: absolute;
    opacity: 0;
    z-index: 0;
    top: 95%;
    right: 65px;
    height: 0;
    background: #FFF;
    width: 75%;
    text-align: left;
    padding: 15px 25px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-box-shadow: 0 10px 45px -20px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 45px -20px rgba(0, 0, 0, .3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E5E5E5
}

.player-list-view .school-list .row,
.story-content .school-list .row {
    padding: 12px 0!important;
    border-bottom: 1px solid #E5E5E5;
    display: none
}

.player-list-view .school-list .row:last-child,
.story-content .school-list .row:last-child {
    border: 0
}

@media screen and (max-width:980px) {
    .player-list-view .school-list,
    .story-content .school-list {
        right: 0
    }
}

.player-list-view .school-list:before,
.story-content .school-list:before {
    content: '';
    position: absolute;
    width: 0;
    z-index: 10;
    height: 0;
    left: 65%;
    top: -20px;
    border-style: solid;
    border-width: 0 26px 20px;
    border-color: transparent transparent #FFF
}

.player-list-view .school-list:after,
.story-content .school-list:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 4;
    left: 65%;
    top: -22px;
    border-style: solid;
    border-width: 0 27px 22px;
    border-color: transparent transparent #CCC
}

@media screen and (max-width:980px) {
    .player-list-view .school-list:after,
    .player-list-view .school-list:before,
    .story-content .school-list:after,
    .story-content .school-list:before {
        left: 40%
    }
}

.player-list-view input[type=checkbox]:checked.schools~.school-list,
.story-content input[type=checkbox]:checked.schools~.school-list {
    opacity: 1;
    z-index: 999;
    top: 90%;
    height: auto
}

.player-list-view input[type=checkbox]:checked.schools~.school-list .row,
.story-content input[type=checkbox]:checked.schools~.school-list .row {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.player-list-view .player-stats li label.interested,
.story-content .player-stats li label.interested {
    position: absolute;
    cursor: pointer;
    height: 65px;
    top: 0;
    left: 7px;
    z-index: 999
}

.player-list-view .player-stats .interest-box,
.story-content .player-stats .interest-box {
    padding-top: 15px;
    min-width: 60px
}

.player-list-view .player-stats .interest-box .rank,
.story-content .player-stats .interest-box .rank {
    position: relative;
    top: 15px
}

.player-list-view .player-stats .interest-box .icon_arrow-down:before,
.story-content .player-stats .interest-box .icon_arrow-down:before {
    font-size: 9px;
    position: relative;
    color: #959595;
    top: 10px;
    right: -5px
}

.player-list-view .player-stats .offer-tag,
.story-content .player-stats .offer-tag {
    background: #5BB656;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 99;
    right: 3px;
    top: 3px;
    border: 2px solid #fff
}

.player-list-view .player-stats .offer-tag:before,
.story-content .player-stats .offer-tag:before {
    font-size: 8px;
    line-height: 0;
    color: #FFF;
    top: 8px;
    left: 2px;
    position: absolute
}

.player-list-view.flipped .player-container,
.story-content.flipped .player-container {
    background: #454545
}

.player-list-view.flipped .player-card,
.story-content.flipped .player-card {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.player-list-view.flipped .face.back,
.story-content.flipped .face.back {
    display: block!important
}

.player-list-view .commit-date,
.story-content .commit-date {
    font-size: 12px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    text-align: center;
    letter-spacing: normal;
    color: #202020!important
}

.player-list-view.row,
.story-content.row {
    padding: 0;
    padding: 0;
    margin: 0;
    position: relative;
    color: #202020
}

.player-list-view.row .photo-cell,
.story-content.row .photo-cell {
    padding: 0
}

.player-list-view.row .row,
.story-content.row .row {
    margin: 0;
    padding: 0;
    position: relative
}

.player-list-view.row .columns,
.story-content.row .columns {
    padding: 0
}

.player-list-view.row .details,
.story-content.row .details {
    width: 90%;
    margin: 3px 0
}

.player-list-view.row a,
.story-content.row a {
    text-decoration: none
}

.player-list-view.row .name,
.story-content.row .name {
    padding: 0 0 5px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 22px
}

.player-list-view .second-row,
.story-content .second-row {
    margin-top: -15px
}

.player-list-view .second-row .columns,
.story-content .second-row .columns {
    padding: 0
}

.player-list-view.compact,
.story-content.compact {
    padding: 0;
    width: 300px
}

.player-list-view.compact .photo,
.story-content.compact .photo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 45px;
    height: 62px;
    vertical-align: top;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.player-list-view.compact .details,
.story-content.compact .details {
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-left: 5px;
    width: 240px
}

.player-list-view.compact .details .row,
.story-content.compact .details .row {
    padding: 0;
    margin: 0
}

.player-list-view.compact .details .columns,
.story-content.compact .details .columns {
    padding: 0
}

.player-list-view .photo,
.story-content .photo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: top;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.player-list-view .defaultPhoto,
.story-content .defaultPhoto {
    height: 150px;
    width: 150px
}

.player-list-view .stars,
.story-content .stars {
    top: -3px;
    height: 23px
}

.player-list-view .back li .rank,
.player-list-view li .rank,
.story-content .back li .rank,
.story-content li .rank {
    color: #FFF;
    vertical-align: baseline;
    font-family: bebas_neue;
    font-size: 22px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    width: 100%
}

.player-list-view .back li .rank,
.story-content .back li .rank {
    font-size: 22px
}

.player-list-view .rank-label,
.story-content .rank-label {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 3px
}

.player-info .position .player-list-view .rank-label .full-position,
.player-info .position .story-content .rank-label .full-position,
.player-list-view .rank-label .player-info .position .full-position,
.player-list-view .rank-label .position,
.story-content .rank-label .player-info .position .full-position,
.story-content .rank-label .position {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase
}

.player-info .position .player-list-view .full-position,
.player-info .position .story-content .full-position,
.player-list-view .details,
.player-list-view .player-basic-stats,
.player-list-view .player-info .position .full-position,
.player-list-view .position,
.player-list-view .stats,
.story-content .details,
.story-content .player-basic-stats,
.story-content .player-info .position .full-position,
.story-content .position,
.story-content .stats {
    padding-left: 0!important
}

.player-list-view .details,
.player-list-view .player-basic-stats,
.story-content .details,
.story-content .player-basic-stats {
    font-size: 14px;
    color: #454545
}

.player-list-view .name,
.story-content .name {
    color: #202020;
    font-family: proxima_semibold;
    font-weight: 700;
    font-size: 18px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle
}

.player-list-view .expand,
.story-content .expand {
    overflow: hidden;
    height: 0;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.player-list-view .expand .stats,
.story-content .expand .stats {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #454545;
    font-family: proxima_regular;
    padding-top: 10px;
    font-size: 13px;
    padding-bottom: 10px
}

.player-list-view .stars,
.story-content .stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0;
    padding: 0
}

.player-list-view .stars .active,
.player-list-view .stars .bg,
.story-content .stars .active,
.story-content .stars .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.player-list-view .stars .active .icon,
.player-list-view .stars .bg .icon,
.story-content .stars .active .icon,
.story-content .stars .bg .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player-list-view .stars .bg,
.story-content .stars .bg {
    color: #959595
}

.player-list-view .school .offer:before,
.story-content .school .offer:before {
    font-size: 10px;
    margin: 0 5px
}

.player-list-view .schools,
.story-content .schools {
    width: 100%
}

.player-list-view .schools .container,
.story-content .schools .container {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 100%
}

.player-list-view .schools .container span.commitment,
.story-content .schools .container span.commitment {
    font-family: proxima_regular;
    font-size: 13px
}

.player-list-view .schools .container span.school,
.story-content .schools .container span.school {
    font-family: proxima_regular;
    font-size: 13px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding-right: 10px
}

.player-list-view .schools .container span.school span.offer,
.story-content .schools .container span.school span.offer {
    font-size: 10px
}

.player-list-view .school,
.story-content .school {
    font-size: 15px;
    color: #959595;
    margin: 5px 0
}

.player-list-view .player-stats,
.story-content .player-stats {
    position: absolute;
    top: 80px;
    margin-left: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.player-list-view .player-stats label,
.story-content .player-stats label {
    min-height: 20px
}

.player-list-view .player-stats li,
.story-content .player-stats li {
    min-width: 80px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 50px;
    margin: 0!important;
    padding: 0 7px;
    list-style: none;
    text-align: center;
    vertical-align: bottom;
    font-family: bebas_neue;
    letter-spacing: 1px;
    position: relative;
    border-right: 1px solid #CCC
}

.player-list-view .player-stats li:first-child,
.story-content .player-stats li:first-child {
    padding: 0 7px 0 0!important
}

.player-list-view .player-stats li:last-child,
.story-content .player-stats li:last-child {
    margin-right: 0!important;
    border-right: 0
}

.player-list-view .player-stats li label,
.story-content .player-stats li label {
    width: 100%;
    margin: 3px 0;
    top: -15px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    text-align: center;
    bottom: 0;
    left: 0;
    letter-spacing: normal;
    color: #CCC;
    cursor: default;
    line-height: 17px
}

@media screen and (max-width:767px) {
    .player-list-view .player-stats li label,
    .story-content .player-stats li label {
        font-size: 10px;
        white-space: nowrap
    }
}

.player-list-view .back.face .player-stats li,
.story-content .back.face .player-stats li {
    height: 40px
}

.player-list-view .back.face .player-stats li label,
.story-content .back.face .player-stats li label {
    min-height: initial!important
}

.player-list-view .commit-school .team-logo-wrap,
.player-list-view .visit-date .team-logo-wrap,
.story-content .commit-school .team-logo-wrap,
.story-content .visit-date .team-logo-wrap {
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .player-list-view .commit-school .team-logo-wrap,
    .player-list-view .visit-date .team-logo-wrap,
    .story-content .commit-school .team-logo-wrap,
    .story-content .visit-date .team-logo-wrap {
        padding-left: 0
    }
}

.player-list-view .commit-school .team-logo-wrap .team-logo,
.player-list-view .visit-date .team-logo-wrap .team-logo,
.story-content .commit-school .team-logo-wrap .team-logo,
.story-content .visit-date .team-logo-wrap .team-logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.player-list-view .player-container,
.story-content .player-container {
    position: relative;
    margin: 5px auto 10px;
    z-index: 1;
    -webkit-perspective: 1000;
    perspective: 1000;
    background: #fff;
    height: 150px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, .25);
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, .25)
}

.player-list-view .player-container a,
.player-list-view .player-container a:hover,
.story-content .player-container a,
.story-content .player-container a:hover {
    color: #FFF
}

.player-list-view .player-container .player-data,
.story-content .player-container .player-data {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: top
}

.player-list-view .player-container .player-data .player-name,
.player-list-view .player-container .player-data .player-rating,
.story-content .player-container .player-data .player-name,
.story-content .player-container .player-data .player-rating {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

@media screen and (max-width:767px) {
    .player-list-view .player-container .player-data .player-name,
    .player-list-view .player-container .player-data .player-rating,
    .story-content .player-container .player-data .player-name,
    .story-content .player-container .player-data .player-rating {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:980px) {
    .player-list-view .player-container .player-data,
    .story-content .player-container .player-data {
        padding: 15px 0 0 40px
    }
}

.player-list-view .player-card,
.story-content .player-card {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.player-list-view .player-card h1,
.story-content .player-card h1 {
    font-size: 24px;
    color: #454545;
    margin: 0;
    padding: 0
}

.player-list-view .player-card .front.face .icon_scoutstars,
.story-content .player-card .front.face .icon_scoutstars {
    top: 2px
}

.player-list-view .player-card .icon_scoutstars:before,
.story-content .player-card .icon_scoutstars:before {
    font-size: 17px
}

.player-list-view .player-card .rank-icon,
.story-content .player-card .rank-icon {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid red;
    width: 15%
}

.player-list-view input[type=checkbox].toggle,
.player-list-view input[type=checkbox].toggle+label,
.story-content input[type=checkbox].toggle,
.story-content input[type=checkbox].toggle+label {
    margin: 0;
    z-index: 2;
    position: absolute;
    bottom: 19px;
    right: 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.player-list-view input[type=checkbox].toggle,
.story-content input[type=checkbox].toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    left: -9999px
}

.player-list-view input[type=checkbox].toggle+label:before,
.story-content input[type=checkbox].toggle+label:before {
    visibility: visible;
    color: #0789E7;
    font-size: 15px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.player-list-view input[type=checkbox].toggle:checked+label:before,
.story-content input[type=checkbox].toggle:checked+label:before {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.player-list-view input[type=checkbox].toggle:checked~.player-link:after,
.story-content input[type=checkbox].toggle:checked~.player-link:after {
    color: #454545
}

.player-list-view .back.face .player-data:before,
.story-content .back.face .player-data:before {
    content: "\e000";
    font-family: icons;
    font-family: icons;
    font-size: 164px;
    position: absolute;
    left: -65px;
    z-index: -2;
    top: 0;
    color: #454545;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:980px) {
    .player-list-view .back.face .player-data:before,
    .story-content .back.face .player-data:before {
        left: -5px
    }
}

.player-list-view .back.face .player-stats,
.story-content .back.face .player-stats {
    margin: 10px 0;
    height: 41px
}

.player-list-view .front.face:after,
.story-content .front.face:after {
    content: "\e000";
    font-family: icons;
    font-family: icons;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 164px;
    color: #454545;
    right: -73px;
    top: 0
}

.player-list-view .photo-back,
.player-list-view .player-link,
.story-content .photo-back,
.story-content .player-link {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    float: left;
    z-index: 3;
    position: absolute;
    background: #E5E5E5;
    overflow: hidden;
    left: 0
}

.player-list-view .photo-back .spotlight-tag,
.player-list-view .player-link .spotlight-tag,
.story-content .photo-back .spotlight-tag,
.story-content .player-link .spotlight-tag {
    background-color: #202020;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99%;
    height: 23px;
    padding: 2px 0 0 22px
}

.player-list-view .photo-back .spotlight-tag .icon,
.player-list-view .player-link .spotlight-tag .icon,
.story-content .photo-back .spotlight-tag .icon,
.story-content .player-link .spotlight-tag .icon {
    vertical-align: baseline
}

@media screen and (max-width:767px) {
    .player-list-view .photo-back .spotlight-tag .icon,
    .player-list-view .player-link .spotlight-tag .icon,
    .story-content .photo-back .spotlight-tag .icon,
    .story-content .player-link .spotlight-tag .icon {
        margin-left: 20%
    }
}

.player-list-view .photo-back .spotlight-tag .icon:before,
.player-list-view .player-link .spotlight-tag .icon:before,
.story-content .photo-back .spotlight-tag .icon:before,
.story-content .player-link .spotlight-tag .icon:before {
    font-size: 12px
}

.player-list-view .photo-back .spotlight-tag .spotlight-text,
.player-list-view .player-link .spotlight-tag .spotlight-text,
.story-content .photo-back .spotlight-tag .spotlight-text,
.story-content .player-link .spotlight-tag .spotlight-text {
    font-family: bebas_neue;
    font-size: 14px;
    color: #E5E5E5!important;
    margin-left: 5px;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media screen and (max-width:767px) {
    .player-list-view .photo-back .spotlight-tag .spotlight-text,
    .player-list-view .player-link .spotlight-tag .spotlight-text,
    .story-content .photo-back .spotlight-tag .spotlight-text,
    .story-content .player-link .spotlight-tag .spotlight-text {
        display: none
    }
}

.player-list-view .photo-back:after,
.player-list-view .photo-bg:after,
.player-list-view .player-link:after,
.story-content .photo-back:after,
.story-content .photo-bg:after,
.story-content .player-link:after {
    content: "\e000";
    font-family: icons;
    font-family: icons;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 164px;
    color: #FFF;
    left: 107px;
    top: 0
}

.player-list-view .photo-back,
.story-content .photo-back {
    left: 0;
    -webkit-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    transform: rotatex(0deg)
}

.player-list-view .photo-back:after,
.story-content .photo-back:after {
    left: 110px
}

.player-list-view .photo-bg,
.story-content .photo-bg {
    min-height: 150px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #FFF;
    position: relative
}

.player-list-view .photo-bg span,
.story-content .photo-bg span {
    position: absolute;
    opacity: .3;
    left: 15%;
    top: 40%
}

.player-list-view .photo-bg .icon_high_school,
.story-content .photo-bg .icon_high_school {
    left: 28%
}

.player-list-view .photo-bg .icon_high_school:before,
.story-content .photo-bg .icon_high_school:before {
    font-size: 38px
}

.player-list-view .photo-bg .icon_circle-stroke:before,
.story-content .photo-bg .icon_circle-stroke:before {
    font-size: 80px;
    opacity: .5
}

.player-list-view .face,
.story-content .face {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.player-list-view .face img,
.story-content .face img {
    float: left
}

.player-list-view .face.back,
.story-content .face.back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #454545;
    position: absolute;
    z-index: 999;
    height: 150px;
    width: 100%;
    top: 0;
    left: 0;
    color: #FFF;
    display: none
}

.player-list-view .face.back .photo-back:after,
.player-list-view .face.back .photo-bg:after,
.player-list-view .face.back .player-link:after,
.story-content .face.back .photo-back:after,
.story-content .face.back .photo-bg:after,
.story-content .face.back .player-link:after {
    color: #454545
}

.player-list-view .player-data,
.story-content .player-data {
    padding: 15px 0 0;
    position: relative;
    z-index: 9
}

.player-list-view .player-data .scout-stars,
.story-content .player-data .scout-stars {
    margin: 0 0 0 10px;
    width: 107px
}

@media screen and (max-width:980px) {
    .player-list-view .player-data .scout-stars,
    .story-content .player-data .scout-stars {
        margin: 0!important;
        width: 75px
    }
    .player-list-view .player-data .scout-stars .icon_scoutstars,
    .story-content .player-data .scout-stars .icon_scoutstars {
        top: 5px
    }
    .player-list-view .player-data .scout-stars .icon_scoutstars:before,
    .story-content .player-data .scout-stars .icon_scoutstars:before {
        font-size: 12px
    }
}

.player-list-view .back .player-data,
.story-content .back .player-data {
    background: 0 0;
    height: 150px
}

.player-list-view .back .name,
.story-content .back .name {
    color: #FFF!important
}

.player-list-view .back .analysis,
.story-content .back .analysis {
    max-height: 45px;
    overflow: hidden;
    font-size: 13px;
    line-height: 22px
}

.player-list-view .back .analysis a.more-link,
.story-content .back .analysis a.more-link {
    font-family: proxima_extrabold;
    font-size: 11px;
    text-transform: uppercase;
    color: #959595;
    text-decoration: none;
    letter-spacing: 1px;
    margin-left: 7px
}

.player-list-view .back .analysis a.more-link span.icon,
.story-content .back .analysis a.more-link span.icon {
    font-size: 9px;
    position: relative;
    padding-left: 2px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.player-list-view .back .analysis a.more-link:hover,
.story-content .back .analysis a.more-link:hover {
    color: #FFF
}

.player-list-view .back .analysis a.more-link:hover span.icon,
.story-content .back .analysis a.more-link:hover span.icon {
    padding-left: 5px
}

.player-list-view .back .analysis .icon_arrow-right:before,
.story-content .back .analysis .icon_arrow-right:before {
    top: 0;
    left: 2px
}

.player-list-view .rating-badge,
.story-content .rating-badge {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 50px;
    width: 70px;
    height: 70px
}

@media screen and (max-width:980px) {
    .player-list-view .rating-badge,
    .story-content .rating-badge {
        top: 60px
    }
}

@media screen and (max-width:767px) {
    .player-list-view .rating-badge,
    .story-content .rating-badge {
        display: inline-block
    }
}

.player-list-view .rating-badge .icon:before,
.story-content .rating-badge .icon:before {
    position: absolute;
    font-size: 75px;
    left: 0;
    top: 24px
}

.player-list-view .rating-badge .rank,
.story-content .rating-badge .rank {
    font-size: 25px;
    padding-top: 23px;
    display: block;
    width: 90px;
    text-align: center
}

.player-list-view #filterbar select,
.story-content #filterbar select {
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    border: 1px solid #959595;
    background: #fff;
    outline: 0;
    text-transform: uppercase;
    font-family: function_pro_bookbold;
    margin: 10px
}

@media screen and (max-width:980px) {
    .player-list-view input[type=checkbox].toggle,
    .player-list-view input[type=checkbox].toggle+label,
    .story-content input[type=checkbox].toggle,
    .story-content input[type=checkbox].toggle+label {
        bottom: 12px;
        right: 5px
    }
    .player-list-view .player-container,
    .story-content .player-container {
        margin: 5px 0
    }
    .player-list-view .player-container .name,
    .story-content .player-container .name {
        margin-right: 5px;
        font-size: 18px
    }
    .player-list-view .topic-finder #filterbar h6,
    .story-content .topic-finder #filterbar h6 {
        font-size: 14px;
        padding: 0
    }
    .player-list-view .topic-finder #filterbar h6 span.value,
    .story-content .topic-finder #filterbar h6 span.value {
        font-size: 12px
    }
    .player-list-view #filterbar select,
    .story-content #filterbar select {
        width: 105px
    }
    .player-list-view .front.face:after,
    .story-content .front.face:after {
        left: 91%
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    .player-list-view .front.face:after,
    .story-content .front.face:after {
        display: none
    }
}

.topic-finder #filterbar select {
    overflow: hidden;
    vertical-align: bottom;
    outline: 0;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 9;
    color: #000
}

.topic-finder .pagination {
    position: relative
}

.topic-finder .pagination .icon_arrow-down {
    position: absolute;
    right: 2px;
    top: 2px;
    background: #FFF;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 12px 6px
}

.topic-finder .pagination select {
    outline: 0;
    width: auto;
    height: 46px;
    padding: 0 25px 0 15px;
    cursor: pointer;
    border: 2px solid #e5e5e5;
    margin-left: 3px;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 999
}

.story-content .face {
    -webkit-border-radius: 0;
    border-radius: 0
}

.story-content .player-basic-stats {
    color: #CCC;
    margin-top: 3px
}

.story-content .player-basic-stats .verified {
    border: 1px solid #454545;
    font-size: 9px;
    color: #FFF!important;
    text-transform: uppercase;
    padding: 3px 5px 4px;
    margin: -5px 0 0 6px
}

.story-content .player-basic-stats .verified:before {
    font-size: 8px;
    color: #5BB656;
    margin-right: 3px
}

.story-content .player-basic-stats .verified span {
    font-family: proxima_semibold
}

.story-content .scout-stars {
    top: 0;
    width: 75px!important;
    margin: 0 0 0 10px!important
}

.story-content .player-link {
    position: relative;
    margin: 0;
    top: 0
}

.story-content .front.face:after {
    display: none
}

.story-content a.more-link {
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: uppercase;
    color: #454545;
    text-decoration: none;
    letter-spacing: 1px
}

.story-content .the-card {
    position: relative;
    min-height: 150px;
    background: #202020;
    color: #FFF;
    margin: 15px 0;
    font-family: proxima_regular
}

.story-content .the-card .team-50 {
    scale: 50%;
    zoom: 70%;
    position: relative;
    top: -10px
}

.story-content .the-card .player-card .front.face .icon_scoutstars {
    top: -2px!important
}

.story-content .the-card .expander {
    position: absolute;
    z-index: 999;
    height: 50px;
    width: 100%;
    bottom: 0
}

.story-content .the-card .expander:hover {
    cursor: pointer
}

.story-content .the-card .icon_arrow-down {
    position: absolute;
    right: 260px;
    top: 153px
}

@media screen and (max-width:980px) {
    .story-content .the-card .icon_arrow-down {
        right: 320px
    }
}

.story-content .the-card .icon_arrow-down:before {
    font-size: 8px;
    color: #959595;
    -webkit-transition: all 1ms cubic-bezier(0.17, .04, .03, .94);
    transition: all 1ms cubic-bezier(0.17, .04, .03, .94)
}

.story-content .offer-tag {
    background: #0789E7;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    left: -10px;
    bottom: 5px;
    border: 2px solid #FFF;
    z-index: 1
}

.story-content .offer-tag:before {
    font-size: 18px;
    line-height: 0;
    color: #FFF;
    top: 6px;
    left: 1px;
    position: absolute
}

.story-content .player-container {
    height: 150px;
    margin: 0 5px 0 0;
    background: #202020;
    color: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.story-content .front.face:after {
    left: 90%;
    top: 40%
}

.story-content .face img {
    height: 155px;
    -webkit-border-radius: 0;
    border-radius: 0
}

.story-content .player-data {
    padding: 20px 0 0 10px!important;
    color: #FFF
}

.story-content .player-data ul li:before {
    display: none
}

.story-content .name {
    padding: 0;
    color: #FFF;
    font-size: 24px;
    font-family: bebas_neue;
    margin-right: 5px
}

.story-content .icon_scoutstars:before {
    font-size: 12px!important
}

.story-content .origin {
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: right
}

.story-content .origin span {
    color: #CCC;
    display: block;
    height: 15px
}

.story-content .origin .hometown {
    color: #959595
}

@media screen and (max-width:767px) {
    .story-content .origin {
        position: initial;
        text-align: left
    }
    .story-content .origin span {
        display: inline;
        margin-right: 10px
    }
}

.story-content .team {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 0 1px;
    background-color: #000
}

.story-content .team>div {
    float: left;
    margin: 0 10px 0 15px
}

.story-content .team:before {
    content: "\e000";
    font-family: icons;
    font-family: icons;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 94px;
    color: #000;
    left: -20px;
    top: 0
}

.story-content label {
    font-family: bebas_neue!important;
    font-size: 14px!important;
    color: #959595!important;
    letter-spacing: 1px!important
}

.story-content label span {
    display: inline-block
}

.story-content .player-stats li {
    padding: 0 10px 5px!important;
    border-right: 1px solid #959595!important;
    max-width: inherit!important
}

.story-content .player-stats li:first-child {
    padding: 0 10px 5px 0!important
}

.story-content .player-stats li:last-child {
    border: 0!important
}

.story-content .player-stats li span label+span {
    font-size: 24px
}

.story-content .player-stats li span label+span.bats,
.story-content .player-stats li span label+span.throws {
    font-size: 17px
}

.story-content .player-link {
    min-width: 155px;
    background-color: transparent
}

.story-content .rating-badge {
    top: 65px;
    right: 20px
}

.story-content .rating-badge a {
    position: initial!important
}

.story-content .rating-badge .rank {
    font-family: bebas_neue;
    font-size: 24px;
    padding-top: 27px
}

.story-content .rating-badge .icon:before {
    color: #959595
}

.story-content .photo-bg span.icon:before {
    z-index: 9
}

.story-content .photo-bg .icon_silhouette {
    left: -15%;
    top: 45%
}

.story-content .photo-bg .icon_silhouette:before {
    font-size: 145px
}

.story-content .photo-bg:after {
    top: 72px;
    left: 110px;
    color: #202020;
    z-index: 9
}

@media screen and (max-width:767px) {
    .story-content .photo-bg:after {
        left: 90px
    }
}

.story-content .player-link:after {
    top: 0;
    line-height: 160px;
    color: #0789E7
}

.story-content #card-contents {
    background: #454545;
    width: 100%;
    max-height: 35px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: max-height 1s cubic-bezier(0.17, .04, .03, .94);
    transition: max-height 1s cubic-bezier(0.17, .04, .03, .94)
}

.story-content .spotlight-tag {
    z-index: 1;
    position: absolute;
    top: 130px;
    border-top: 20px solid #0789E7;
    border-right: 5px solid transparent;
    display: block;
    height: 20px;
    opacity: 1;
    color: #000
}

.story-content .spotlight-tag .spotlight-text {
    font-family: bebas_neue;
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .3px;
    top: -23px!important
}

.story-content .spotlight-tag span {
    left: 0!important;
    top: -28px!important;
    opacity: 1;
    margin: 0 3px;
    position: relative;
    display: inline-block
}

.story-content .spotlight-tag span.icon_camera:before {
    font-size: 11px
}

.story-content .spotlight-tag span.icon_logo {
    background: #000;
    color: #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: -24px!important;
    height: 28px;
    width: 29px
}

.story-content .spotlight-tag span.icon_logo:before {
    font-size: 24px;
    line-height: 24px
}

.story-content .analysis .icon_arrow-right {
    margin: -10px 0 0 5px
}

.story-content .analysis .icon_arrow-right:before {
    top: 1px
}

.story-content .analysis .pagination {
    margin-top: 5px
}

.story-content .analysis .count {
    margin: 15px 0 0 10px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #CCC
}

.story-content .analysis .for-space {
    padding: 4px 15px 15px;
    color: #CCC
}

.story-content .analysis .for-space p {
    color: #E5E5E5
}

.story-content .analysis .for-space a {
    color: #E5E5E5!important
}

.story-content .analysis h3 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    font-family: bebas_neue;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 7px;
    width: 100%;
    position: relative;
    text-align: center;
    color: #FFF;
    letter-spacing: normal;
    border-bottom: 1px solid #959595;
    margin: 0 0 10px!important;
    line-height: inherit!important
}

.story-content .analysis .close {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    text-align: center;
    position: relative;
    bottom: -10px;
    text-transform: uppercase;
    font-size: 11px
}

.story-content .analysis .close:before {
    font-size: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #CCC;
    padding: 4px 5px 6px
}

.story-content .analysis .close span {
    top: 9px;
    font-family: proxima_semibold;
    position: relative
}

.story-content input[type=checkbox].toggle {
    margin: 0;
    z-index: 999;
    position: absolute;
    cursor: pointer;
    top: 150px;
    left: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 35px;
    background: 0 0;
    opacity: 0
}

.story-content input[type=checkbox].toggle:focus {
    outline: 0
}

.story-content input[type=checkbox].toggle+span.icon:before {
    content: "\e002";
    font-family: icons;
    position: absolute;
    left: 55%;
    top: 165px;
    font-size: 8px;
    color: #959595
}

.story-content input[type=checkbox].toggle:checked+span.icon:before {
    content: "\e005";
    font-family: icons
}

.story-content .toggle:checked~#card-contents {
    max-height: 600px
}

@media screen and (max-width:980px) {
    .player-list-view .player-data li label,
    .story-content:not(.embeddable) .player-data li label {
        height: 15px;
        width: 100%
    }
    .player-list-view .player-data li.nfl-aav,
    .player-list-view .player-data li.rank-region,
    .player-list-view .player-data li.rank-region.has-visit-true,
    .story-content:not(.embeddable) .player-data li.nfl-aav,
    .story-content:not(.embeddable) .player-data li.rank-region,
    .story-content:not(.embeddable) .player-data li.rank-region.has-visit-true {
        display: none
    }
    .player-list-view .player-data .commit-school label,
    .story-content:not(.embeddable) .player-data .commit-school label {
        height: 10px
    }
    .player-list-view .player-data .player-basic-stats,
    .story-content:not(.embeddable) .player-data .player-basic-stats {
        margin: 0;
        font-size: 12px
    }
    .player-list-view .player-stats,
    .story-content:not(.embeddable) .player-stats {
        margin-top: 5px
    }
    .player-list-view .the-card .name,
    .story-content:not(.embeddable) .the-card .name {
        font-size: 20px
    }
    .player-list-view .the-card .player-stats,
    .story-content:not(.embeddable) .the-card .player-stats {
        margin: 0 0 0 -15px
    }
}

@media screen and (max-width:767px) {
    .story-content .player-card-view {
        width: 100%
    }
    .player-list-view .face,
    .player-list-view .player-card,
    .player-list-view .player-container,
    .story-content:not(.embeddable) .face,
    .story-content:not(.embeddable) .player-card,
    .story-content:not(.embeddable) .player-container {
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .player-list-view .player-container,
    .story-content:not(.embeddable) .player-container {
        margin: 5px 0!important
    }
    .player-list-view .front.face:after,
    .player-list-view input[type=checkbox].toggle+label,
    .story-content:not(.embeddable) .front.face:after,
    .story-content:not(.embeddable) input[type=checkbox].toggle+label {
        display: none
    }
    .player-list-view .player-container .player-data .interest-box,
    .story-content:not(.embeddable) .player-container .player-data .interest-box {
        padding-top: 10px!important
    }
    .player-list-view .photo-back,
    .player-list-view .photo-bg,
    .player-list-view .player-link,
    .story-content:not(.embeddable) .photo-back,
    .story-content:not(.embeddable) .photo-bg,
    .story-content:not(.embeddable) .player-link {
        margin-left: -15px
    }
    .player-list-view .the-card .player-stats,
    .story-content:not(.embeddable) .the-card .player-stats {
        position: absolute;
        top: 85px;
        clear: both
    }
    .player-list-view .player-stats li,
    .story-content:not(.embeddable) .player-stats li {
        padding: 0 3px
    }
    .player-list-view .player-stats li label,
    .story-content:not(.embeddable) .player-stats li label {
        font-size: 9px;
        margin: 0!important;
        vertical-align: super
    }
    .story-content:not(.embeddable) .player-container {
        margin: 0!important
    }
    .story-content:not(.embeddable) .the-card {
        margin: 15px 0;
        padding: 0
    }
    .story-content:not(.embeddable) .the-card .name {
        font-size: 18px
    }
    .story-content:not(.embeddable) .the-card .player-data {
        padding: 15px 0 0 65px!important
    }
    .story-content:not(.embeddable) .the-card .rating-badge {
        top: 100px;
        right: -10px;
        height: 60px;
        width: 60px
    }
    .story-content:not(.embeddable) .the-card .rating-badge .rank {
        width: 60px;
        padding: 0 0 0 10px;
        margin-top: -5px
    }
    .story-content:not(.embeddable) .the-card .rating-badge .icon:before {
        font-size: 58px;
        top: 0
    }
    .story-content:not(.embeddable) .the-card .icon_arrow-down {
        top: 158px;
        right: 105px
    }
    .story-content:not(.embeddable) .the-card .spotlight-tag .spotlight-text {
        font-size: 11px
    }
    .story-content:not(.embeddable) .the-card .spotlight-tag span {
        margin: 0 2px
    }
    .story-content:not(.embeddable) .the-card .spotlight-tag span.icon_logo {
        height: 21px;
        width: 21px
    }
    .story-content:not(.embeddable) .the-card .spotlight-tag span.icon_logo:before {
        font-size: 17px;
        line-height: 17px
    }
    .story-content:not(.embeddable) .the-card .spotlight-tag .icon_camera:before {
        font-size: 9px
    }
    .story-content:not(.embeddable) .the-card .team-50 {
        left: 0
    }
    .story-content:not(.embeddable) .the-card li {
        font-size: 10px;
        padding: 0!important;
        min-width: 57px!important
    }
    .story-content:not(.embeddable) .the-card li label {
        font-size: 10px!important
    }
    .story-content:not(.embeddable) .the-card .verified {
        border: 0;
        margin: 0
    }
    .story-content:not(.embeddable) .the-card .for-space {
        font-size: 15px
    }
    .story-content:not(.embeddable) .face img {
        height: 150px;
        margin: 0 0 0 15px
    }
    .story-content:not(.embeddable) .player-attr {
        display: none
    }
    .story-content:not(.embeddable) .photo-back,
    .story-content:not(.embeddable) .photo-bg,
    .story-content:not(.embeddable) .player-link {
        margin-left: -20px
    }
    .title-pill {
        margin: 5px 0 0 5px!important;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
    .interest-title.left {
        float: none!important
    }
}

@media screen and (max-width:500px) {
    .player-list-view.row {
        padding: 0 15px
    }
    .player-list-view.row .player-container {
        height: 130px;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .player-list-view.row .player-link {
        margin-left: -40px
    }
    .player-list-view.row .player-link img {
        height: 130px;
        margin: 0 0 0 15px
    }
    .player-list-view.row .photo-bg:after {
        left: 55px;
        z-index: 2
    }
    .player-list-view.row .player-link:after {
        left: 95px;
        font-size: 180px
    }
    .player-list-view.row .photo-bg {
        min-height: 130px;
        margin-left: 0
    }
    .player-list-view.row .photo-bg .icon_circle-stroke,
    .player-list-view.row .photo-bg span:last-child {
        display: none
    }
    .player-list-view.row .photo-bg .icon_high_school {
        left: 25%!important
    }
    .player-list-view.row .player-data {
        padding: 15px 0 0 30px
    }
    .player-list-view.row .player-data .visit-date span {
        line-height: normal
    }
    .player-list-view.row .name {
        font-size: 14px;
        padding: 0
    }
    .player-list-view.row .player-rating {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .player-list-view.row .rating-badge {
        width: 55px;
        height: 55px;
        right: 15px;
        top: 40px
    }
    .player-list-view.row .rating-badge .icon:before {
        font-size: 53px;
        top: 25px;
        left: 0
    }
    .player-list-view.row .rating-badge .rank {
        padding: 18px 0 0;
        width: 62px;
        font-size: 19px;
        text-align: center
    }
    .player-list-view.row .player-stats .offer-tag {
        right: -3px
    }
    .player-list-view.row .player-stats li {
        margin: 0 5px 0 0!important;
        vertical-align: top;
        height: 40px;
        padding: 0 5px
    }
    .player-list-view.row .player-stats li .icon_arrow-down:before {
        top: -10px;
        right: -20px
    }
    .player-list-view.row .player-stats li .interest-box {
        padding: 15px 5px!important
    }
    .player-list-view.row .player-stats li:nth-child(2) {
        padding: 0 5px 0 0
    }
    .player-list-view.row .player-stats li:last-child {
        margin-right: 0!important
    }
    .player-list-view.row .player-stats li label {
        font-size: 10px;
        line-height: 9px;
        min-width: 50px
    }
    .player-list-view.row .player-stats li .rank {
        font-size: 24px;
        min-width: 45px;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto
    }
    .player-list-view.row .school-list:before {
        left: 111px
    }
    .player-list-view.row .school-list:after {
        left: 110px
    }
}

.topic-finder.compact .tiles .player-list-view {
    margin: 0!important;
    padding: 0!important
}

.topic-finder.compact #results {
    padding: 0!important;
    margin: 0!important
}

.topic-finder.compact #results h1.clearfix {
    padding-top: 10px
}

.topic-finder.compact #filterbar select {
    width: 120px;
    font-size: 16px;
    border: 0;
    outline: 0;
    margin: 10px
}

.blip:not #content-area,
.messageboard:not #content-area {
    position: relative;
    width: 970px;
    margin: 0 auto
}

.messagelist .message {
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .messagelist .message {
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
}

.messagelist .message,
.messagelist .message blockquote,
.messagelist .message div,
.messagelist .message p,
.messagelist .message strong {
    font-family: Roboto!important
}

.messagelist .message div.icon {
    font-family: icons!important
}

.messagelist .message storycardview {
    padding: 0;
    margin: 0;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    display: inherit;
    position: relative;
    vertical-align: top!important;
    overflow: hidden
}

.messagelist .message storycardview hr {
    margin: 0;
    background: 0 0;
    border: 1px solid #000
}

.messagelist .message storycardview h3 {
    width: 175px;
    padding: 15px 15px 5px 20px!important;
    font-size: 20px!important;
    letter-spacing: 1px;
    background: #000;
    color: #E5E5E5;
    min-height: 40px!important;
    line-height: 13px!important;
    font: proxima_extrabold
}

.messagelist .message storycardview .story-note {
    color: #0789E7;
    cursor: pointer;
    text-align: left!important;
    height: 100%
}

.messagelist .message storycardview .story-note .overlay {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    background: 0 0
}

.messagelist .message storycardview .story-note .pinned {
    background: #000;
    position: absolute;
    width: 50%;
    top: 5px;
    right: -5px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 10px;
    color: #0789E7;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px
}

.messagelist .message storycardview .story-note .pinned .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.messagelist .message storycardview .story-note .pinned .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 9px;
    left: 0
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .story-note .pinned {
        right: 0
    }
}

.messagelist .message storycardview .story-note .top-story {
    background: #0789E7;
    position: absolute;
    top: 5px;
    right: 0;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #E5E5E5;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px;
    z-index: 1
}

.messagelist .message storycardview .story-note .top-story .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.messagelist .message storycardview .story-note .top-story .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 8px;
    left: 0;
    z-index: 3
}

.messagelist .message storycardview .story-note .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .story-note .top-story {
        right: 0
    }
}

.messagelist .message storycardview .story-note .story-info {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent, #000);
    background: linear, top, transparent, #000;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='#000000');
    position: absolute;
    bottom: -1px;
    min-width: 100%;
    padding: 0 15px;
    color: #ACACAC
}

.messagelist .message storycardview .story-note .story-info h4.title .title-text {
    display: inline-block;
    width: 245px
}

.messagelist .message storycardview .story-note .story-info .icon_circle-play {
    position: absolute;
    right: 10px;
    bottom: 55px
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .story-note .story-info .icon_circle-play {
        bottom: 45px
    }
}

.messagelist .message storycardview .story-note .story-info .icon_circle-play:before {
    width: 35px;
    height: 35px;
    font-size: 35px
}

.messagelist .message storycardview .story-note .site-name {
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #0789E7!important
}

.messagelist .message storycardview .story-note .site-name:hover {
    color: #FFF
}

.messagelist .message storycardview .story-note .under-title {
    font-size: 12px;
    padding: 0 0 30px;
    width: 100%;
    font-weight: 400
}

.messagelist .message storycardview .story-note .under-title span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.messagelist .message storycardview .story-note .under-title .author {
    width: 50%;
    text-align: left
}

.messagelist .message storycardview .story-note .under-title .icon_key {
    position: relative;
    top: 4px;
    left: 7px;
    color: #0789E7!important
}

.messagelist .message storycardview .story-note .under-title .icon_key:before {
    font-size: 24px
}

.messagelist .message storycardview .story-note .under-title .date {
    text-align: right
}

.messagelist .message storycardview .story-note h4 {
    padding: 10px 0 15px;
    color: #FFF;
    font-size: 18px;
    opacity: 1;
    font-weight: 400
}

.messagelist .message storycardview .story-note .icon_key:before {
    color: #0789E7;
    margin: 0 0 0 5px
}

.messagelist .message storycardview .story-note .story-deck {
    color: #FFF;
    font-weight: 200;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    bottom: -180px
}

.messagelist .message storycardview .story-note .story-deck .icon_key {
    margin: 7px 0 0
}

.messagelist .message storycardview .story-note .story-deck .icon_key:before {
    margin: 0
}

.messagelist .message storycardview .story-note .story-deck .author {
    position: absolute;
    bottom: -8px;
    right: 0;
    font-size: 13px
}

.messagelist .message storycardview .story-note .story-deck .author .by {
    color: #959595
}

.messagelist .message storycardview .story-note:hover .pinned {
    z-index: 1
}

.messagelist .message storycardview .story-note:hover .story-deck {
    opacity: 1;
    bottom: 10px;
    position: relative;
    display: inline-block;
    min-height: 30px;
    max-height: 140px;
    min-width: 100%;
    padding-bottom: 15px
}

.messagelist .message storycardview .story-note:hover .icon_circle-play {
    background-color: #E5E5E5;
    color: #202020;
    right: 0;
    bottom: 15px;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.messagelist .message storycardview .story-note:hover .icon_circle-play:before {
    vertical-align: bottom;
    font-size: 39px;
    margin-left: -5px;
    position: relative;
    top: 5px
}

.messagelist .message storycardview .story-note:hover .overlay {
    -webkit-box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    background: rgba(0, 0, 0, .65)
}

.messagelist .message storycardview .story-note:hover h4 {
    display: none;
    opacity: 0
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .story-note:hover .site-name {
        padding: 0
    }
    .messagelist .message storycardview .story-note:hover .pinned {
        z-index: 99
    }
    .messagelist .message storycardview .story-note:hover .story-deck {
        opacity: 0;
        display: none
    }
    .messagelist .message storycardview .story-note:hover .icon_circle-play {
        position: absolute;
        right: 10px;
        bottom: 45px;
        background-color: transparent;
        color: #FFF
    }
    .messagelist .message storycardview .story-note:hover .icon_circle-play:before {
        width: 35px;
        height: 35px;
        font-size: 35px
    }
    .messagelist .message storycardview .story-note:hover .overlay {
        -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        background: 0 0
    }
    .messagelist .message storycardview .story-note:hover h4 {
        display: block;
        opacity: 1
    }
}

.messagelist .message storycardview .story-note.breaking {
    border: 5px #0789E7 solid;
    position: relative;
    z-index: 1
}

.messagelist .message storycardview .story-note.breaking .breaking-banner.overlay,
.messagelist .message storycardview .story-note.breaking .breaking-message.overlay {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.messagelist .message storycardview .story-note.breaking .breaking-banner.overlay:hover.overlay,
.messagelist .message storycardview .story-note.breaking .breaking-message.overlay:hover.overlay {
    background: 0 0
}

.messagelist .message storycardview .story-note.breaking .breaking-banner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 84px 0 0;
    border-color: #0789E7 transparent transparent;
    z-index: 999
}

.messagelist .message storycardview .story-note.breaking .breaking-message {
    position: absolute;
    top: -1px;
    font-size: 12px;
    height: 84px;
    width: 84px;
    display: block;
    font-family: proxima_extrabold;
    text-align: center;
    text-transform: uppercase;
    color: #202020;
    z-index: 1000;
    line-height: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.messagelist .message storycardview .story-note.breaking .speaker:before {
    font-size: 15px;
    color: #202020;
    opacity: .5;
    position: relative;
    top: -4px;
    left: -4px
}

.messagelist .message storycardview .story-note.breaking .speaker.icon {
    display: block!important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.messagelist .message storycardview .story-note.breaking .story-info h4.title .title-text {
    width: 230px
}

.messagelist .message storycardview .story-note .breaking-message {
    display: none
}

.messagelist .message storycardview .embed-share-popup {
    background: rgba(0, 0, 0, .8);
    padding: 1em;
    transition: opacity .3s;
    -webkit-transition: opacity .3s, top .3s;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute
}

.messagelist .message storycardview .embed,
.messagelist .message storycardview .link {
    display: inline-block;
    width: 39.5%;
    padding: 5%;
    margin-top: 35px;
    vertical-align: top
}

.messagelist .message storycardview .embed label {
    padding-left: 26px;
    background: url(../images/embed/embed.svg) no-repeat;
    background-size: 20px;
    line-height: 14px
}

.messagelist .message storycardview .link label {
    padding-left: 26px;
    background: url(../images/embed/link.svg) no-repeat;
    background-size: 20px 16px;
    line-height: 16px
}

.messagelist .message storycardview div label {
    font-family: proxima_extrabold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.messagelist .message storycardview button.show-embed {
    background: rgba(0, 0, 0, .6)url(../images/embed/share_embed.svg) no-repeat 143px 14px;
    background-size: 25px;
    padding: 20px;
    padding-right: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-family: proxima_extrabold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 11px;
    clip: rect(auto auto auto 131px);
    -webkit-transition: clip .2s, opacity .3s;
    transition: clip .2s, opacity .3s;
    height: initial;
    opacity: 1
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview button.show-embed {
        right: 0
    }
}

.messagelist .message storycardview button.show-embed:hover {
    text-decoration: none!important;
    clip: rect(auto auto auto 0)
}

.messagelist .message storycardview button.close-embed:focus {
    outline: 0
}

.messagelist .message storycardview button.close-embed {
    border: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    background-image: none;
    padding: 20px;
    font-size: 25px;
    font-family: sans-serif;
    color: #fff;
    line-height: 15px;
    z-index: 2
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview button.close-embed {
        padding: 10px;
        font-size: 15px
    }
}

.messagelist .message storycardview textarea {
    width: 290px;
    height: 10em;
    padding: 10px
}

.messagelist .message storycardview input {
    width: 200px;
    padding: 10px
}

@media screen and (max-width:980px) {
    .messagelist .message storycardview .embed-share-popup {
        top: 0;
        padding: 1em
    }
    .messagelist .message storycardview .embed,
    .messagelist .message storycardview .link {
        display: inline-block;
        width: 98%;
        padding: 1%;
        margin-top: 15px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    .messagelist .message storycardview .embed,
    .messagelist .message storycardview .link {
        margin-top: 0
    }
}

@media screen and (max-width:980px) {
    .messagelist .message storycardview input,
    .messagelist .message storycardview textarea {
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .messagelist .message storycardview textarea {
        height: 50px
    }
}

.messagelist .message storycardview .video-viewer {
    position: relative;
    position: relative;
    overflow: hidden
}

.messagelist .message storycardview .video-viewer .story-info {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #CCC
}

.messagelist .message storycardview .video-viewer .story-info h4 {
    display: inline-block;
    max-width: 430px;
    max-height: 50px;
    pointer-events: auto;
    font-size: 24px
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer .story-info h4 {
        font-size: 22px
    }
}

.messagelist .message storycardview .video-viewer .story-info h4 .icon:before {
    color: #0789E7;
    font-size: 28px;
    margin-left: 7px
}

.messagelist .message storycardview .video-viewer .story-info a.story-button {
    z-index: 4;
    display: block;
    width: 160px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    border-width: 3px;
    border-style: solid;
    color: #202020;
    text-decoration: none;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    overflow: hidden;
    letter-spacing: 2px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

.messagelist .message storycardview .video-viewer .story-info a.story-button .icon_play {
    width: 25px;
    height: 25px;
    border: 2px solid #202020;
    color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.messagelist .message storycardview .video-viewer .story-info a.story-button .icon_play:before {
    font-size: 14px;
    margin-left: 4px;
    vertical-align: top;
    line-height: 20px
}

.messagelist .message storycardview .video-viewer .story-info a.story-button .play-text {
    padding-left: 8px;
    vertical-align: middle
}

.messagelist .message storycardview .video-viewer .story-info a.story-button:hover {
    color: #fff;
    border: 3px solid #fff;
    background: 0 0;
    letter-spacing: 3px
}

.messagelist .message storycardview .video-viewer .story-info a.story-button:hover .icon_play {
    border: 2px solid #fff;
    color: #fff
}

.messagelist .message storycardview .video-viewer .story-info a.story-button {
    position: absolute!important;
    bottom: 10px;
    right: 0;
    max-height: 50px;
    pointer-events: auto
}

.messagelist .message storycardview .video-viewer .video-area {
    width: 620px;
    position: relative
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer .video-area {
        width: 100%;
        height: auto
    }
}

.messagelist .message storycardview .video-viewer .video-area .story-video-hover {
    visibility: hidden
}

.messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover {
    visibility: visible;
    -webkit-box-shadow: inset 0 -73px 66px rgba(0, 0, 0, .9);
    box-shadow: inset 0 -73px 66px rgba(0, 0, 0, .9);
    background: 0 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 620px;
    height: 349px
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover {
        width: 100%
    }
    .messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover a {
        display: block;
        width: 100%;
        height: 200px;
        position: absolute!important;
        bottom: 0
    }
}

.messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover h4 {
    position: absolute;
    left: 10px;
    width: 430px;
    color: #FFF
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover h4 {
        position: absolute;
        width: 307px;
        top: auto;
        bottom: 15px;
        font-size: 22px
    }
}

.messagelist .message storycardview .video-viewer .video-area.paused .story-video-hover a.story-button {
    right: 10px;
    bottom: 20px
}

.messagelist .message storycardview .video-viewer .video-area .story-info {
    position: absolute;
    bottom: 0;
    padding: 0;
    border-bottom: none
}

.messagelist .message storycardview .video-viewer .height-auto {
    height: auto
}

.messagelist .message storycardview .video-viewer .filmstrip.right {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    color: #CCC;
    background: 0 0;
    height: auto;
    float: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0
}

.messagelist .message storycardview .video-viewer .filmstrip.right::-webkit-scrollbar {
    height: 10px
}

.messagelist .message storycardview .video-viewer .filmstrip.right::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #454545
}

.messagelist .message storycardview .video-viewer .filmstrip.right::-webkit-scrollbar-thumb {
    width: 100px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 3px solid #454545;
    background: #ACACAC
}

.messagelist .message storycardview .video-viewer .filmstrip.right::-webkit-scrollbar-thumb:window-inactive {
    background: #ACACAC;
    opacity: .25
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs {
    position: relative;
    display: inline-block;
    left: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb {
    vertical-align: top
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing img {
    opacity: 1
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb img {
    cursor: pointer;
    opacity: .6
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb img:hover {
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    opacity: 1
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb>span {
    color: #E5E5E5;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 68px;
    height: 20px;
    background: #202020;
    font-size: 10px;
    padding: 5px 15px;
    opacity: .8
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration .icon_clock {
    margin-right: 10px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration .icon_clock:before {
    font-size: 16px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .caption {
    font-family: proxima_semibold;
    font-size: 13px;
    white-space: normal
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story {
    background: #0789E7;
    position: absolute;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    color: #E5E5E5;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    z-index: 1;
    padding: 3px 5px 4px 0;
    font-size: 10px;
    line-height: 10px;
    right: 15px;
    top: 1px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story+span {
    display: inline-block;
    width: 180px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:before {
    color: #FFF;
    position: relative;
    left: 0;
    z-index: 3
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story {
        right: 0
    }
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo {
    vertical-align: top
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:before {
    font-size: 15px;
    top: 2px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:after {
    width: 17px;
    height: 17px
}

.messagelist .message storycardview .video-viewer .filmstrip.right a {
    color: #CCC
}

.messagelist .message storycardview .video-viewer .filmstrip.right.autoplay-enabled .thumbs .vid-thumb {
    height: 18%
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs {
    width: 350px;
    height: 350px;
    background-color: #202020;
    overflow: hidden
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb {
    position: relative;
    border-bottom: 1px solid #454545;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 15px;
    height: 20%;
    width: 100%;
    background-color: #202020
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb:hover {
    cursor: pointer;
    background-color: #454545;
    color: #FFF
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb:hover .duration {
    opacity: 1
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb:before {
    content: "\e061";
    font-family: icons;
    vertical-align: middle;
    padding: 10px 10px 15px;
    font-size: 30px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing {
    background-color: #454545;
    border: 1px solid #0789E7;
    color: #0789E7
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:before {
    color: #CCC
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover,
.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover:before {
    color: #FFF
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover.playing:before {
    opacity: 1
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing.playing:before {
    content: "\e070";
    font-family: icons;
    vertical-align: middle;
    font-size: 30px;
    padding: 10px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #0789E7;
    border-width: 10px;
    margin-top: -10px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .caption {
    margin: 0;
    width: 220px;
    line-height: 16px;
    padding-top: 5px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .caption .icon_key:before {
    padding-left: 5px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration,
.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .now-playing-tag {
    background-color: transparent;
    top: 65%;
    right: 20px;
    text-align: right;
    font-family: proxima_semibold;
    color: #FFF;
    font-size: 12px;
    text-transform: none
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .now-playing-tag {
    opacity: 1
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .icon_clock {
    display: none
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .autoplay-toggle {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 8px
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .autoplay-toggle:focus {
    border: none;
    outline: 0
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .autoplay-toggle .text {
    font-family: proxima_semibold;
    font-size: 13px;
    white-space: normal;
    color: #CCC
}

.messagelist .message storycardview .video-viewer .filmstrip.right .thumbs .autoplay-toggle .icon {
    margin-left: 5px
}

.messagelist .message storycardview .video-viewer .video-area {
    height: inherit!important
}

.messagelist .message storycardview .video-viewer .story-info {
    padding: 0
}

.messagelist .message storycardview .video-viewer .photo-credit {
    font-size: 11px;
    color: #ACACAC;
    padding: 3px 0;
    margin: 7px 0 0
}

@media screen and (max-width:767px) {
    .messagelist .message storycardview .video-viewer {
        margin: 0
    }
    .messagelist .message storycardview .video-viewer iframe {
        width: 100%
    }
}

.messagelist .message .story-content.player-card-view {
    width: 600px
}

.messagelist .message .story-content.player-card-view ul {
    padding-left: 0!important
}

.messagelist .message .story-content.player-card-view .analysis h3 {
    color: #FFF!important;
    font-family: bebas_neue!important;
    font-size: 18px!important
}

.messagelist .message .story-content.topicfinder {
    width: 450px
}

.messagelist .message .story-content.topicfinder .topic-finder-widget {
    background: #FFF!important;
    padding: 20px 15px 0;
    border: 1px solid #E5E5E5
}

.messagelist .message .story-content.topicfinder .topic-finder-widget .widget-header h3 {
    font-size: 20px!important;
    color: #454545!important;
    font-family: bebas_neue;
    font-weight: 400
}

.messagelist .message .story-content.topicfinder .topic-finder-widget .widget-header hr {
    border: 1px solid #454545!important
}

@media screen and (max-width:767px) {
    .messagelist .message .story-content {
        width: 100%
    }
    .messagelist .message .story-content.player-card-view .rating-badge .icon:before {
        top: 0!important
    }
    .messagelist .message .story-content.topicfinder .topic-finder-widget {
        padding: 10px 10px 0
    }
    .messagelist .message .story-content.topicfinder .topic-finder-widget .widget-results {
        padding-left: 0!important
    }
}

.messagelist .message .thread-body .sub-title {
    padding: 5px 0 0;
    font-size: 14px
}

.messagelist .message .thread-body .sub-title.compact {
    font-size: 12px
}

.messagelist .message .thread-body .forum-post-photos .tile {
    text-align: center
}

.messagelist .message .thread-body .forum-post-photos ul {
    padding-left: 0!important;
    list-style: none!important
}

.messagelist .message .thread-body .forum-post-photos li.photo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    padding: 3px
}

.messagelist .message .topicAction.row {
    padding: 0
}

.messagelist .message .topicAction.row .topicLinks {
    font-size: 12px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 20px
}

.messagelist .message.msg-preview {
    border: 0!important;
    padding: 0 15px
}

.messagelist .message.msg-preview strong div {
    margin: 0 0 15px!important
}

.messageboard .modal.photo .dialog .photo-frame {
    width: 100%
}

#wrapper.forum .scout-col .ad-border {
    border: 0;
    background: #E5E5E5;
    padding: 5px
}

#wrapper.forum .editors-choice-note {
    width: 310px;
    margin: 10px 0;
    overflow: hidden;
    text-align: left
}

#wrapper.forum .editors-choice-note .heading {
    margin: 0!important;
    background: #000;
    color: #E5E5E5;
    width: 175px;
    padding: 15px 15px 5px 20px;
    font-size: 20px;
    font-weight: 600;
    min-height: 40px;
    line-height: 13px;
    font-family: bebas_neue;
    letter-spacing: normal
}

#wrapper.forum .editors-choice-note hr {
    border: none!important;
    height: 2px;
    background-color: #000;
    margin: 0
}

#wrapper.forum .editors-choice-note span hr {
    border: none!important;
    height: 1px;
    background-color: #CCC
}

#wrapper.forum .editors-choice-note .stories {
    position: relative
}

#wrapper.forum .editors-choice-note .stories span:last-child hr {
    display: none
}

#wrapper.forum .editors-choice-note .stories span a {
    font-family: proxima_semibold;
    width: 97%;
    overflow: hidden;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 15px 35px 10px 10px;
    color: #000!important;
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

#wrapper.forum .editors-choice-note .stories span a:after {
    content: '';
    content: "\e004";
    font-family: icons;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #0789E7;
    text-align: center;
    position: absolute;
    right: 5px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 30px;
    height: 27px
}

#wrapper.forum .editors-choice-note .stories span a:hover:after {
    right: 0
}

#wrapper.forum .scout-sticky-col:first-child {
    width: -webkit-calc(100% - 330px);
    width: calc(100% - 330px)
}

#wrapper.forum .scout-sticky-col .right-sidebar {
    margin-top: 10px;
    margin-left: 20px
}

@media screen and (max-width:980px) {
    #wrapper.forum .scout-sticky .stick-to-top {
        position: relative!important;
        margin: 20px 0!important
    }
    #wrapper.forum .scout-sticky-col {
        width: 100%!important
    }
    #wrapper.forum .scout-sticky-col .right-sidebar>div {
        max-width: -webkit-calc(50% - 40px);
        max-width: calc(50% - 40px);
        margin: 0 20px;
        display: inline-block
    }
    #wrapper.forum .story-info {
        width: inherit!important
    }
}

@media screen and (max-width:767px) {
    #wrapper.forum .scout-sticky-col {
        width: 100%!important
    }
    #wrapper.forum .scout-sticky-col .right-sidebar {
        margin: 0 20px
    }
    #wrapper.forum .scout-sticky-col .right-sidebar>div {
        max-width: 100%;
        margin: 20px 0;
        display: block
    }
    #wrapper.forum .scout-sticky-col .right-sidebar .editors-choice-note {
        width: 100%
    }
}

.main-photo img.cover {
    max-width: 100%;
    margin-bottom: 20px
}

.main-photo .video-gallery {
    padding: 0 20px 0 0
}

.main-photo .video-gallery .video-frame {
    background: 0 0
}

.main-photo .video-gallery h4 {
    display: none
}

.main-photo .inner {
    position: relative
}

.team-picker-wrap {
    background-color: #0789E7
}

.team-picker-wrap .nav {
    max-width: 970px;
    height: 75px;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width:980px) {
    .team-picker-wrap .nav {
        height: auto
    }
}

.team-picker-wrap .nav:after {
    clear: both
}

.team-picker-wrap .nav #autocomplete {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    z-index: 9;
    width: 180px;
    height: 35px;
    margin: 20px 10px;
    vertical-align: top
}

.team-picker-wrap .nav #autocomplete button {
    top: 6px;
    left: 6px
}

.team-picker-wrap .nav #autocomplete input {
    width: 180px;
    height: 35px;
    max-width: none;
    font-size: 15px;
    font-weight: 700;
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent;
    border: 1px solid transparent
}

.team-picker-wrap .nav #autocomplete input:focus {
    -webkit-box-shadow: 0 0 10px #CCC;
    box-shadow: 0 0 10px #CCC;
    border-color: #CCC
}

@media screen and (max-width:980px) {
    .team-picker-wrap .nav #autocomplete {
        width: 100%;
        height: auto;
        margin: 10px;
        padding-right: 20px
    }
    .team-picker-wrap .nav #autocomplete input {
        width: 100%;
        margin: 0
    }
}

.team-picker-wrap .nav #autocomplete #suggestions .team-logo {
    margin-right: 10px
}

.team-picker-wrap .nav .tabs {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: relative;
    overflow: hidden
}

.team-picker-wrap .nav .tabs .tab {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #999;
    font-size: 13px;
    cursor: pointer;
    margin: 0 9px
}

.team-picker-wrap .nav .tabs .tab.selected:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent #FFF;
    border-bottom-style: solid
}

.team-picker-wrap .nav .tabs .tab:after {
    content: "";
    height: 5px;
    width: 5px;
    margin: 0 auto
}

.team-picker-wrap .nav .tabs .tab:hover:not(.selected) {
    opacity: s .5
}

.team-picker-wrap .nav .tabs .tab .icon-wrap {
    min-height: 59px
}

.team-picker-wrap .nav .tabs .tab .icon-wrap .icon {
    margin: 20px 0 10px
}

.team-picker-wrap .nav .tabs .tab .icon-wrap .icon-acc,
.team-picker-wrap .nav .tabs .tab .icon-wrap .icon-big-ten,
.team-picker-wrap .nav .tabs .tab .icon-wrap .icon-c-usa {
    margin: 25px 0 17px
}

@media screen and (max-width:980px) {
    .team-picker-wrap .nav .tabs {
        display: none
    }
}

.team-picker-wrap .pane {
    background-color: #FFF
}

.team-picker-wrap .pane .teams {
    width: 970px;
    margin: 0 auto;
    padding: 20px
}

@media screen and (max-width:980px) {
    .team-picker-wrap .pane .teams {
        width: auto
    }
}

.team-picker-wrap .pane .teams ul {
    max-height: 144px;
    overflow: hidden
}

.team-picker-wrap .pane .teams ul li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    overflow: hidden;
    text-transform: capitalize;
    height: 36px
}

.team-picker-wrap .pane .teams ul li a {
    font-weight: 400;
    font-size: 15px
}

@media screen and (max-width:980px) {
    .team-picker-wrap .pane .teams {
        padding-left: 20px
    }
}

.team-picker-wrap .name-wrap,
.team-picker-wrap .team-logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-right: 10px;
    line-height: 1.2em;
    vertical-align: middle
}

.team-picker-wrap .team-logo {
    display: none
}

@media screen and (max-width:980px) {
    .team-picker-wrap .team-logo {
        display: inline-block
    }
}

.team-picker-wrap .name-wrap {
    width: 222px
}

.content-rating {
    max-height: 60px;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
    margin-bottom: 20px;
    text-align: center
}

.content-rating.no-votes {
    max-height: 75px
}

.content-rating:hover {
    max-height: 500px
}

.content-rating.no-votes:hover {
    height: 75px
}

.content-rating .scout-stars {
    margin-right: 5px
}

.content-rating .scout-stars .icon:before {
    font-size: 15px
}

.content-rating label {
    height: 30px;
    vertical-align: middle;
    display: inline-block
}

.content-rating .rating-count label {
    margin-right: 5px;
    margin-left: 15px;
    width: 50px
}

.content-rating .outer-bar {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
    width: 100px;
    border: 1px solid #CCC
}

.content-rating .inner-bar {
    height: 28px;
    background: #0789E7
}

.content-rating .extra {
    margin-top: 10px
}

.content-rating .vote-label {
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px
}

.content-rating span.selectable {
    border: 1px solid #CCC;
    padding: 8px;
    margin: 10px 4px;
    cursor: pointer;
    display: inline-block
}

.content-rating span.selectable:before {
    line-height: inherit;
    color: #ACACAC
}

.content-rating span.hover:before {
    color: #0789E7
}

.www .story-content a {
    color: #0789E7
}

.www .story-content .more-stories a {
    color: #000!important
}

.www .story-content .more-stories a:hover {
    color: #FFF!important
}

.story-content {
    padding-bottom: 20px;
    font-family: proxima_regular;
    color: #454545;
    font-size: 15px;
    line-height: 24px;
    max-width: 100%
}

.story-content #bottom3x3.ad {
    background: 0 0;
    padding: 0
}

.story-content .media-element-container {
    float: left;
    min-width: 52%;
    max-width: 100%
}

.story-content .media-element-container img {
    max-width: 100%;
    min-width: 100%;
    float: none!important
}

@media screen and (max-width:767px) {
    .story-content .media-element-container img {
        width: 100%
    }
}

.story-content img {
    float: none!important
}

.story-content iframe {
    margin: 5px 0;
    max-width: 100%
}

.story-content .image-caption {
    color: #454545;
    font-size: 19px;
    font-family: vectipede;
    font-weight: 700;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 15px!important;
    padding-bottom: 15px;
    line-height: 30px;
    padding-right: 20px;
    margin-bottom: 15px
}

.story-content .pullquote {
    max-width: 40%;
    border-right: 3px solid #CCC;
    font-size: 18px;
    font-family: vectipede;
    margin: 25px;
    padding: 0 20px;
    display: inline-block;
    float: left;
    position: relative
}

.story-content .pullquote:before {
    content: "‟";
    font-family: proxima_extrabold;
    font-size: 70px;
    color: #CCC;
    top: 10px;
    left: -20px;
    position: absolute
}

.story-content .media-element-container {
    border-bottom: 1px solid #CCC;
    position: relative;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 40px
}

.story-content .media-element-container .photo-credit {
    font-size: 11px;
    color: #ACACAC;
    position: absolute;
    left: 0;
    bottom: 3px
}

.story-content .media-element-container.img-full {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    min-height: 360px
}

.story-content .media-element-container.img-left {
    float: left;
    min-width: 40%;
    max-width: 45%;
    margin: 15px 15px 30px 0
}

.story-content .media-element-container.img-right {
    float: right;
    min-width: 40%;
    max-width: 45%;
    margin: 15px 0 30px 15px
}

@media screen and (max-width:767px) {
    .story-content .media-element-container {
        margin: 15px 0
    }
}

.story-content .img-full {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    min-height: 360px
}

.story-content .img-left {
    float: left;
    min-width: 40%;
    max-width: 45%;
    margin: 15px 15px 30px 0
}

.story-content .img-right {
    float: right;
    min-width: 40%;
    max-width: 45%;
    margin: 15px 0 30px 15px
}

@media screen and (max-width:767px) {
    .story-content {
        display: inline-block;
        font-size: 17px
    }
    .story-content p {
        padding: 5px 0!important
    }
    .story-content.float-image img.cover {
        width: inherit;
        float: left;
        padding-bottom: 10px
    }
    .story-content.float-image .image-caption {
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
        font-size: 18px
    }
}

.story-content h1 {
    font-size: 46px;
    color: #202020;
    font-family: proxima_extrabold;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -.25px
}

.story-content h2 {
    font-weight: 700;
    font-size: 32px;
    font-family: proxima_extrabold;
    letter-spacing: -.25px;
    color: #202020;
    line-height: 32px
}

.story-content h3 {
    font-family: bebas_neue;
    font-weight: 400;
    color: #202020;
    letter-spacing: 3px;
    font-size: 24px;
    line-height: 30px
}

.story-content h4 {
    font-family: proxima_extrabold;
    font-size: 20px;
    font-weight: 400;
    color: #202020;
    display: block
}

.story-content hr {
    width: 100%;
    border: 1px solid #CCC;
    height: 1px
}

.story-content p {
    max-width: 100%;
    padding-right: 20px;
    padding-bottom: 12px
}

.story-content ol {
    list-style-type: decimal;
    list-style-position: inside
}

.story-content ul li:before {
    content: "\e02B";
    font-family: icons;
    font-size: 10px;
    padding-right: 5px
}

.story-content .photo-gallery {
    overflow: hidden
}

.story-content .photo-gallery .photo-frame {
    width: 100%;
    height: 400px;
    padding: 0;
    overflow: hidden;
    position: relative
}

.story-content .photo-gallery .photo {
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 315px;
    width: 100%;
    padding: 5px;
    text-align: center
}

.story-content .photo-gallery .photo-desc {
    display: none!important
}

.story-content .photo-gallery .photo-frame .caption {
    display: block!important;
    position: absolute;
    bottom: 85px;
    left: 0;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 17px;
    width: 100%;
    text-align: center
}

.story-content .photo-gallery .photo-frame .caption .photo-desc {
    display: none!important
}

.story-content .photo-gallery button.prev {
    outline: 0;
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -webkit-calc(50% - 30px);
    top: calc(50% - 30px);
    background: rgba(0, 0, 0, .7);
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
    border: 0
}

.story-content .photo-gallery button.next {
    outline: 0;
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -webkit-calc(50% - 30px);
    top: calc(50% - 30px);
    right: 0;
    background: rgba(0, 0, 0, .7);
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
    border: 0
}

.story-content .photo-gallery .thumbnails {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    height: 90px;
    margin: 0;
    background: #000;
    position: absolute;
    bottom: 0
}

.story-content .photo-gallery .thumbnails ul {
    padding: 0
}

.story-content .photo-gallery .thumbnails ul li {
    display: inline-block;
    *display: inline;
    *vertical-align: auto;
    border-top: 3px solid #000;
    -webkit-transition: border-top 400ms;
    transition: border-top 400ms;
    vertical-align: baseline;
    zoom: 1;
    width: 120px;
    height: 67.5px;
    padding: 0;
    margin: 0 3px 0 0!important
}

.story-content .photo-gallery .thumbnails ul li img {
    opacity: .75;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 67.5px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.story-content .photo-gallery .thumbnails ul li img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    cursor: pointer
}

.story-content .photo-gallery .thumbnails ul li:before {
    padding-right: 0;
    content: ''
}

.story-content .photo-gallery .thumbnails ul li.selected {
    border-top: 3px solid #0789E7
}

.story-content .photo-gallery .thumbnails ul li.selected img {
    opacity: 1;
    -webkit-filter: grayscale(0%)
}

@media screen and (max-width:980px) {
    .story-content .photo-gallery .photo-frame {
        width: 720px
    }
    .story-content .photo-gallery .thumbnails {
        bottom: -25px;
        height: 100px
    }
    .story-content .photo-gallery button.next,
    .story-content .photo-gallery button.prev {
        top: -webkit-calc(50% - 55px);
        top: calc(50% - 55px)
    }
}

@media screen and (max-width:767px) {
    .story-content .photo-gallery .photo-frame {
        width: 100%
    }
}

.story-content .story-inline {
    width: 190px;
    border: 3px solid #F5F5F5;
    padding: 16px
}

.story-content .story-inline.media-element-container .photo-credit {
    padding-left: 1em
}

@media screen and (max-width:750px) {
    .story-content .story-inline {
        width: 100%
    }
}

.story-content .story-inline img {
    display: block;
    padding-top: 20px;
    width: 100%
}

.story-content .story-inline img:first-child {
    padding-top: 0
}

.story-content .story-inline a {
    display: block;
    padding-top: 10px;
    font-family: proxima_extrabold;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #202020;
    line-height: 18px
}

.story-content .story-inline a:hover {
    color: #454545
}

@media screen and (max-width:980px) {
    .story-content .story-inline {
        width: auto;
        margin-bottom: 20px;
        margin-top: 10px
    }
}

@media screen and (max-width:767px) {
    .story-content .story-inline {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 0
    }
}

.story-content .inline-right {
    float: right;
    margin-left: 20px
}

.story-content .inline-left {
    float: left;
    margin-right: 20px
}

.story-content blockquote {
    padding: 15px 10px 15px 30px;
    border-left: 3px solid #CCC;
    margin: 10px 0 15px 30px;
    position: relative
}

.story-content blockquote,
.story-content blockquote p {
    font-size: 15px;
    font-family: proxima_regular;
    display: block;
    line-height: 26px;
    letter-spacing: 0
}

@media screen and (max-width:767px) {
    .story-content blockquote,
    .story-content blockquote p {
        font-size: 17px;
        line-height: 24px;
        padding-top: 10px
    }
}

.story-content div.embed {
    *zoom: 1
}

.story-content div.embed:after,
.story-content div.embed:before {
    content: " ";
    display: table
}

.story-content div.embed:after {
    clear: both
}

.story-content div.embed iframe {
    min-height: inherit;
    width: 100%!important;
    max-width: 100%!important;
    margin: 20px 0!important
}

.story-content.player-card-view {
    clear: both
}

.story-content .story-body {
    min-width: 100%;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    max-width: 100%
}

@media screen and (max-width:980px) {
    .story-content .story-body {
        width: 100%
    }
}

.story-content .story-body h1,
.story-content .story-body h2,
.story-content .story-body h3,
.story-content .story-body h4 {
    margin: 12px 0
}

.story-content storycardview {
    padding-right: 20px;
    float: left;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    display: inherit;
    position: relative;
    vertical-align: top!important;
    overflow: hidden
}

.story-content storycardview hr {
    margin: 0;
    background: 0 0;
    border: 1px solid #000
}

.story-content storycardview h3 {
    width: 175px;
    padding: 15px 15px 5px 20px!important;
    font-size: 20px!important;
    letter-spacing: 1px;
    background: #000;
    color: #E5E5E5;
    min-height: 40px!important;
    line-height: 13px!important;
    font: proxima_extrabold
}

.story-content storycardview .story-note {
    color: #0789E7;
    cursor: pointer;
    text-align: left!important;
    height: 100%
}

.story-content storycardview .story-note .overlay {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
    background: 0 0
}

.story-content storycardview .story-note .pinned {
    background: #000;
    position: absolute;
    width: 50%;
    top: 5px;
    right: -5px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 10px;
    color: #0789E7;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px
}

.story-content storycardview .story-note .pinned .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.story-content storycardview .story-note .pinned .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 9px;
    left: 0
}

@media screen and (max-width:767px) {
    .story-content storycardview .story-note .pinned {
        right: 0
    }
}

.story-content storycardview .story-note .top-story {
    background: #0789E7;
    position: absolute;
    top: 5px;
    right: 0;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #E5E5E5;
    padding: 3px 10px 10px 0;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    line-height: 11px;
    z-index: 1
}

.story-content storycardview .story-note .top-story .icon_logo {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.story-content storycardview .story-note .top-story .icon_logo:before {
    color: #FFF;
    font-size: 27px;
    position: relative;
    top: 8px;
    left: 0;
    z-index: 3
}

.story-content storycardview .story-note .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .story-content storycardview .story-note .top-story {
        right: 0
    }
}

.story-content storycardview .story-note .story-info {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -webkit-linear-gradient(top, transparent, #000);
    background: -o-linear-gradient(top, transparent, #000);
    background: linear, top, transparent, #000;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='transparent', EndColorStr='#000000');
    position: absolute;
    bottom: -1px;
    min-width: 100%;
    padding: 0 15px;
    color: #ACACAC
}

.story-content storycardview .story-note .story-info h4.title .title-text {
    display: inline-block;
    width: 245px
}

.story-content storycardview .story-note .story-info .icon_circle-play {
    position: absolute;
    right: 10px;
    bottom: 55px
}

@media screen and (max-width:767px) {
    .story-content storycardview .story-note .story-info .icon_circle-play {
        bottom: 45px
    }
}

.story-content storycardview .story-note .story-info .icon_circle-play:before {
    width: 35px;
    height: 35px;
    font-size: 35px
}

.story-content storycardview .story-note .site-name {
    font-family: proxima_extrabold;
    font-size: 12px;
    color: #0789E7!important
}

.story-content storycardview .story-note .site-name:hover {
    color: #FFF
}

.story-content storycardview .story-note .under-title {
    font-size: 12px;
    padding: 0 0 30px;
    width: 100%;
    font-weight: 400
}

.story-content storycardview .story-note .under-title span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.story-content storycardview .story-note .under-title .author {
    width: 50%;
    text-align: left
}

.story-content storycardview .story-note .under-title .icon_key {
    position: relative;
    top: 4px;
    left: 7px;
    color: #0789E7!important
}

.story-content storycardview .story-note .under-title .icon_key:before {
    font-size: 24px
}

.story-content storycardview .story-note .under-title .date {
    text-align: right
}

.story-content storycardview .story-note h4 {
    padding: 10px 0 15px;
    color: #FFF;
    font-size: 18px;
    opacity: 1;
    font-weight: 400
}

.story-content storycardview .story-note .icon_key:before {
    color: #0789E7;
    margin: 0 0 0 5px
}

.story-content storycardview .story-note .story-deck {
    color: #FFF;
    font-weight: 200;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    bottom: -180px
}

.story-content storycardview .story-note .story-deck .icon_key {
    margin: 7px 0 0
}

.story-content storycardview .story-note .story-deck .icon_key:before {
    margin: 0
}

.story-content storycardview .story-note .story-deck .author {
    position: absolute;
    bottom: -8px;
    right: 0;
    font-size: 13px
}

.story-content storycardview .story-note .story-deck .author .by {
    color: #959595
}

.story-content storycardview .story-note:hover .pinned {
    z-index: 1
}

.story-content storycardview .story-note:hover .story-deck {
    opacity: 1;
    bottom: 10px;
    position: relative;
    display: inline-block;
    min-height: 30px;
    max-height: 140px;
    min-width: 100%;
    padding-bottom: 15px
}

.story-content storycardview .story-note:hover .icon_circle-play {
    background-color: #E5E5E5;
    color: #202020;
    right: 0;
    bottom: 15px;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.story-content storycardview .story-note:hover .icon_circle-play:before {
    vertical-align: bottom;
    font-size: 39px;
    margin-left: -5px;
    position: relative;
    top: 5px
}

.story-content storycardview .story-note:hover .overlay {
    -webkit-box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    box-shadow: inset 0 0 220px rgba(0, 0, 0, .95);
    background: rgba(0, 0, 0, .65)
}

.story-content storycardview .story-note:hover h4 {
    display: none;
    opacity: 0
}

@media screen and (max-width:767px) {
    .story-content storycardview .story-note:hover .site-name {
        padding: 0
    }
    .story-content storycardview .story-note:hover .pinned {
        z-index: 99
    }
    .story-content storycardview .story-note:hover .story-deck {
        opacity: 0;
        display: none
    }
    .story-content storycardview .story-note:hover .icon_circle-play {
        position: absolute;
        right: 10px;
        bottom: 45px;
        background-color: transparent;
        color: #FFF
    }
    .story-content storycardview .story-note:hover .icon_circle-play:before {
        width: 35px;
        height: 35px;
        font-size: 35px
    }
    .story-content storycardview .story-note:hover .overlay {
        -webkit-box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        box-shadow: inset 11px -95px 75px rgba(0, 0, 0, .7);
        background: 0 0
    }
    .story-content storycardview .story-note:hover h4 {
        display: block;
        opacity: 1
    }
}

.story-content storycardview .story-note.breaking {
    border: 5px #0789E7 solid;
    position: relative;
    z-index: 1
}

.story-content storycardview .story-note.breaking .breaking-banner.overlay,
.story-content storycardview .story-note.breaking .breaking-message.overlay {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.story-content storycardview .story-note.breaking .breaking-banner.overlay:hover.overlay,
.story-content storycardview .story-note.breaking .breaking-message.overlay:hover.overlay {
    background: 0 0
}

.story-content storycardview .story-note.breaking .breaking-banner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 84px 0 0;
    border-color: #0789E7 transparent transparent;
    z-index: 999
}

.story-content storycardview .story-note.breaking .breaking-message {
    position: absolute;
    top: -1px;
    font-size: 12px;
    height: 84px;
    width: 84px;
    display: block;
    font-family: proxima_extrabold;
    text-align: center;
    text-transform: uppercase;
    color: #202020;
    z-index: 1000;
    line-height: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.story-content storycardview .story-note.breaking .speaker:before {
    font-size: 15px;
    color: #202020;
    opacity: .5;
    position: relative;
    top: -4px;
    left: -4px
}

.story-content storycardview .story-note.breaking .speaker.icon {
    display: block!important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.story-content storycardview .story-note.breaking .story-info h4.title .title-text {
    width: 230px
}

.story-content storycardview .story-note .breaking-message {
    display: none
}

.story-content #taboola-below-article-thumbnails,
.story-content #taboola-mobile-below-article-thumbnails {
    padding-top: 10px
}

.story-content .bottom-share-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.story-content .bottom-share-bar .button {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content .bottom-share-bar .button:hover {
    color: #FFF;
    cursor: pointer;
    cursor: hand
}

.story-content .bottom-share-bar a:last-of-type {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .story-content .bottom-share-bar .button {
        margin-right: 0
    }
    .story-content .bottom-share-bar a:last-of-type {
        margin-top: 5px
    }
}

.story-detail.compact #article {
    margin: 5px 0 0
}

.story-detail.compact .cover {
    padding: 0
}

.editors-choice {
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
    clear: both
}

.editors-choice h3 {
    font-family: proxima_extrabold!important;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: #454545;
    margin-bottom: 0;
    padding: 0 10px;
    line-height: 28px
}

.editors-choice hr {
    display: block;
    border: none;
    height: 2px;
    background: #ACACAC;
    padding: 0 10px;
    width: 100%
}

.editors-choice * {
    text-align: left
}

.editors-choice .icon_premium:before {
    font-size: 15px;
    position: relative;
    top: -2px
}

.editors-choice>h4 {
    font-size: 20px;
    position: relative
}

.editors-choice>h4 a.more-link {
    position: absolute;
    right: 25px;
    top: 5px
}

.editors-choice ul {
    margin-left: -7px;
    text-align: center
}

.editors-choice .story {
    display: inline-block;
    vertical-align: top
}

.editors-choice .story h4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.editors-choice .story img {
    width: 100%;
    margin-bottom: 15px;
    background-color: #F5F5F5
}

.editors-choice a.more-link {
    font-family: proxima_extrabold;
    font-size: 11.5px;
    color: #454545;
    text-transform: uppercase;
    width: 100px
}

.editors-choice a.more-link .icon {
    margin: -3px 0 0 3px
}

.editors-choice .story.big {
    width: 310px;
    padding: 7px;
    margin-bottom: 15px
}

.editors-choice .story.big p {
    font-size: 15px;
    line-height: 21px;
    margin: 10px 0
}

.editors-choice .story.small {
    width: 207px;
    padding: 7px
}

.editors-choice .story.small p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0
}

@media screen and (max-width:767px) {
    .editors-choice .story.small {
        padding: 0;
        margin-bottom: 15px;
        width: 100%
    }
}

@media screen and (max-width:980px) {
    .editors-choice .story.big {
        width: 290px;
        padding: 7px;
        margin-bottom: 15px
    }
    .editors-choice .story.big p {
        font-size: 15px;
        line-height: 21px;
        margin: 10px 0
    }
    .editors-choice .story.small {
        width: 195px
    }
}

@media screen and (max-width:767px) {
    .editors-choice .story.big,
    .editors-choice .story.small {
        padding: 0;
        margin-bottom: 15px;
        width: 100%
    }
    .editors-choice ul {
        margin-left: 0
    }
}

.editors-choice.compact {
    position: relative
}

.editors-choice.compact hr {
    position: absolute;
    width: 100%!important;
    top: 45px;
    padding: 0;
    height: 0;
    background: 0 0
}

.editors-choice.compact h3 {
    border-bottom: 3px solid #CCC;
    letter-spacing: 1px;
    font-weight: inherit;
    font-size: 17px;
    line-height: 22px;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0 7px;
    margin: 0 0 15px
}

.editors-choice.compact li.story {
    border-bottom: 1px solid #EEE
}

.editors-choice.compact li.story h4 {
    text-transform: capitalize;
    font-family: proxima_extrabold;
    font-size: 15px;
    line-height: inherit;
    letter-spacing: 1px;
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
    padding: 10px
}

.editors-choice.compact li.story .editors-choice-story-image {
    width: 100px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.editors-choice-center * {
    text-align: left
}

.editors-choice-center li.editors-choice-title {
    max-width: 1024px;
    margin: 0 auto
}

.editors-choice-center .story.big {
    width: 207px;
    padding: 7px
}

.editors-choice-center .story.big p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0
}

@media screen and (max-width:980px) {
    .editors-choice-center .story.big {
        width: 310px;
        padding: 7px;
        margin-bottom: 15px
    }
    .editors-choice-center .story.big p {
        font-size: 15px;
        line-height: 21px;
        margin: 10px 0
    }
}

@media screen and (max-width:980px) {
    .editors-choice-center {
        margin: 0 20px 0 15px;
        min-width: 98%;
        width: 98%
    }
    .editors-choice-center ul {
        width: 85%;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .editors-choice-center {
        margin: 0 10px
    }
    .editors-choice-center .story.big {
        padding: 0;
        margin-bottom: 15px;
        width: 100%;
        min-width: 100%
    }
    .editors-choice-center ul {
        width: 100%
    }
    .editors-choice-center ul h4 {
        font-size: 13px!important;
        width: 55%!important
    }
    .editors-choice-center ul .editors-choice-story-image {
        width: 90px!important
    }
}

.box.discuss {
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
    padding: 10px 0 0!important;
    position: relative;
    border-top: 1px solid #E5E5E5
}

.box.discuss button.pager {
    outline: 0;
    cursor: pointer;
    position: absolute;
    width: 45px;
    height: 80px;
    top: 60px;
    background: rgba(255, 255, 255, .7);
    line-height: 94px;
    text-align: center;
    text-decoration: none;
    z-index: 3;
    border: 1px solid #CCC
}

.box.discuss button.pager.next {
    right: 15px;
    padding-left: 8px
}

.box.discuss button.pager .icon:before {
    font-size: 34px;
    line-height: 20%
}

.box.discuss .icon_comment {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: 5px;
    position: relative;
    margin: 0 10px 0 0
}

.box.discuss .icon_comment:before {
    position: relative;
    top: 2px;
    font-size: 17px
}

.box.discuss>h3 {
    font-family: proxima_extrabold!important;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: #454545;
    line-height: 28px
}

.box.discuss>hr {
    display: block;
    border: none;
    height: 2px;
    background: #ACACAC;
    padding: 0 10px;
    width: 100%;
    margin: 0
}

.box.discuss .authName {
    font-weight: 700;
    margin: 0;
    padding: 0
}

.box.discuss .portrait {
    background: url(https://media.scout.com/media/a/_network/syndication/msavatar.gif);
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #CCC;
    background-size: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 10px 0 0
}

.box.discuss .forum-link {
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    text-transform: uppercase
}

.box.discuss .discussion {
    margin: 0 45px 25px;
    position: relative
}

.box.discuss .discussion a.more-link {
    font-family: proxima_extrabold;
    font-size: 11.5px;
    color: #454545;
    text-transform: uppercase;
    text-align: right;
    display: inline-block
}

.box.discuss .discussion a.more-link span.icon {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    top: 0;
    right: -5px;
    margin: 0;
    padding: 0
}

.box.discuss .discussion a.more-link:hover span.icon {
    margin: 0;
    padding: 0;
    right: -10px
}

.box.discuss .discussion a.conversation {
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-family: bebas_neue;
    font-size: 18px;
    overflow: hidden;
    letter-spacing: 2px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border: 3px solid transparent
}

.box.discuss .discussion a.conversation:hover {
    color: #FFF;
    letter-spacing: 3px;
    background: #000;
    border: 3px solid #000
}

.box.discuss .discussion a.conversation span.icon {
    top: -1px
}

.box.discuss .discussion article {
    width: 95%;
    margin: 0 auto;
    display: block;
    font-size: 15px;
    line-height: 26px;
    background: #FFF;
    padding: 0
}

.box.discuss .discussion article .post-time {
    color: #ACACAC;
    font-size: 13px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding-left: 15px
}

.box.discuss .discussion article .post-header {
    color: #000!important;
    text-align: left
}

.box.discuss .discussion article .post-header .icon_premium {
    margin-right: 3px
}

.box.discuss .discussion article .post-header .icon:before {
    font-size: 17px;
    position: relative;
    top: 0
}

.box.discuss .discussion article .thread-body {
    padding: 25px 15px 0 0
}

.box.discuss .discussion blockquote {
    font-size: 16px
}

.box.discuss .discussion .post-count {
    margin: 20px 0;
    padding-left: 15px;
    color: #CCC
}

.box.discuss .discussion .post-count span {
    font-size: 14px
}

.box.discuss .discussion .post-count a {
    font-size: 16px
}

.box.discuss .discussion .post-count .thread-link {
    padding-left: 3px
}

.box.discuss .discussion .post-count h3 {
    padding: 0
}

.box.discuss .discussion .post-body {
    margin: 5px 15px 20px 0;
    width: 100%
}

@media screen and (max-width:767px) {
    .box.discuss .discussion {
        margin: 0 30px;
        padding: 0
    }
    .box.discuss .post-count {
        padding: 35px 10px!important;
        margin: 0!important;
        font-size: 15px!important
    }
    .box.discuss h3 {
        text-align: center;
        line-height: 22px;
        font-size: 17px
    }
    .box.discuss button.pager {
        top: 75px;
        width: 35px;
        padding: 0
    }
    .box.discuss button.pager.next {
        right: 0;
        padding: 0
    }
}

.story-detail {
    width: 970px;
    margin: 0 auto
}

.story-detail .hero-img {
    width: 100%
}

.story-detail .hero-img[src=""] {
    display: none
}

.story-detail .video-viewer {
    position: relative;
    overflow: hidden
}

.story-detail .video-viewer .embed-share-popup {
    background: rgba(0, 0, 0, .8);
    padding: 1em;
    transition: opacity .3s;
    -webkit-transition: opacity .3s, top .3s;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute
}

.story-detail .video-viewer .embed,
.story-detail .video-viewer .link {
    display: inline-block;
    width: 39.5%;
    padding: 5%;
    margin-top: 35px;
    vertical-align: top
}

.story-detail .video-viewer .embed label {
    padding-left: 26px;
    background: url(../images/embed/embed.svg) no-repeat;
    background-size: 20px;
    line-height: 14px
}

.story-detail .video-viewer .link label {
    padding-left: 26px;
    background: url(../images/embed/link.svg) no-repeat;
    background-size: 20px 16px;
    line-height: 16px
}

.story-detail .video-viewer div label {
    font-family: proxima_extrabold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.story-detail .video-viewer button.show-embed {
    background: rgba(0, 0, 0, .6)url(../images/embed/share_embed.svg) no-repeat 143px 14px;
    background-size: 25px;
    padding: 20px;
    padding-right: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-family: proxima_extrabold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 11px;
    clip: rect(auto auto auto 131px);
    -webkit-transition: clip .2s, opacity .3s;
    transition: clip .2s, opacity .3s;
    height: initial;
    opacity: 1
}

@media screen and (max-width:767px) {
    .story-detail .video-viewer button.show-embed {
        right: 0
    }
}

.story-detail .video-viewer button.show-embed:hover {
    text-decoration: none!important;
    clip: rect(auto auto auto 0)
}

.story-detail .video-viewer button.close-embed:focus {
    outline: 0
}

.story-detail .video-viewer button.close-embed {
    border: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    background-image: none;
    padding: 20px;
    font-size: 25px;
    font-family: sans-serif;
    color: #fff;
    line-height: 15px;
    z-index: 2
}

@media screen and (max-width:767px) {
    .story-detail .video-viewer button.close-embed {
        padding: 10px;
        font-size: 15px
    }
}

.story-detail .video-viewer textarea {
    width: 290px;
    height: 10em;
    padding: 10px
}

.story-detail .video-viewer input {
    width: 200px;
    padding: 10px
}

@media screen and (max-width:980px) {
    .story-detail .video-viewer .embed-share-popup {
        top: 0;
        padding: 1em
    }
    .story-detail .video-viewer .embed,
    .story-detail .video-viewer .link {
        display: inline-block;
        width: 98%;
        padding: 1%;
        margin-top: 15px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    .story-detail .video-viewer .embed,
    .story-detail .video-viewer .link {
        margin-top: 0
    }
}

@media screen and (max-width:980px) {
    .story-detail .video-viewer input,
    .story-detail .video-viewer textarea {
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .story-detail .video-viewer textarea {
        height: 50px
    }
}

.story-detail .video-viewer .photo-credit {
    font-size: 11px;
    color: #ACACAC;
    padding: 3px 0;
    margin: 7px 0 0
}

.story-detail .video-viewer .filmstrip {
    height: 150px;
    margin: 20px 0 0;
    white-space: nowrap;
    background-color: #FFF;
    overflow-y: hidden;
    overflow-x: auto
}

.story-detail .video-viewer .filmstrip::-webkit-scrollbar {
    height: 10px
}

.story-detail .video-viewer .filmstrip::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #454545
}

.story-detail .video-viewer .filmstrip::-webkit-scrollbar-thumb {
    width: 100px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 3px solid #454545;
    background: #ACACAC
}

.story-detail .video-viewer .filmstrip::-webkit-scrollbar-thumb:window-inactive {
    background: #ACACAC;
    opacity: .25
}

.story-detail .video-viewer .filmstrip .thumbs {
    position: relative;
    display: inline-block;
    left: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 155px;
    margin: 0 10px 10px 0
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb.now-playing img {
    opacity: 1
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb img {
    cursor: pointer;
    opacity: .6
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb img:hover {
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    opacity: 1
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .on-thumb>span {
    color: #E5E5E5;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 68px;
    height: 20px;
    background: #202020;
    font-size: 10px;
    padding: 5px 15px;
    opacity: .8
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .on-thumb .now-playing-tag {
    font-family: proxima_extrabold;
    color: #0789E7;
    text-transform: uppercase
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .on-thumb .duration .icon_clock {
    margin-right: 10px
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .on-thumb .duration .icon_clock:before {
    font-size: 16px
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .caption {
    font-family: proxima_semibold;
    font-size: 13px;
    white-space: normal;
    margin: 6px 0 0
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story {
    background: #0789E7;
    position: absolute;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    color: #E5E5E5;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    z-index: 1;
    padding: 3px 5px 4px 0;
    font-size: 10px;
    line-height: 10px;
    right: 15px;
    top: 1px
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story+span {
    display: inline-block;
    width: 180px
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo:before {
    color: #FFF;
    position: relative;
    left: 0;
    z-index: 3
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    .story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story {
        right: 0
    }
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo {
    vertical-align: top
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo:before {
    font-size: 15px;
    top: 2px
}

.story-detail .video-viewer .filmstrip .thumbs .vid-thumb .top-story .icon_logo:after {
    width: 17px;
    height: 17px
}

@media screen and (max-width:980px) {
    .story-detail .video-viewer {
        margin: 0
    }
    .story-detail .video-viewer iframe {
        width: 100%
    }
}

.story-detail .editors-choice-note {
    width: 310px;
    margin: 10px 0;
    overflow: hidden;
    text-align: left
}

.story-detail .editors-choice-note .heading {
    margin: 0!important;
    background: #000;
    color: #E5E5E5;
    width: 175px;
    padding: 15px 15px 5px 20px;
    font-size: 20px;
    font-weight: 600;
    min-height: 40px;
    line-height: 13px;
    font-family: bebas_neue;
    letter-spacing: normal
}

.story-detail .editors-choice-note hr {
    border: none!important;
    height: 2px;
    background-color: #000;
    margin: 0
}

.story-detail .editors-choice-note .stories {
    position: relative;
    background: #FFF
}

.story-detail .editors-choice-note .stories span:last-child hr {
    display: none
}

.story-detail .editors-choice-note .stories span a {
    font-family: proxima_semibold;
    width: 97%;
    overflow: hidden;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 15px 35px 10px 10px;
    color: #000!important;
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

.story-detail .editors-choice-note .stories span a:after {
    content: '';
    content: "\e004";
    font-family: icons;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    color: #0789E7;
    text-align: center;
    position: absolute;
    right: 5px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 30px;
    height: 27px
}

.story-detail .editors-choice-note .stories span a:hover:after {
    right: 0
}

@media screen and (max-width:980px) {
    .story-detail {
        width: 100%;
        margin: 0
    }
    .story-detail .ad.box {
        padding: 10px 0
    }
}

.story-detail .scout-col {
    display: inline-block;
    vertical-align: top
}

.story-detail .scout-col .ad-border {
    border: 0;
    background: #E5E5E5;
    padding: 5px
}

.story-detail .scout-col #top1x2 {
    display: none
}

.story-detail .scout-sticky-col:first-child,
.story-detail .story-article {
    width: 620px;
    padding-top: 10px;
    margin-right: 0
}

@media screen and (max-width:980px) {
    .story-detail .scout-sticky-col:first-child,
    .story-detail .story-article {
        width: 100%
    }
}

.story-detail .scout-sticky-col:nth-child(2) {
    padding-left: 20px;
    margin-top: 20px;
    width: 350px
}

.forum-stream .show-more,
.story-detail .story-shim {
    width: 620px
}

@media screen and (max-width:980px) {
    .story-detail .story-shim {
        width: 100%
    }
}

.forum-stream .show-more .story-article {
    -webkit-transition: max-height 600ms;
    transition: max-height 600ms;
    overflow: hidden
}

.forum-stream .show-more.collapsed .story-article {
    max-height: 700px
}

.forum-stream .show-more.expanded .story-article {
    max-height: 9999px
}

.forum-stream button.show-more {
    width: 100px;
    display: block;
    margin: 5px auto;
    border: 1px solid gray;
    padding: 5px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.forum-stream .reply .story-detail {
    margin-left: -40px
}

#main .homepage-video {
    max-width: 970px;
    margin: 0 auto
}

#main .homepage-video .embed-share-popup {
    background: rgba(0, 0, 0, .8);
    padding: 1em;
    transition: opacity .3s;
    -webkit-transition: opacity .3s, top .3s;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute
}

#main .homepage-video .embed,
#main .homepage-video .link {
    display: inline-block;
    width: 39.5%;
    padding: 5%;
    margin-top: 35px;
    vertical-align: top
}

#main .homepage-video .embed label {
    padding-left: 26px;
    background: url(../images/embed/embed.svg) no-repeat;
    background-size: 20px;
    line-height: 14px
}

#main .homepage-video .link label {
    padding-left: 26px;
    background: url(../images/embed/link.svg) no-repeat;
    background-size: 20px 16px;
    line-height: 16px
}

#main .homepage-video div label {
    font-family: proxima_extrabold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

#main .homepage-video button.show-embed {
    background: rgba(0, 0, 0, .6)url(../images/embed/share_embed.svg) no-repeat 143px 14px;
    background-size: 25px;
    padding: 20px;
    padding-right: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-family: proxima_extrabold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 11px;
    clip: rect(auto auto auto 131px);
    -webkit-transition: clip .2s, opacity .3s;
    transition: clip .2s, opacity .3s;
    height: initial;
    opacity: 1
}

@media screen and (max-width:767px) {
    #main .homepage-video button.show-embed {
        right: 0
    }
}

#main .homepage-video button.show-embed:hover {
    text-decoration: none!important;
    clip: rect(auto auto auto 0)
}

#main .homepage-video button.close-embed:focus {
    outline: 0
}

#main .homepage-video button.close-embed {
    border: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    background-image: none;
    padding: 20px;
    font-size: 25px;
    font-family: sans-serif;
    color: #fff;
    line-height: 15px;
    z-index: 2
}

@media screen and (max-width:767px) {
    #main .homepage-video button.close-embed {
        padding: 10px;
        font-size: 15px
    }
}

#main .homepage-video textarea {
    width: 290px;
    height: 10em;
    padding: 10px
}

#main .homepage-video input {
    width: 200px;
    padding: 10px
}

@media screen and (max-width:980px) {
    #main .homepage-video .embed-share-popup {
        top: 0;
        padding: 1em
    }
    #main .homepage-video .embed,
    #main .homepage-video .link {
        display: inline-block;
        width: 98%;
        padding: 1%;
        margin-top: 15px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    #main .homepage-video .embed,
    #main .homepage-video .link {
        margin-top: 0
    }
}

@media screen and (max-width:980px) {
    #main .homepage-video input,
    #main .homepage-video textarea {
        width: -webkit-calc(100% - 2em);
        width: calc(100% - 2em);
        -webkit-border-radius: 0;
        border-radius: 0
    }
    #main .homepage-video textarea {
        height: 50px
    }
}

#main .homepage-video .video-viewer {
    position: relative
}

#main .homepage-video .video-viewer .story-info {
    position: relative;
    height: 70px;
    padding: 10px 0;
    border-bottom: 1px solid #CCC
}

#main .homepage-video .video-viewer .story-info h4 {
    display: inline-block;
    max-width: 430px;
    max-height: 50px;
    pointer-events: auto;
    font-size: 24px
}

@media screen and (max-width:767px) {
    #main .homepage-video .video-viewer .story-info h4 {
        font-size: 22px
    }
}

#main .homepage-video .video-viewer .story-info h4 .icon:before {
    color: #0789E7;
    font-size: 28px;
    margin-left: 7px
}

#main .homepage-video .video-viewer .story-info a.story-button {
    z-index: 4;
    display: block;
    width: 160px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    border-width: 3px;
    border-style: solid;
    color: #202020;
    text-decoration: none;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    font-size: 12px;
    overflow: hidden;
    letter-spacing: 2px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in
}

#main .homepage-video .video-viewer .story-info a.story-button .icon_play {
    width: 25px;
    height: 25px;
    border: 2px solid #202020;
    color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#main .homepage-video .video-viewer .story-info a.story-button .icon_play:before {
    font-size: 14px;
    margin-left: 4px;
    vertical-align: top;
    line-height: 20px
}

#main .homepage-video .video-viewer .story-info a.story-button .play-text {
    padding-left: 8px;
    vertical-align: middle
}

#main .homepage-video .video-viewer .story-info a.story-button:hover {
    color: #fff;
    border: 3px solid #fff;
    background: 0 0;
    letter-spacing: 3px
}

#main .homepage-video .video-viewer .story-info a.story-button:hover .icon_play {
    border: 2px solid #fff;
    color: #fff
}

#main .homepage-video .video-viewer .story-info a.story-button {
    position: absolute!important;
    bottom: 10px;
    right: 0;
    max-height: 50px;
    pointer-events: auto
}

#main .homepage-video .video-viewer .video-area {
    width: 620px;
    height: 350px;
    position: relative
}

@media screen and (max-width:767px) {
    #main .homepage-video .video-viewer .video-area {
        width: 100%;
        height: auto
    }
}

#main .homepage-video .video-viewer .video-area .story-video-hover {
    visibility: hidden
}

#main .homepage-video .video-viewer .video-area.paused .story-video-hover {
    visibility: visible;
    -webkit-box-shadow: inset 0 -73px 66px rgba(0, 0, 0, .9);
    box-shadow: inset 0 -73px 66px rgba(0, 0, 0, .9);
    background: 0 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 620px;
    height: 349px
}

@media screen and (max-width:767px) {
    #main .homepage-video .video-viewer .video-area.paused .story-video-hover {
        width: 100%
    }
    #main .homepage-video .video-viewer .video-area.paused .story-video-hover a {
        display: block;
        width: 100%;
        height: 200px;
        position: absolute!important;
        bottom: 0
    }
}

#main .homepage-video .video-viewer .video-area.paused .story-video-hover h4 {
    position: absolute;
    left: 10px;
    width: 430px;
    color: #FFF
}

@media screen and (max-width:767px) {
    #main .homepage-video .video-viewer .video-area.paused .story-video-hover h4 {
        position: absolute;
        width: 307px;
        top: auto;
        bottom: 15px;
        font-size: 22px
    }
}

#main .homepage-video .video-viewer .video-area.paused .story-video-hover a.story-button {
    right: 10px;
    bottom: 20px
}

#main .homepage-video .video-viewer .video-area .story-info {
    position: absolute;
    bottom: 0;
    padding: 0;
    border-bottom: none
}

#main .homepage-video .video-viewer .height-auto {
    height: auto
}

#main .homepage-video .video-viewer .filmstrip.right {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    color: #CCC;
    background: 0 0;
    height: auto;
    float: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0
}

#main .homepage-video .video-viewer .filmstrip.right::-webkit-scrollbar {
    height: 10px
}

#main .homepage-video .video-viewer .filmstrip.right::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #454545
}

#main .homepage-video .video-viewer .filmstrip.right::-webkit-scrollbar-thumb {
    width: 100px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 3px solid #454545;
    background: #ACACAC
}

#main .homepage-video .video-viewer .filmstrip.right::-webkit-scrollbar-thumb:window-inactive {
    background: #ACACAC;
    opacity: .25
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs {
    position: relative;
    display: inline-block;
    left: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb {
    vertical-align: top
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing img {
    opacity: 1
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb img {
    cursor: pointer;
    opacity: .6
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb img:hover {
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    opacity: 1
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb>span {
    color: #E5E5E5;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 68px;
    height: 20px;
    background: #202020;
    font-size: 10px;
    padding: 5px 15px;
    opacity: .8
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration .icon_clock {
    margin-right: 10px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration .icon_clock:before {
    font-size: 16px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .caption {
    font-family: proxima_semibold;
    font-size: 13px;
    white-space: normal
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story {
    background: #0789E7;
    position: absolute;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    color: #E5E5E5;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    z-index: 1;
    padding: 3px 5px 4px 0;
    font-size: 10px;
    line-height: 10px;
    right: 15px;
    top: 1px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story+span {
    display: inline-block;
    width: 180px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 3px 0 0
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:before {
    color: #FFF;
    position: relative;
    left: 0;
    z-index: 3
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:after {
    content: "";
    background-color: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:767px) {
    #main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story {
        right: 0
    }
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo {
    vertical-align: top
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:before {
    font-size: 15px;
    top: 2px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .top-story .icon_logo:after {
    width: 17px;
    height: 17px
}

#main .homepage-video .video-viewer .filmstrip.right a {
    color: #CCC
}

#main .homepage-video .video-viewer .filmstrip.right.autoplay-enabled .thumbs .vid-thumb {
    height: 18%
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs {
    width: 350px;
    height: 350px;
    background-color: #202020;
    overflow: hidden
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb {
    position: relative;
    border-bottom: 1px solid #454545;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 15px;
    height: 20%;
    width: 100%;
    background-color: #202020
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb:hover {
    cursor: pointer;
    background-color: #454545;
    color: #FFF
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb:hover .duration {
    opacity: 1
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb:before {
    content: "\e061";
    font-family: icons;
    vertical-align: middle;
    padding: 10px 10px 15px;
    font-size: 30px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing {
    background-color: #454545;
    border: 1px solid #0789E7;
    color: #0789E7
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:before {
    color: #CCC
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover,
#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover:before {
    color: #FFF
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:hover.playing:before {
    opacity: 1
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing.playing:before {
    content: "\e070";
    font-family: icons;
    vertical-align: middle;
    font-size: 30px;
    padding: 10px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb.now-playing:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #0789E7;
    border-width: 10px;
    margin-top: -10px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .caption {
    margin: 0;
    width: 220px;
    line-height: 16px;
    padding-top: 5px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .caption .icon_key:before {
    padding-left: 5px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .duration,
#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .now-playing-tag {
    background-color: transparent;
    top: 65%;
    right: 20px;
    text-align: right;
    font-family: proxima_semibold;
    color: #FFF;
    font-size: 12px;
    text-transform: none
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .now-playing-tag {
    opacity: 1
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .vid-thumb .on-thumb .icon_clock {
    display: none
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .autoplay-toggle {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 13px;
    bottom: 8px
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .autoplay-toggle:focus {
    border: none;
    outline: 0
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .autoplay-toggle .text {
    font-family: proxima_semibold;
    font-size: 13px;
    white-space: normal;
    color: #CCC
}

#main .homepage-video .video-viewer .filmstrip.right .thumbs .autoplay-toggle .icon {
    margin-left: 5px
}

.ie #wrapper.forum a:visited>span,
.ie #wrapper.forumlist a:visited>span,
.ie a.ctx-color-dark:visited>span {
    opacity: .6
}

body.bainbridge #content-area {
    min-height: inherit
}

.forum-topic .video-area,
div.video-parent {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.75%
}

.forum-stream {
    margin: 0 -webkit-calc((100% - 640px) / 2);
    margin: 0 calc((100% - 640px) / 2);
    width: 640px
}

body.bainbridge #main {
    background: #4F5056;
    min-height: 300px
}

.forum-stream .story-content .photo-bg:after {
    top: -10px;
    left: 107px
}

.forum-stream .story-content .the-card .player-data {
    padding-left: 20px!important
}

.forum-stream .story-content .analysis .for-space {
    padding: 7px 15px 15px
}

.forum-stream .story-content .spotlight-tag .spotlight-text {
    top: -22px!important
}

.forum-stream .story-content .spotlight-tag span {
    top: -27px!important
}

@media screen and (max-width:767px) {
    .forum-stream .story-content {
        width: 100%
    }
    .forum-stream .story-content .photo-bg:after {
        left: 88px
    }
    .forum-stream .story-content .the-card .player-data {
        padding-left: 55px!important
    }
    .forum-stream .story-content .the-card .rating-badge {
        right: -5px
    }
}

.forum-stream .forum-stream-header {
    padding-top: 10px;
    margin-bottom: 10px
}

.forum-stream .forum-stream-header .breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.forum-stream .forum-stream-header .breadcrumb a {
    font-size: 13px;
    color: #CCC
}

.forum-stream .forum-stream-header .breadcrumb a:hover {
    color: #0789E7
}

.forum-stream .forum-stream-header .breadcrumb span.icon {
    color: #999;
    padding-bottom: 5px
}

.forum-stream .forum-stream-header .breadcrumb span.icon:before {
    font-size: 10px;
    padding: 0 5px
}

.forum-stream .forum-stream-header .breadcrumb span.forum {
    color: #FFF;
    font-family: proxima_extrabold;
    padding-bottom: 2px
}

.forum-stream .forum-stream-header .sortby-wrapper,
.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button,
.forum-stream .forum-stream-header .sortby-wrapper button {
    font-size: 13px;
    font-family: proxima_extrabold;
    color: #959595;
    padding-bottom: 4px;
    border-bottom: 3px solid transparent;
    text-transform: capitalize
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button+button,
.forum-stream .forum-stream-header .sortby-wrapper button+button {
    margin-left: 10px
}

.forum-stream .forum-stream-header .sortby-wrapper button:hover {
    color: #0789E7
}

.forum-stream .forum-stream-header .sortby-wrapper button.selected {
    border-bottom: 3px solid #0789E7;
    color: #FFF
}

.forum-stream .forum-stream-header .sortby-wrapper button.selected:hover {
    color: #FFF
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button {
    border: none;
    padding: 0
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button span {
    display: none
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button:before {
    font-size: 16px
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button.feed-collapse:before {
    content: "\e098";
    font-family: icons
}

.forum-stream .forum-stream-header .sortby-wrapper .toggle-collapse button.feed-expand:before {
    content: "\e097";
    font-family: icons
}

.forum-stream textarea {
    margin: 5px 0;
    font-size: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #DDD;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.forum-stream textarea:focus {
    border-color: #DDD;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

.forum-stream button {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: 0;
    font-size: 12px;
    font-family: proxima_semibold
}

.forum-stream button:focus {
    border: none;
    outline: 0
}

.forum-stream button span {
    font-family: proxima_semibold
}

.forum-stream button.facebook.wide span {
    font-family: proxima_extrabold
}

.forum-stream button.facebook.wide span.icon {
    font-family: icons
}

.forum-stream .loadmore {
    padding: 8px 60px;
    margin-bottom: 15px;
    background: #7d7d7d;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    font-family: proxima_extrabold
}

.forum-stream .loadmore:hover {
    background: #999
}

.forum-stream div,
.forum-stream p {
    font-size: 14px;
    line-height: 1.25
}

.forum-stream p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.forum-stream p+p {
    margin-top: 10px
}

.forum-stream .whatcha-thinkin-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.forum-stream .whatcha-thinkin-about button.post-button {
    position: absolute;
    right: 0;
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999;
    background: #E5E5E5
}

.forum-stream .whatcha-thinkin-about button.post-button:hover {
    background: #0789E7
}

.forum-stream .whatcha-thinkin-about textarea {
    margin-top: 0
}

.forum-stream .image-upload label.file-uploader {
    margin-top: 10px;
    display: inline-block;
    position: relative
}

.forum-stream .image-upload label.file-uploader input {
    display: none
}

.forum-stream .image-preview-wrapper {
    margin: auto;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.forum-stream .image-preview-wrapper .thumb {
    margin: 10px;
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: #F8F8F8;
    float: left
}

.forum-stream .image-preview-wrapper .thumb .icon_close-x {
    position: absolute;
    top: -10px;
    right: -10px;
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: icons!important;
    background: #000;
    display: none
}

.forum-stream .image-preview-wrapper .thumb .icon_close-x:before {
    font-weight: 700;
    color: #FFF;
    font-size: 10px;
    position: relative;
    top: -1px
}

.forum-stream .image-preview-wrapper .thumb .icon_close-x:hover {
    text-decoration: none
}

.forum-stream .image-preview-wrapper .thumb .image-upload {
    position: relative;
    top: -webkit-calc(50% - 16px);
    top: calc(50% - 16px);
    display: inline-block
}

.forum-stream .image-preview-wrapper .thumb:hover .icon_close-x {
    display: block
}

.forum-stream .image-preview-wrapper .add-more {
    text-align: center;
    border: 2px solid #DDD
}

.forum-stream .image-preview-wrapper .add-more:hover {
    border: 2px solid #CCC
}

.forum-stream input[type=checkbox].bulk-edit {
    display: none
}

.forum-stream input[type=checkbox].bulk-edit+label {
    float: right;
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    border: 2px solid #DDD;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.forum-stream input[type=checkbox].bulk-edit:checked+label {
    background: #454545;
    border-color: #454545;
    line-height: 5px
}

.forum-stream input[type=checkbox].bulk-edit:checked+label:before {
    content: "\e007";
    font-family: icons;
    color: #0789E7;
    font-size: 12px;
    margin-left: -1px
}

div.side-actions {
    position: fixed;
    left: -webkit-calc(50% - 390px);
    left: calc(50% - 390px);
    top: 115px;
    width: 60px;
    color: #CCC;
    z-index: 1;
    text-align: center
}

div.side-actions button {
    display: block;
    margin: auto;
    color: #CCC
}

div.side-actions button:disabled {
    opacity: .4
}

div.side-actions button:hover {
    color: #0789E7
}

div.side-actions button+button {
    margin-top: 10px
}

div.side-actions button>span {
    display: none
}

div.side-actions button.round {
    background: #454545;
    color: #CCC;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 46px
}

div.side-actions button.round:hover {
    color: #0789E7
}

div.side-actions button.round.new-post:before {
    content: "\e077";
    font-family: icons;
    padding-left: 4px
}

div.side-actions button.round.bulk-edit:before {
    content: "\e034";
    font-family: icons;
    padding-left: 1px
}

div.side-actions button.icon-btn {
    height: 40px;
    line-height: 34px;
    font-weight: inherit
}

div.side-actions button.icon-btn+.icon-btn {
    margin-top: 15px
}

div.side-actions button.icon-btn.next:before {
    content: "\e080";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.prev {
    margin-top: 15px
}

div.side-actions button.icon-btn.prev:before {
    content: "\e083";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.next-topic:before {
    content: "\e089";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.prev-topic:before {
    content: "\e086";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.cancel {
    height: auto;
    line-height: 1
}

div.side-actions button.icon-btn.cancel:before {
    content: "\e092";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.cancel span {
    display: block
}

div.side-actions button.icon-btn.confirm {
    height: auto;
    line-height: 1
}

div.side-actions button.icon-btn.confirm:before {
    content: "\e094";
    font-family: icons;
    font-size: 40px
}

div.side-actions button.icon-btn.confirm span {
    display: block
}

div.side-actions .close-full-view {
    background: #454545;
    color: #CCC;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 5px auto 15px;
    display: block;
    font-weight: inherit;
    min-height: 40px;
    font-size: 20px;
    line-height: 46px
}

div.side-actions .close-full-view:hover {
    color: #0789E7
}

div.side-actions .close-full-view:before {
    content: "\e09C";
    font-family: icons
}

div.side-actions .close-full-view>span {
    display: none;
    font-family: proxima_semibold;
    font-size: 12px;
    line-height: 1
}

div.side-actions .bulk-actions,
div.side-actions .move-target-container {
    padding: 18px 18px 15px;
    min-width: 100px;
    -webkit-box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, .2);
    box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, .2);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: -110px;
    left: -20px;
    position: relative;
    background: #FFF
}

div.side-actions .bulk-actions:after,
div.side-actions .move-target-container:after {
    bottom: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #FFF;
    border-width: 6px;
    margin-left: -6px
}

div.side-actions .bulk-actions button,
div.side-actions .move-target-container button {
    display: block;
    margin: inherit;
    color: #959595;
    font-size: 14px;
    border-bottom: 3px solid transparent
}

div.side-actions .bulk-actions button+button,
div.side-actions .move-target-container button+button {
    margin-top: 5px
}

div.side-actions .bulk-actions button:hover,
div.side-actions .move-target-container button:hover {
    border-bottom: 3px solid #0789E7
}

div.side-actions .move-target-container {
    min-width: 250px
}

div.side-actions .move-target-container header {
    color: #454545;
    text-align: left;
    font-family: proxima_extrabold;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-bottom: 10px
}

div.side-actions .move-target-container .leave-shadow-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

div.side-actions .move-target-container .leave-shadow-container label {
    margin-left: 5px
}

.forum-topic .preview,
.new-post-preview .preview {
    border: 1px solid #DDD;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.forum-topic .preview>div,
.new-post-preview .preview>div {
    margin: 10px 10px 10px 0
}

.forum-topic .preview img,
.new-post-preview .preview img {
    max-height: 200px;
    max-width: 265px;
    padding-right: 20px
}

.forum-topic .preview header,
.new-post-preview .preview header {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    text-align: left
}

.forum-topic .preview p,
.new-post-preview .preview p {
    padding: 0 10px 10px
}

.forum-topic .video-preview header,
.new-post-preview .video-preview header {
    margin: 5px 0;
    font-weight: 700!important;
    font-size: 16px
}

.forum-topic .video-preview p,
.new-post-preview .video-preview p {
    padding: 0 10px 10px
}

.forum-topic twitterwidget.twitter-tweet-rendered,
.new-post-preview twitterwidget.twitter-tweet-rendered {
    width: 100%!important
}

.forum-topic {
    margin: 10px auto;
    padding: 10px;
    width: 640px;
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    background: #FFF;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.forum-topic header.forum-header {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: wrap row;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row
}

.forum-topic header.forum-header a.subject {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 17px;
    font-family: proxima_semibold;
    margin-bottom: 5px;
    font-weight: inherit
}

.forum-topic header.forum-header .avatar {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.forum-topic header.forum-header .author-timestamp {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.forum-topic header.forum-header .author-timestamp button.author {
    font-size: 15px;
    color: #454545
}

.forum-topic header.forum-header .author-timestamp date {
    font-size: 11px;
    color: #7d7d7d;
    margin-top: 3px
}

.forum-topic .reply .author {
    font-weight: 700;
    padding-right: 5px;
    padding-top: 1px;
    font-size: 13px;
    color: #202020
}

.forum-topic .reply .author+.time {
    padding-left: 5px;
    font-size: 12px;
    color: #999
}

.forum-topic .body,
.forum-topic .preview,
.forum-topic .show-more,
.forum-topic .video-preview {
    margin-top: 10px
}

.forum-topic .show-more>button {
    margin-top: 5px;
    text-transform: capitalize
}

.forum-topic .replies {
    text-align: right
}

.forum-topic .replies div {
    font-size: 13px;
    color: #CCC
}

.forum-topic .replies div:before {
    content: "\e075";
    font-family: icons;
    font-size: 10px;
    padding-right: 2px
}

.forum-topic .replies .replies-btn {
    font-size: 13px;
    color: #959595
}

.forum-topic .replies .replies-btn:hover {
    color: #454545
}

.forum-topic .replies .replies-btn:before {
    content: "\e075";
    font-family: icons;
    font-size: 12px;
    padding-right: 2px
}

.forum-topic .view-more-btn {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -17px;
    z-index: 1;
    padding: 5px 15px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-transform: capitalize;
    background: #ACACAC;
    color: #FFF
}

.forum-topic .view-more-btn:hover {
    background: #999
}

.forum-topic .view-more-btn:after {
    content: "\e002";
    font-family: icons;
    font-size: 6px
}

.forum-topic .view-more-btn.newer {
    bottom: 3px
}

.forum-topic footer {
    background: 0 0;
    color: #7d7d7d;
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.forum-topic footer .ratingCount,
.forum-topic footer .view-count {
    font-size: 12px;
    line-height: 1.2
}

.forum-topic footer>div {
    margin-left: 7px;
    margin-top: 5px
}

.forum-topic footer>div:first-child {
    margin-right: 0
}

.forum-topic .quick-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.forum-topic .quick-action .quick-reply {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.forum-topic .quick-action .quick-reply.open {
    width: 100%
}

.forum-topic .quick-action .quick-reply .topic-button {
    float: none;
    display: inline-block;
    font-family: proxima_semibold;
    font-size: 14px!important;
    text-transform: capitalize;
    width: 50%;
    min-width: initial;
    letter-spacing: normal;
    border: none
}

.forum-topic .quick-action .quick-reply .topic-button+.topic-button,
.forum-topic .quick-action .quick-reply .topic-button+.topic-button:hover {
    border-left: 1px solid #CCC
}

.forum-topic .quick-action .quick-reply .topic-button:after,
.forum-topic .quick-action .quick-reply .topic-button:before {
    content: none
}

.forum-topic .quick-action .quick-reply .topic-button:hover {
    background: rgba(204, 204, 204, .2);
    -webkit-box-shadow: none;
    box-shadow: none
}

.forum-topic .quick-action .quick-reply .replies-btn {
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999
}

.forum-topic .quick-action .quick-reply .replies-btn:hover {
    background: #F8F8F8
}

.forum-topic .quick-action .quick-delete,
.forum-topic .quick-action .quick-edit-open {
    font-family: proxima_semibold;
    font-size: 13px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999;
    zoom: .9;
    padding: 6px;
    border: none
}

.forum-topic .quick-action .quick-delete:hover,
.forum-topic .quick-action .quick-edit-open:hover {
    background: 0 0;
    color: #454545
}

.forum-topic .quick-action.open {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    margin: 0
}

.forum-topic .quick-action .quick-reply+button {
    margin-left: 5px
}

.forum-topic .quick-action .quick-reply.open {
    position: relative
}

.forum-topic .quick-action .quick-reply.open .quick-reply-open {
    border: none;
    font-size: 18px;
    position: absolute;
    right: 0;
    padding: 0;
    height: 20px;
    line-height: 1;
    color: #999
}

.forum-topic .quick-action .quick-reply.open .quick-reply-open:hover {
    color: #454545;
    background: 0 0
}

.forum-topic .quick-action .quick-reply.open .quick-reply-open:before {
    content: "\e092";
    font-family: icons
}

.forum-topic .quick-action .quick-reply.open .quick-reply-open span {
    display: none
}

.forum-topic .quick-action .confirm-delete button {
    color: #999;
    width: 40px;
    font-size: 10px
}

.forum-topic .quick-action .confirm-delete button:hover {
    color: #454545
}

.forum-topic .quick-action .confirm-delete button:before {
    font-family: icons;
    display: block;
    font-size: 20px;
    padding-bottom: 2px
}

.forum-topic .quick-action .confirm-delete button.confirm:hover {
    color: #5BB656
}

.forum-topic .quick-action .confirm-delete button.cencel:hover {
    color: #D9534F
}

.forum-topic .message-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin: 0
}

.forum-topic .message-input textarea {
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    margin: 0 5px;
    resize: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.forum-topic .message-input button {
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999;
    background: #E5E5E5;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.forum-topic .message-input button:hover {
    background: #0789E7
}

.forum-topic .reply-container {
    border-top: 1px solid #E5E5E5;
    background: #F8F8F8;
    margin: -10px;
    margin-top: 5px;
    clear: both
}

.forum-topic .reply-container .message-input {
    padding: 10px;
    border-top: 1px solid #E5E5E5;
    background: #E5E5E5
}

.forum-topic .reply-container .message-input button {
    font-family: proxima_semibold;
    padding: 6px 20px 4px;
    font-size: 13px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #999;
    background: #E5E5E5;
    background: #F8F8F8
}

.forum-topic .reply-container .message-input button:hover {
    background: #0789E7
}

.forum-topic .reply {
    margin: 0;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.forum-topic .reply .body-area {
    margin: 0;
    padding-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.forum-topic .reply .body-area .body {
    margin: 0
}

.forum-topic .reply .preview {
    border: 0;
    border: 1px solid #DDD;
    margin-bottom: 5px;
    margin-right: 5px
}

.forum-topic .reply .preview header {
    font-size: 15px;
    padding: 0;
    margin: 0
}

.forum-topic .reply .preview p {
    font-size: 11px
}

.forum-topic .reply .preview img {
    max-width: 150px;
    max-height: 150px
}

.forum-topic .reply.level-1 {
    padding-top: 10px;
    margin-left: 0;
    border-top: 1px solid #E5E5E5
}

.forum-topic .reply.level-1+.level-1 {
    padding-bottom: 0
}

.forum-topic .reply.level-1:first-child {
    border: none
}

.forum-topic .reply.level-1:last-child {
    padding-bottom: 10px
}

.forum-topic .reply.level-2 {
    margin-left: 36px;
    padding-top: 10px
}

.forum-topic .reply.level-2+.level-2 {
    padding-bottom: 0
}

.forum-topic .reply.level-2:last-child {
    padding-bottom: 10px
}

.forum-topic .reply.level-2 .avatar {
    zoom: .7
}

.forum-topic .reply.level-3 {
    margin-left: 28px;
    padding-left: 45px;
    padding-top: 10px;
    position: relative
}

.forum-topic .reply.level-3+.level-3 {
    padding-bottom: 0
}

.forum-topic .reply.level-3:last-child {
    padding-bottom: 10px
}

.forum-topic .reply.level-3:before {
    left: 17px;
    top: 0;
    position: absolute;
    font-size: 25px;
    color: #E5E5E5;
    font-family: proxima_extrabold
}

.forum-topic .reply.level-3 .avatar {
    zoom: .7
}

.forum-topic .reply blockquote,
.forum-topic .reply hr {
    display: none
}

.forum-topic .extra-info {
    clear: both
}

.forum-topic .extra-info .quick-action {
    margin-bottom: 3px
}

.forum-topic .extra-info .quick-action .quick-reply .replies-btn {
    padding-right: 10px;
    border: none;
    color: #959595
}

.forum-topic .extra-info .quick-action .quick-reply .replies-btn:hover {
    color: #454545
}

.forum-topic .avatar {
    width: 30px;
    height: 30px;
    border: 0;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    font-size: 22px;
    color: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none
}

.forum-topic.collapsed.closed {
    padding: 5px;
    margin: 2px auto;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.forum-topic.collapsed.closed:nth-child(odd) {
    background: #F5F5F5
}

.forum-topic.collapsed.closed header a.subject {
    margin: 0;
    line-height: 1;
    font-size: 15px
}

.forum-topic.collapsed.closed header .author-timestamp {
    padding-left: 0;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
    height: 1em
}

.forum-topic.collapsed.closed header .author-timestamp date {
    margin-top: 0;
    padding-left: .5em
}

.forum-topic.collapsed.closed header .author-timestamp button.author {
    font-size: 14px
}

.forum-topic.collapsed.closed footer {
    position: absolute;
    right: 5px;
    bottom: 3px
}

.forum-topic.collapsed.closed footer>div {
    margin-top: 0
}

.forum-topic.collapsed.closed footer .replies div {
    font-size: 11px;
    color: inherit
}

.forum-topic.collapsed.closed+.loadmore {
    margin-top: 10px
}

.forum-topic.collapsed.closed .btn-expand {
    float: right;
    width: 15px;
    text-align: right;
    margin-left: 5px;
    color: #959595;
    color: #CCC
}

.forum-topic.collapsed.closed .btn-expand:hover {
    color: #454545
}

.forum-topic.collapsed.closed .btn-expand:before {
    content: "\e095";
    font-family: icons;
    font-size: 9px
}

.forum-topic .btn-collapse {
    float: right;
    width: 15px;
    text-align: right;
    margin-left: 5px;
    color: #959595
}

.forum-topic .btn-collapse:hover {
    color: #454545
}

.forum-topic .btn-collapse:before {
    content: "\e096";
    font-family: icons;
    font-size: 9px
}

.full-view {
    position: relative
}

.full-view .full-view-footer,
.full-view .full-view-header {
    padding: 5px 0;
    text-align: right
}

.full-view .open .btn-collapse {
    display: none
}

.mini-gallery:not(:empty) {
    position: relative;
    margin: 10px 0;
    height: 300px
}

.mini-gallery:not(:empty) label {
    position: absolute;
    right: -webkit-calc(25% - 25px);
    right: calc(25% - 25px);
    top: -webkit-calc(75% - 10px);
    top: calc(75% - 10px);
    text-transform: capitalize
}

.mini-gallery:not(:empty) label a {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 2px 2px 4px #000
}

.mini-gallery:not(:empty) .image-preview {
    overflow: hidden;
    height: 100%
}

.mini-gallery:not(:empty) .image-preview img {
    max-width: 100%
}

.mini-gallery:not(:empty).layout-1 .image-preview {
    width: 100%;
    height: 100%
}

.mini-gallery:not(:empty).layout-2 .image-preview {
    width: 50%;
    margin: 0 5px
}

.mini-gallery:not(:empty).layout-3 .image-preview:nth-child(1) {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px)
}

.mini-gallery:not(:empty).layout-3 .image-preview:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    height: -webkit-calc(50% - 10px);
    height: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0 5px 5px
}

.mini-gallery:not(:empty).layout-3 .image-preview:nth-child(3) {
    position: absolute;
    right: 0;
    bottom: 0;
    height: -webkit-calc(50% - 10px);
    height: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px 5px 0
}

@media screen and (max-width:980px) {
    .forum-stream .story-detail #main-content {
        margin: auto
    }
}

@media screen and (max-width:767px) {
    .forum-stream {
        margin: 0;
        padding: 0 5px;
        width: 100%
    }
    .forum-stream .preview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .forum-stream .preview>div {
        margin: 10px
    }
    .forum-stream .preview img {
        max-width: 100%;
        padding: 0
    }
    .forum-stream .full-view {
        margin-left: 0;
        width: 100%
    }
    .forum-stream .full-view .full-view-header {
        padding: 0
    }
    .forum-stream div.side-actions {
        position: inherit;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 5px
    }
    .forum-stream div.side-actions .stream-side-actions {
        display: none
    }
    .forum-stream div.side-actions a,
    .forum-stream div.side-actions a+.icon-btn,
    .forum-stream div.side-actions a+button,
    .forum-stream div.side-actions button.icon-btn,
    .forum-stream div.side-actions button.icon-btn+.icon-btn,
    .forum-stream div.side-actions button.icon-btn+button {
        margin: 0
    }
    .forum-stream div.side-actions .close-full-view {
        margin-right: 5px
    }
    .forum-topic.closed.collapsed footer {
        position: inherit
    }
}

.player-finder-table #results .responsive-table td.name .stadium-image-container .stadium-image {
    height: 50px;
    top: -39px
}

.player-finder-table #results .responsive-table td.name div a .stadium-image-container:before {
    content: "\e09F";
    font-family: icons;
    top: -39px;
    padding-left: 2px;
    color: #959595;
    width: 50px;
    height: 50px
}

.player-finder-table #results table td.stadium-location {
    text-align: left
}

.player-finder-table .filterwrapper #filterbar .basic>.histograms {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.stadium-country {
    font-size: 11px;
    color: #959595
}

.player-finder-table .topic-finder .stadium-header .total {
    right: 170px
}

@media screen and (max-width:640px) {
    .player-finder-table .topic-finder .stadium-header .total {
        right: 10px
    }
}

@media screen and (max-width:980px) {
    .player-finder-table .topic-finder .stadium-header .sorter {
        right: 7px
    }
    .player-finder-table .topic-finder .stadium-header .sorter:after {
        content: ""
    }
}

.player-finder-table .topic-finder .stadium-header .sorter select {
    width: 160px
}

@media screen and (max-width:980px) {
    .player-finder-table .topic-finder .stadium-header .sorter select {
        width: 140px
    }
}

.player-detail .player-info>div dd {
    width: 90%
}

.player-detail .player-info>div dt {
    width: 10%;
    white-space: nowrap
}

.player-detail .stadium-rating .scout-stars {
    width: 136px
}

.player-detail .player-analysis .stadium-localinfo h3 {
    margin: 15px 0 0
}

.player-detail .player-analysis .stadium-review-title h2 {
    display: inline-block;
    width: 50%;
    margin: 0 0 20px
}

.player-detail .player-analysis .stadium-review-text h3 {
    margin: 20px 0 0
}

.player-detail .player-analysis div p {
    margin: 10px 0
}

.player-detail .player-analysis .stadium-review iframe {
    width: 100%
}

.player-detail .player-analysis .localinfo-header {
    margin: 15px 0 5px
}

@media screen and (max-width:767px) {
    .player-detail .navigation .stadium-name {
        position: relative;
        left: -30px;
        top: 2px;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        font-size: 14px;
        margin-left: 35px;
        width: 35%
    }
}

.stadium-rating .scout-stars .icon {
    top: 20%
}

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

.stadium-localinfo {
    width: 50%;
    display: inline-block;
    margin: 5px 0
}

.star-number {
    position: absolute;
    top: 20px
}

@media screen and (min-width:980px) {
    .star-number {
        top: 27px
    }
}

.star-number-sidebar {
    padding: 4px 10px;
    font-size: 60%
}

.localinfo-name {
    font-weight: 700
}

.player-info .position .full-position {
    width: 100%
}

.mobile-stadium-image {
    height: 72px;
    width: 100px
}

.icon.leaflet-marker-icon {
    color: #00f
}

.icon.leaflet-marker-icon:before {
    font-size: 50px
}

#map {
    height: 500px;
    border: 1px solid #000;
    margin: 30px 30px 0
}

.info-window {
    height: 25px
}

.map-legend {
    border: 1px solid;
    border-top: 0;
    margin: 0 30px
}

.map-legend form {
    text-align: center
}

.filter-title {
    margin: 0
}

.filter-item {
    padding: 0 15px;
    display: inline-block
}

.filter-item span {
    padding-right: 10px
}

@media screen and (max-width:767px) {
    .modal .dialog .photo-frame h4.credit {
        top: 70vh
    }
}

.stadium-review-title {
    font-weight: 700
}

.d3-tip {
    background: #fff;
    border: 2px solid #CCC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    padding: 5px
}

.d3-tip:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: #CCC;
    content: "\25BC";
    position: absolute;
    text-align: center
}

.d3-tip.n:after {
    margin: -1px 0 0 0;
    top: 100%;
    left: 0
}

.story-content storyfinder ul li:before {
    content: none
}

.topic-finder,
storyfinder {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    width: -webkit-calc(100% - ((100% - 970px) / 2));
    width: calc(100% - ((100% - 970px) / 2));
    margin-left: -webkit-calc((100% - 970px) / 2);
    margin-left: calc((100% - 970px) / 2);
    padding: 0
}

.topic-finder .pagination,
storyfinder .pagination {
    margin: 15px 0
}

.topic-finder .pagination .page-list,
storyfinder .pagination .page-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

.topic-finder .pagination .page-list .icon_arrow-down,
storyfinder .pagination .page-list .icon_arrow-down {
    display: none
}

.topic-finder .pagination .button-reset,
storyfinder .pagination .button-reset {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.topic-finder .pagination .button-reset:hover,
storyfinder .pagination .button-reset:hover {
    color: #000;
    font-size: 18px
}

.topic-finder .pagination button,
storyfinder .pagination button {
    font-size: 13px;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #FFF!important;
    border-left: 1px solid #E5E5E5!important;
    margin: 0!important;
    line-height: normal;
    outline: 0;
    font-weight: 400;
    color: #ACACAC;
    background: #FFF;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear
}

.topic-finder .pagination button:active,
storyfinder .pagination button:active {
    background: #CCC;
    -webkit-box-shadow: inset 0 2px 10px -5px #202020;
    box-shadow: inset 0 2px 10px -5px #202020
}

.topic-finder .pagination button:first-child,
.topic-finder .pagination button:last-child,
storyfinder .pagination button:first-child,
storyfinder .pagination button:last-child {
    margin: 0
}

.topic-finder .pagination button:first-child,
storyfinder .pagination button:first-child {
    border: 2px 0 2px 2px transparent!important
}

.topic-finder .pagination button:last-child,
storyfinder .pagination button:last-child {
    border: 2px 2px 2px 0 transparent!important
}

.topic-finder .pagination .selected,
storyfinder .pagination .selected {
    color: #000;
    font-size: 20px;
    background: #E5E5E5;
    text-shadow: 1px 1px 2px #FFF;
    border: 1px solid #fff!important
}

.topic-finder .pagination .selected+.button-reset,
storyfinder .pagination .selected+.button-reset {
    border-left: none!important
}

.topic-finder .pagination .next,
.topic-finder .pagination .prev,
storyfinder .pagination .next,
storyfinder .pagination .prev {
    padding: 0;
    position: relative;
    border: none;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    line-height: normal!important
}

.topic-finder .pagination .next:hover,
.topic-finder .pagination .prev:hover,
storyfinder .pagination .next:hover,
storyfinder .pagination .prev:hover {
    background: #E5E5E5;
    color: #000;
    border-color: #CCC!important
}

.topic-finder .pagination .next .icon:before,
.topic-finder .pagination .prev .icon:before,
storyfinder .pagination .next .icon:before,
storyfinder .pagination .prev .icon:before {
    font-size: 17px;
    position: relative;
    top: 2px
}

.topic-finder .pagination .disabled,
storyfinder .pagination .disabled {
    background: #E5E5E5!important;
    color: #959595
}

@media screen and (max-width:980px) {
    .topic-finder,
    storyfinder {
        margin-left: 0
    }
    .topic-finder #results,
    storyfinder #results {
        margin: 15px 0 0!important
    }
}

.topic-finder.row:before,
storyfinder.row:before {
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #E5E5E5
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 18px;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    margin: 10px 0 3px
}

.story-image {
    padding: 0
}

.story-image img {
    width: 100%
}

a.more-link {
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: uppercase;
    color: #202020;
    text-decoration: none;
    letter-spacing: 1px
}

a.more-link span.icon {
    font-size: 9px;
    position: relative;
    padding-left: 2px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

a.more-link:hover {
    color: #454545
}

a.more-link:hover span.icon {
    padding-left: 5px
}

.filterwrapper {
    max-width: 320px;
    margin: 0!important
}

@media screen and (max-width:980px) {
    .filterwrapper #bottom300x250 {
        width: 225px;
        overflow: hidden
    }
    .filterwrapper #bottom300x250>img {
        width: 225px!important
    }
}

@media screen and (max-width:767px) {
    .filterwrapper {
        width: 100%;
        float: none
    }
}

#filterbar {
    padding: 0;
    margin: auto
}

#filterbar input {
    outline: 0
}

#filterbar header {
    background: 0 0;
    cursor: pointer
}

#filterbar header h6 {
    position: relative;
    margin: 8px 0 20px;
    color: #959595;
    font-size: 16px
}

#filterbar header div.value {
    font-size: 15px;
    color: #000;
    margin-bottom: 10px
}

#filterbar header div.value button {
    background: 0 0;
    border: none;
    padding: 0;
    margin: -2px 0 0 2px;
    vertical-align: top
}

#filterbar .filter-by,
#filterbar .sort-by {
    font-size: 14px;
    padding-left: 8px
}

.sort-by {
    position: relative;
    margin: 0;
    line-height: 0
}

.sort-by.row {
    padding: 0!important;
    margin: 0;
    min-width: 500px!important;
    max-width: 100%!important
}

.sort-by.row h2,
.sort-by.row li,
.sort-by.row ul {
    padding: 0 3px;
    margin: 0 2px;
    line-height: 18px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

.sort-by.row .count {
    font-family: proxima_extrabold;
    font-size: 18px;
    letter-spacing: normal;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: relative;
    min-height: 25px;
    top: 5px
}

.sort-by.row .sort-by.right {
    width: 264px;
    margin-bottom: 15px
}

@media screen and (max-width:980px) {
    .sort-by.row .sort-by.right {
        top: 0;
        margin: 0 0 15px;
        float: none!important
    }
}

.sort-by.row .viewModes {
    position: relative;
    top: -1px
}

.sort-by h2 {
    font-size: 18px
}

.sort-by .sorter {
    background: 0 0;
    height: 35px!important;
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin: 0 10px 0 0
}

.sort-by select {
    background: 0 0;
    height: 35px!important;
    font-family: proxima_regular;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    top: -2px;
    left: 0;
    position: absolute
}

.sort-by .select-bg {
    position: absolute;
    right: 1px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background: #FFF;
    width: 164px;
    height: 34px;
    margin: 0 10px 0 0;
    top: 0;
    z-index: 2
}

.sort-by .icon {
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 9
}

.sort-by .icon:before {
    font-size: 8px;
    position: relative;
    top: -17px
}

#filters {
    border-bottom: 1px solid #EEE;
    min-width: 300px
}

@media screen and (max-width:980px) {
    #filters {
        min-width: inherit
    }
}

#filters .filter:last-child {
    border-bottom: 0
}

#filters .name-filter h6 {
    margin: 0
}

.filter {
    overflow: hidden;
    padding: 5px;
    margin: 0 0 10px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, .25);
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, .25);
    background: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border-bottom: 0
}

.filter.expanded h6:after {
    content: "-";
    color: #ACACAC;
    font-size: 24px;
    position: absolute;
    top: -5px;
    right: 5px
}

.filter h6:after {
    content: "+";
    color: #ACACAC;
    font-size: 24px;
    position: absolute;
    top: -5px;
    right: 5px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.filter.boolean-filter h6:after,
.filter.category-filter h6:after,
.filter.classYear-filter h6:after,
.filter.league-filter h6:after,
.filter.name-filter h6:after,
.filter.notGteSeasonYear-filter,
.filter.region-filter h6:after,
.filter.text-box-filter h6:after {
    display: none
}

.filter .clearInput {
    display: block;
    position: absolute;
    right: 5px;
    cursor: pointer;
    background-color: #FFF;
    text-decoration: none;
    border: none;
    text-indent: -900px;
    top: 22px;
    z-index: 9
}

.filter.rating-filter h6 span:last-child:after {
    content: "\e02B";
    font-family: icons;
    font-size: 15px;
    color: #0789E7;
    position: absolute;
    left: 45px;
    top: 0
}

.filter.category-filter {
    margin-top: 0;
    padding-top: 15px;
    overflow: visible;
    height: 60px!important
}

.filter.category-filter .rf-combobox-input {
    border: 0;
    outline: 0;
    text-transform: uppercase;
    font-family: bebas_neue;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 0;
    width: 95%
}

.filter.boolean-filter {
    height: 105px!important
}

.filter.boolean-filter input[type=radio] {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.filter.boolean-filter label {
    display: inline-block;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: top
}

.filter.boolean-filter label span {
    margin-right: 15px;
    display: block
}

.filter.boolean-filter label span.label {
    font-family: bebas_neue;
    font-size: 14px;
    font-weight: 700
}

.filter.boolean-filter label span.count {
    font-family: proxima_regular;
    font-size: 11px;
    color: #959595
}

@media screen and (max-width:767px) {
    .filter.boolean-filter {
        padding: 50px 0 0 15px
    }
}

.filter header h6 {
    font-size: 90%
}

.filter header div.value {
    font-size: 11px
}

.filter input[list] {
    height: 30px;
    padding: 5px;
    font-family: proxima_regular;
    color: #454545;
    margin: 5px 0;
    border: 2px solid #F8F8F8
}

.filter.text-box-filter .search-name {
    margin: 0 0 0 -10px
}

.filter.text-box-filter .search-name input[type=search] {
    margin: 0;
    padding: 0 7px!important
}

@media screen and (max-width:980px) {
    .filter.text-box-filter .search-name input[type=search] {
        width: 80%!important
    }
}

.filter.text-box-filter input[type=search] {
    margin: 0 0 0 10px;
    padding: 0!important
}

.filter.text-box-filter input {
    width: 85%;
    border: 1px solid #FFF;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px!important;
    display: inline;
    outline: 0;
    resize: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #CCC
}

.filter.text-box-filter input:focus {
    border: 1px solid #E5E5E5;
    color: #000;
    background: #FFF
}

.filter.text-box-filter button {
    border: 0;
    background: 0 0;
    line-height: 25px
}

.filter.text-box-filter button:before {
    font-size: 14px;
    position: relative;
    color: #959595;
    top: 2px;
    left: 2px
}

.filter.date-histogram-select,
.filter.suggest-list {
    height: 60px
}

.filter.date-histogram-select.expanded,
.filter.suggest-list.expanded {
    height: 250px
}

.filter.date-histogram-select h6 .clearInput,
.filter.suggest-list h6 .clearInput {
    top: 44px
}

.filter.date-histogram-select.drop-down,
.filter.suggest-list.drop-down {
    overflow: visible;
    height: 115px
}

.filter.date-histogram-select.drop-down .clearInput,
.filter.suggest-list.drop-down .clearInput {
    right: 30px
}

.filter.date-histogram-select input,
.filter.date-histogram-select select,
.filter.suggest-list input,
.filter.suggest-list select {
    padding: 5px 10px;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    border: 1px solid #E5E5E5
}

.filter.date-histogram-select ul,
.filter.suggest-list ul {
    z-index: 1000;
    width: 100%;
    border: 1px solid #F8F8F8
}

.filter.date-histogram-select ul .rf-combobox-option,
.filter.suggest-list ul .rf-combobox-option {
    padding: 8px 2px;
    margin: 0;
    background: #fff
}

.filter.date-histogram-select ul .rf-combobox-option a,
.filter.suggest-list ul .rf-combobox-option a {
    font-family: proxima_regular;
    font-size: 13px;
    font-weight: 400;
    color: #454545
}

.filter.date-histogram-select ul .rf-combobox-option:hover,
.filter.suggest-list ul .rf-combobox-option:hover {
    background: #ff0
}

.filter.date-range-filter,
.filter.histogram-select:last-child {
    height: 35px
}

.filter.date-range-filter.expanded {
    height: 125px
}

.filter.date-range-filter select {
    width: 100%!important
}

.filter.date-range-filter .clearInput {
    top: 65px
}

.filter.histogram-select,
.filter.map-filter {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    height: 60px
}

.filter.histogram-select header,
.filter.map-filter header {
    margin-bottom: 50px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.filter.histogram-select.expanded,
.filter.map-filter.expanded {
    height: 225px
}

.filter.histogram-select.expanded header,
.filter.map-filter.expanded header {
    margin-bottom: 15px
}

.filter.histogram-select .bar rect:hover,
.filter.map-filter .bar rect:hover {
    fill: #e6bf33
}

.filter.histogram-select .unselected-line,
.filter.map-filter .unselected-line {
    stroke: #eee;
    stroke-width: 3px
}

.filter.histogram-select .selected-line,
.filter.map-filter .selected-line {
    stroke: #0789E7;
    stroke-width: 3px
}

.filter.histogram-select input,
.filter.map-filter input {
    border: 2px solid #f5f5f5;
    padding: 5px;
    margin: 5px;
    font-family: proxima_regular;
    color: #454545;
    width: 50px
}

.filter.histogram-select svg,
.filter.map-filter svg {
    width: 305px;
    margin-left: -10px
}

.filter.map-filter .map {
    height: 160px;
    top: -30px;
    position: relative
}

.filter.fantasy-ppr button,
.filter.fantasy-scoring-method button {
    margin: 0 5px 0 0;
    /*height: 35px; */
    padding: 5px 7px;
    cursor: pointer;
    outline: 0;
    font-family: proxima_semibold;
    font-size: 12px;
    text-transform: uppercase;
    color: #959595;
    background-color: #FFF;
    position: relative;
    border: 0!important
}

.filter.fantasy-ppr button.option,
.filter.fantasy-scoring-method button.option {
    border: 0!important
}

.filter.fantasy-ppr button.edit,
.filter.fantasy-scoring-method button.edit {
    height: 17px;
    border: 0;
    color: #0789E7;
    font-family: proxima_regular;
    cursor: pointer;
    width: auto;
    font-size: 14px;
    font-weight: 100;
    text-transform: capitalize;
    background-color: transparent;
    text-align: left;
    padding: 0;
    vertical-align: super
}

.filter.fantasy-ppr button.tg,
.filter.fantasy-scoring-method button.tg {
    width: auto;
    font-family: proxima_extrabold;
    background: #454545;
    color: #FFF;
    border: none;
    height: 30px;
    position: absolute;
    left: 55%
}

.filter.fantasy-ppr button.clearInput,
.filter.fantasy-scoring-method button.clearInput {
    width: 25px;
    border: none;
    top: 42px
}

.filter.fantasy-ppr button.selected:not([disabled]),
.filter.fantasy-scoring-method button.selected:not([disabled]) {
    background: #0789E7;
    color: #fff!important
}

.filter.fantasy-ppr button .icon:before,
.filter.fantasy-scoring-method button .icon:before {
    font-size: 10px;
    padding-left: 10px
}

.filter.fantasy-ppr button.new_scoring,
.filter.fantasy-scoring-method button.new_scoring {
    color: #fff!important;
    background-color: #000!important;
    /*position: absolute */
}

@media screen and (max-width:767px) {
    .filter.fantasy-ppr button,
    .filter.fantasy-scoring-method button {
        outline: 0;
        width: 85%;
        background: 0 0;
        border: none;
        color: #000;
        margin: 5px auto;
        display: -webkit-box;
        position: relative
    }
    .filter.fantasy-ppr button.new_scoring,
    .filter.fantasy-scoring-method button.new_scoring {
        z-index: 999;
        width: 90%!important;
        margin: 10px auto;
        position: relative!important;
        left: 15px!important
    }
    .filter.fantasy-ppr button.selected,
    .filter.fantasy-scoring-method button.selected {
        background: none!important
    }
    .filter.fantasy-ppr button .icon,
    .filter.fantasy-scoring-method button .icon {
        display: none
    }
}

.filter.fantasy-ppr select,
.filter.fantasy-scoring-method select {
    font-size: 16px;
    font-family: proxima_regular!important;
    margin: 0 5px 10px 0
}

@media screen and (max-width:767px) {
    .filter.fantasy-ppr {
        margin-bottom: 0
    }
    .filter.fantasy-ppr button:before {
        content: "";
        width: 12px;
        height: 12px;
        border: 2px solid #CCC;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #FFF;
        position: absolute;
        left: 15px;
        top: 17px
    }
    .filter.fantasy-ppr button.selected:before {
        background: #0789E7;
        border-color: #000
    }
}

.view-modes {
    position: relative;
    top: 5px
}

.view-modes li {
    cursor: pointer;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.view-modes li.list:before {
    content: "\e059";
    font-family: icons;
    font-size: 22px
}

.view-modes li.masonry:before {
    content: "\e058";
    font-family: icons;
    font-size: 22px
}

#results,
.widget-results {
    padding-bottom: 30px;
    margin: 0
}

@media screen and (max-width:980px) {
    #results,
    .widget-results {
        padding-left: 0!important
    }
}

@media screen and (max-width:640px) {
    #results,
    .widget-results {
        padding-left: 10px!important;
        max-width: 100%!important
    }
}

#results .loading,
.widget-results .loading {
    background: transparent!important
}

#results.forum-messages,
#results.players,
#results.stories,
#results.view-toggles,
.widget-results.forum-messages,
.widget-results.players,
.widget-results.stories,
.widget-results.view-toggles {
    max-width: 705px
}

#results.photos,
#results.videos,
.widget-results.photos,
.widget-results.videos {
    padding-right: 0!important;
    max-width: 1024px
}

#results.stories.masonry,
.widget-results.stories.masonry {
    max-width: 100%
}

#results .tiles,
.widget-results .tiles {
    padding-top: 10px
}

#results hr,
.widget-results hr {
    border-top: 1px solid #ACACAC;
    border-bottom: 0;
    margin: 10px 0;
    border-style: solid!important
}

#results h1,
.widget-results h1 {
    font-size: 12px;
    line-height: 15px;
    margin-right: 10px;
    letter-spacing: normal;
    font-weight: 400
}

#results h1 span.title-pill,
.widget-results h1 span.title-pill {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding: 5px 10px;
    margin: 0 0 5px 5px;
    background: #454545;
    color: #FFF;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#results h1 span.title-pill:first-child,
.widget-results h1 span.title-pill:first-child {
    margin: 0 0 5px!important
}

#results h1 span.title-pill.removable,
.widget-results h1 span.title-pill.removable {
    padding-right: 20px;
    cursor: pointer
}

#results h1 span.title-pill .icon,
.widget-results h1 span.title-pill .icon {
    position: absolute;
    right: 5px;
    top: 3px
}

#results h1 span.title-pill .icon_close-x:before,
.widget-results h1 span.title-pill .icon_close-x:before {
    font-size: 10px;
    color: #CCC
}

#results>li,
.widget-results>li {
    margin-bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#results li.photo,
#results li.video,
.widget-results li.photo,
.widget-results li.video {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

#results li.photo.done,
#results li.photo.tile.spotlight,
#results li.video.done,
#results li.video.tile.spotlight,
.widget-results li.photo.done,
.widget-results li.photo.tile.spotlight,
.widget-results li.video.done,
.widget-results li.video.tile.spotlight {
    opacity: 1
}

#results li.photo,
.widget-results li.photo {
    width: 240px;
    margin-bottom: 5px
}

@media screen and (max-width:640px) {
    #results li.story-list-item,
    .widget-results li.story-list-item {
        opacity: 1
    }
}

#results li.story-list-item.done,
.widget-results li.story-list-item.done {
    opacity: 1
}

#results li.story-list-item .icon_premium:before,
.widget-results li.story-list-item .icon_premium:before {
    font-size: 18px;
    position: relative;
    top: -2px
}

#results li.forum-post-list-item:first-child,
.widget-results li.forum-post-list-item:first-child {
    margin: 0
}

#results li.forum-post-list-item.done,
.widget-results li.forum-post-list-item.done {
    opacity: 1
}

#results li.forum-post-list-item .icon_premium:before,
.widget-results li.forum-post-list-item .icon_premium:before {
    font-size: 18px;
    position: relative;
    top: -2px;
    margin-right: 4px
}

#results .forum-post-list-item:last-child,
#results .story-list-item:last-child,
.widget-results .forum-post-list-item:last-child,
.widget-results .story-list-item:last-child {
    border: 0
}

#results li.forum-post-list-item.masonry:hover,
#results li.story-list-item.masonry:hover,
.widget-results li.forum-post-list-item.masonry:hover,
.widget-results li.story-list-item.masonry:hover {
    -webkit-transform: scale(1.1)!important;
    -ms-transform: scale(1.1)!important;
    transform: scale(1.1)!important;
    z-index: 99;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    box-shadow: 0 0 25px rgba(0, 0, 0, .3)
}

#results li.forum-post-list-item.masonry:hover .icon_arrow-right:before,
#results li.story-list-item.masonry:hover .icon_arrow-right:before,
.widget-results li.forum-post-list-item.masonry:hover .icon_arrow-right:before,
.widget-results li.story-list-item.masonry:hover .icon_arrow-right:before {
    left: 4px
}

#results li.forum-post-list-item.masonry:hover .vignette,
#results li.story-list-item.masonry:hover .vignette,
.widget-results li.forum-post-list-item.masonry:hover .vignette,
.widget-results li.story-list-item.masonry:hover .vignette {
    opacity: .15
}

#results li.forum-post-list-item.row,
#results li.story-list-item.row,
.widget-results li.forum-post-list-item.row,
.widget-results li.story-list-item.row {
    margin: 5px 0;
    border-bottom: 1px solid #CCC;
    background: #FFF;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

#results li.forum-post-list-item.row .story-deck,
#results li.story-list-item.row .story-deck,
.widget-results li.forum-post-list-item.row .story-deck,
.widget-results li.story-list-item.row .story-deck {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#results li.forum-post-list-item:last-child,
#results li.story-list-item.row:last-child,
.widget-results li.forum-post-list-item:last-child,
.widget-results li.story-list-item.row:last-child {
    border: none
}

#results li.forum-post-list-item,
#results li.story-list-item,
.widget-results li.forum-post-list-item,
.widget-results li.story-list-item {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

#results li.forum-post-list-item .vignette,
#results li.story-list-item .vignette,
.widget-results li.forum-post-list-item .vignette,
.widget-results li.story-list-item .vignette {
    background-image: radial, ellipse closest-side, transparent, rgba(0, 0, 0, .6);
    -webkit-box-shadow: inset 0 0 80px #000;
    box-shadow: inset 0 0 80px #000;
    background-size: cover;
    width: 100%;
    height: 169px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    position: absolute;
    opacity: 1;
    -webkit-transition: all 200ms cubic-bezier(0.17, .04, .03, .94);
    transition: all 200ms cubic-bezier(0.17, .04, .03, .94)
}

#results li.forum-post-list-item.masonry,
#results li.story-list-item.masonry,
.widget-results li.forum-post-list-item.masonry,
.widget-results li.story-list-item.masonry {
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.17, .04, .03, .94);
    transition: all 200ms cubic-bezier(0.17, .04, .03, .94);
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: #fff;
    width: 300px;
    padding: 0 0 15px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#results li.forum-post-list-item.masonry.done,
#results li.story-list-item.masonry.done,
.widget-results li.forum-post-list-item.masonry.done,
.widget-results li.story-list-item.masonry.done {
    opacity: 1
}

#results li.forum-post-list-item.masonry .story-meta,
#results li.story-list-item.masonry .story-meta,
.widget-results li.forum-post-list-item.masonry .story-meta,
.widget-results li.story-list-item.masonry .story-meta {
    padding: 15px
}

#results li.forum-post-list-item.masonry .story-meta .icon_premium:before,
#results li.story-list-item.masonry .story-meta .icon_premium:before,
.widget-results li.forum-post-list-item.masonry .story-meta .icon_premium:before,
.widget-results li.story-list-item.masonry .story-meta .icon_premium:before {
    font-size: 20px;
    top: -3px;
    position: relative;
    margin-left: 3px
}

#results li.forum-post-list-item.masonry .story-meta .time-stamp,
#results li.story-list-item.masonry .story-meta .time-stamp,
.widget-results li.forum-post-list-item.masonry .story-meta .time-stamp,
.widget-results li.story-list-item.masonry .story-meta .time-stamp {
    margin: 10px 0
}

#results li.forum-post-list-item.masonry h1,
#results li.story-list-item.masonry h1,
.widget-results li.forum-post-list-item.masonry h1,
.widget-results li.story-list-item.masonry h1 {
    font-size: 22px;
    margin: 10px 0 5px
}

#results li.forum-post-list-item.masonry p,
#results li.story-list-item.masonry p,
.widget-results li.forum-post-list-item.masonry p,
.widget-results li.story-list-item.masonry p {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -.1px;
    margin-bottom: 15px
}

#results li.forum-post-list-item.masonry p .read-more,
#results li.story-list-item.masonry p .read-more,
.widget-results li.forum-post-list-item.masonry p .read-more,
.widget-results li.story-list-item.masonry p .read-more {
    display: block;
    margin: 5px 0;
    font-family: proxima_extrabold;
    text-transform: uppercase
}

#results li.forum-post-list-item.masonry.two-col,
#results li.story-list-item.masonry.two-col,
.widget-results li.forum-post-list-item.masonry.two-col,
.widget-results li.story-list-item.masonry.two-col {
    width: 670px
}

#results li.forum-post-list-item.masonry.two-col .vignette,
#results li.story-list-item.masonry.two-col .vignette,
.widget-results li.forum-post-list-item.masonry.two-col .vignette,
.widget-results li.story-list-item.masonry.two-col .vignette {
    height: 377px
}

#results li.forum-post-list-item.list,
#results li.story-list-item.list,
.widget-results li.forum-post-list-item.list,
.widget-results li.story-list-item.list {
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 30px;
    margin: 30px 0;
    min-height: 130px
}

#results li.forum-post-list-item h1,
#results li.story-list-item h1,
.widget-results li.forum-post-list-item h1,
.widget-results li.story-list-item h1 {
    text-transform: uppercase;
    margin: 0 0 5px;
    letter-spacing: 0;
    font-size: 18px;
    line-height: normal
}

#results li.forum-post-list-item h1 .icon_premium,
#results li.forum-post-list-item h1 span,
#results li.story-list-item h1 .icon_premium,
#results li.story-list-item h1 span,
.widget-results li.forum-post-list-item h1 .icon_premium,
.widget-results li.forum-post-list-item h1 span,
.widget-results li.story-list-item h1 .icon_premium,
.widget-results li.story-list-item h1 span {
    margin: 0!important
}

#results li.forum-post-list-item h1 a,
#results li.story-list-item h1 a,
.widget-results li.forum-post-list-item h1 a,
.widget-results li.story-list-item h1 a {
    word-break: break-word;
    margin: 0!important
}

#results li.forum-post-list-item p,
#results li.story-list-item p,
.widget-results li.forum-post-list-item p,
.widget-results li.story-list-item p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 15px 0 10px;
    line-height: 22px
}

#results li.forum-post-list-item a.more-link,
#results li.story-list-item a.more-link,
.widget-results li.forum-post-list-item a.more-link,
.widget-results li.story-list-item a.more-link {
    font-size: 12px;
    text-transform: uppercase;
    color: #202020;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 10px 0
}

#results li.forum-post-list-item .forum-info,
#results li.story-list-item .forum-info,
.widget-results li.forum-post-list-item .forum-info,
.widget-results li.story-list-item .forum-info {
    color: #959595;
    font-weight: 400
}

#results li.forum-post-list-item .author-name,
#results li.story-list-item .author-name,
.widget-results li.forum-post-list-item .author-name,
.widget-results li.story-list-item .author-name {
    margin: 0 10px 0 0;
    font-weight: 700;
    font-size: 15px
}

#results li.forum-post-list-item .og-thread,
#results li.story-list-item .og-thread,
.widget-results li.forum-post-list-item .og-thread,
.widget-results li.story-list-item .og-thread {
    opacity: .5;
    font-size: 12px;
    padding: 3px 0;
    margin: 0!important
}

#results li.forum-post-list-item .forum-post-date,
#results li.forum-post-list-item .forum-post-site,
#results li.forum-post-list-item .og-forum,
#results li.story-list-item .forum-post-date,
#results li.story-list-item .forum-post-site,
#results li.story-list-item .og-forum,
.widget-results li.forum-post-list-item .forum-post-date,
.widget-results li.forum-post-list-item .forum-post-site,
.widget-results li.forum-post-list-item .og-forum,
.widget-results li.story-list-item .forum-post-date,
.widget-results li.story-list-item .forum-post-site,
.widget-results li.story-list-item .og-forum {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 10px 0 0;
    color: #202020
}

#results li.forum-post-list-item .forum-post-date span,
#results li.forum-post-list-item .forum-post-site span,
#results li.forum-post-list-item .og-forum span,
#results li.story-list-item .forum-post-date span,
#results li.story-list-item .forum-post-site span,
#results li.story-list-item .og-forum span,
.widget-results li.forum-post-list-item .forum-post-date span,
.widget-results li.forum-post-list-item .forum-post-site span,
.widget-results li.forum-post-list-item .og-forum span,
.widget-results li.story-list-item .forum-post-date span,
.widget-results li.story-list-item .forum-post-site span,
.widget-results li.story-list-item .og-forum span {
    margin: 0
}

#results li.forum-post-list-item .story-from,
#results li.forum-post-list-item .time-stamp,
#results li.story-list-item .story-from,
#results li.story-list-item .time-stamp,
.widget-results li.forum-post-list-item .story-from,
.widget-results li.forum-post-list-item .time-stamp,
.widget-results li.story-list-item .story-from,
.widget-results li.story-list-item .time-stamp {
    font-size: 12px;
    color: #959595;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto
}

#results li.forum-post-list-item .share-story,
#results li.story-list-item .share-story,
.widget-results li.forum-post-list-item .share-story,
.widget-results li.story-list-item .share-story {
    font-family: proxima_extrabold;
    text-transform: uppercase
}

#results li.forum-post-list-item .story-image,
#results li.story-list-item .story-image,
.widget-results li.forum-post-list-item .story-image,
.widget-results li.story-list-item .story-image {
    width: 161px
}

@media screen and (max-width:767px) {
    #results li.forum-post-list-item .story-image,
    #results li.story-list-item .story-image,
    .widget-results li.forum-post-list-item .story-image,
    .widget-results li.story-list-item .story-image {
        width: 100%
    }
}

#results li.forum-post-list-item .icon_arrow-right:before,
#results li.story-list-item .icon_arrow-right:before,
.widget-results li.forum-post-list-item .icon_arrow-right:before,
.widget-results li.story-list-item .icon_arrow-right:before {
    top: -1px;
    left: 2px
}

#results .stars span.icon:before,
.widget-results .stars span.icon:before {
    font-size: 22px;
    line-height: 100%
}

.filter-views {
    max-width: 690px;
    height: 60px;
    margin-top: 15px
}

.filter-views li {
    padding: 0 15px;
    margin: 0 5px 0 0;
    float: left;
    width: 23%;
    background: #CCC;
    height: 45px;
    position: relative;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(172, 172, 172, .25);
    box-shadow: inset 4px 4px 10px rgba(172, 172, 172, .25);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 12px;
    opacity: .75
}

.filter-views li:before {
    font-size: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .15), -1px -1px 1px rgba(172, 172, 172, .15);
    position: absolute;
    top: 20px;
    width: 100%;
    color: #FFF;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

@media screen and (max-width:980px) {
    .filter-views li:before {
        font-size: 16px;
        top: 22px
    }
}

.filter-views li:hover {
    cursor: pointer;
    opacity: 1
}

.filter-views li>div {
    font-family: bebas_neue;
    position: absolute;
    bottom: 12px;
    text-align: center;
    font-size: 20px;
    width: 90%
}

@media screen and (max-width:980px) {
    .filter-views li>div {
        font-size: 18px
    }
}

@media screen and (max-width:980px) {
    .filter-views li .icon_videos:before {
        font-size: 12px
    }
}

.filter-views .selected {
    background: #FFF;
    opacity: 1;
    -webkit-box-shadow: 1px 1px 3px -4px rgba(0, 0, 0, .25);
    box-shadow: 1px 1px 3px -4px rgba(0, 0, 0, .25)
}

.filter-views .selected:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: absolute;
    bottom: -10px;
    left: 45%
}

.filter-views .selected:before {
    color: #0789E7;
    top: 20px
}

.topic-finder.compact {
    width: auto!important;
    margin: 0!important
}

.topic-finder.compact .sticky {
    background-color: #FFF;
    border-bottom: 1px solid #000
}

.topic-finder.compact .sticky .filter-toggle {
    border-right: 1px solid #000
}

.topic-finder.compact #filterbar {
    height: 45px;
    max-width: 100%;
    background: #000;
    color: #FFF;
    border-top: 1px solid #454545;
    margin-bottom: 1px
}

.topic-finder.compact #filterbar .scoringmethod-row {
    position: relative;
    zoom: 150%;
}

.topic-finder.compact #filterbar .scoringmethod-row button.option {
    width: 100%;
    padding-left: 2.5em;
    /*line-height: 3.7;*/
    font-size: 24px !important;
    text-align: left;
}

.topic-finder.compact #filterbar button {
    height: 60px;
    width: 100%;
    text-transform: uppercase;
    font-family: proxima_semibold;
    font-size: 24px;
    border: none;
    padding: 0 0 0 1em;
    margin: 0;
    display: inline-block
}

.topic-finder.compact #filterbar button.option,
.topic-finder.compact #filterbar button.selected,
.topic-finder.compact #filterbar button:hover {
    color: #ACACAC
}

.topic-finder.compact #filterbar button.edit {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #000!important;
    color: #FFF!important;
    padding: 3px 7px;
    height: 24px!important;
    margin-right: 5px!important;
    width: auto;
    font-size: 12px;
    top: 9px;
    position: absolute;
    right: 0
}

.topic-finder.compact #filterbar select {
    border-left: 1px solid #CCC
}

.topic-finder.compact #filterbar .sorter {
    position: relative
}

.topic-finder.compact #filterbar .sorter:after {
    content: "\e002";
    font-family: icons;
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 10px
}

.topic-finder.compact #filterbar .filter-toggle {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    text-align: left;
    width: 50%;
    border-right: 1px solid #000
}

.topic-finder.compact #filterbar .filter-toggle.filters span:before {
    margin: 0 5px 0 0;
    content: "\e06F";
    font-family: icons;
    font-size: 12px
}

.topic-finder.compact #filterbar .filter-toggle.expanded span:before {
    margin: 0 5px 0 0;
    content: "\e00b";
    font-family: icons;
    font-size: 12px
}

.topic-finder.compact #filterbar .filter-toggle .icon {
    position: relative;
    top: -3px
}

.topic-finder.compact #filterbar .filter-toggle .icon_arrow-down:before,
.topic-finder.compact #filterbar .filter-toggle .icon_arrow-up:before {
    font-size: 10px!important;
    margin: 0 0 3px 3px;
    position: relative;
    top: -1px
}

.topic-finder.compact #filterbar .sort-by {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 50%;
    position: absolute;
    padding: 0;
    margin: 0
}

.topic-finder.compact #filterbar .sort-by select {
    text-indent: 15%;
    text-align: center;
    width: 100%;
    padding: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.topic-finder.compact #results,
.topic-finder.compact .widget-results {
    float: none
}

.topic-finder.compact #results h1,
.topic-finder.compact .widget-results h1 {
    padding: 0 10px;
    margin: 15px;
    color: #454545
}

.topic-finder.compact #results #filters .filter-views,
.topic-finder.compact .widget-results #filters .filter-views {
    width: 100%;
    margin: 0
}

.topic-finder.compact #results #filters .filter-views li,
.topic-finder.compact .widget-results #filters .filter-views li {
    padding: 0;
    margin: 0;
    float: left;
    width: 25%;
    background: #CCC;
    height: 60px;
    border: solid;
    border-width: 0 1px;
    border-color: #ACACAC #CCC #CCC #FFF;
    -webkit-border-radius: 0;
    border-radius: 0
}

.topic-finder.compact #results #filters .filter-views li:before,
.topic-finder.compact .widget-results #filters .filter-views li:before {
    top: 22px;
    font-size: 22px;
    text-align: center;
    color: #959595;
    opacity: .5
}

.topic-finder.compact #results #filters .filter-views li.selected:hover:before,
.topic-finder.compact .widget-results #filters .filter-views li.selected:hover:before {
    opacity: 0
}

.topic-finder.compact #results #filters .filter-views li.selected:hover:after,
.topic-finder.compact .widget-results #filters .filter-views li.selected:hover:after {
    background: #FFF
}

.topic-finder.compact #results #filters .filter-views li:hover:before,
.topic-finder.compact .widget-results #filters .filter-views li:hover:before {
    opacity: 0
}

.topic-finder.compact #results #filters .filter-views li>div,
.topic-finder.compact .widget-results #filters .filter-views li>div {
    bottom: 5px;
    font-size: 12px;
    width: 100%
}

.topic-finder.compact #results #filters .filter-views .toolbot[title]:hover:after,
.topic-finder.compact .widget-results #filters .filter-views .toolbot[title]:hover:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: pre-line;
    text-align: center;
    padding: 20px 0;
    line-height: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 12px;
    opacity: .75
}

.topic-finder.compact #results #filters .filter-views .selected,
.topic-finder.compact .widget-results #filters .filter-views .selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #FFF;
    border-color: #FFF
}

.topic-finder.compact #results #filters .filter-views .selected:before,
.topic-finder.compact .widget-results #filters .filter-views .selected:before {
    color: #454545;
    opacity: 1;
    top: 24px;
    font-size: 24px
}

.topic-finder.compact #results #filters .filter,
.topic-finder.compact .widget-results #filters .filter {
    position: relative;
    background: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0
}

.topic-finder.compact #results #filters .filter.histogram-select,
.topic-finder.compact #results #filters .filter.map-filter,
.topic-finder.compact #results #filters .filter.suggest-list,
.topic-finder.compact .widget-results #filters .filter.histogram-select,
.topic-finder.compact .widget-results #filters .filter.map-filter,
.topic-finder.compact .widget-results #filters .filter.suggest-list {
    height: 35px
}

.topic-finder.compact #results #filters .filter h6:after,
.topic-finder.compact .widget-results #filters .filter h6:after {
    display: none
}

.topic-finder.compact #results #filters .filter select,
.topic-finder.compact .widget-results #filters .filter select {
    width: 100%;
    font-size: 16px;
    border: 1px solid #CCC
}

.topic-finder.compact #results #filters .filter h6,
.topic-finder.compact .widget-results #filters .filter h6 {
    color: #FFF
}

.topic-finder.compact #results #filters .filter h6 span:first-child,
.topic-finder.compact .widget-results #filters .filter h6 span:first-child {
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #454545;
    display: block;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    padding: 10px
}

.topic-finder.compact #results #filters .filter .sm.icon:before,
.topic-finder.compact .widget-results #filters .filter .sm.icon:before {
    font-size: 9px;
    color: #0789E7
}

.topic-finder.compact #results #filters .filter.expanded,
.topic-finder.compact .widget-results #filters .filter.expanded {
    height: auto!important;
    padding: 40px 15px 10px
}

.topic-finder.compact #results #filters .filter.expanded h6 span:first-child,
.topic-finder.compact .widget-results #filters .filter.expanded h6 span:first-child {
    border-bottom: 0
}

.topic-finder.compact #results #filters .filter.expanded h6:after,
.topic-finder.compact .widget-results #filters .filter.expanded h6:after {
    display: none
}

.topic-finder.compact #results #filters .filter.rating-filter h6 span:last-child:after,
.topic-finder.compact .widget-results #filters .filter.rating-filter h6 span:last-child:after {
    left: 55px;
    top: 10px
}

.topic-finder.compact #results #filters .filter.category-filter,
.topic-finder.compact .widget-results #filters .filter.category-filter {
    padding: 15px 10px 0!important
}

.topic-finder.compact #results #filters .filter.category-filter .icon_arrow-up,
.topic-finder.compact .widget-results #filters .filter.category-filter .icon_arrow-up {
    display: none
}

.topic-finder.compact #results #filters .filter.text-box-filter,
.topic-finder.compact .widget-results #filters .filter.text-box-filter {
    background: #E5E5E5;
    padding: 5px
}

.topic-finder.compact #results #filters .filter.text-box-filter button,
.topic-finder.compact .widget-results #filters .filter.text-box-filter button {
    position: absolute;
    top: 20px;
    left: 5px
}

.topic-finder.compact #results #filters .filter.text-box-filter button:before,
.topic-finder.compact .widget-results #filters .filter.text-box-filter button:before {
    font-size: 20px;
    color: #000
}

.topic-finder.compact #results #filters .filter.text-box-filter .search-name,
.topic-finder.compact .widget-results #filters .filter.text-box-filter .search-name {
    padding: 0 15px;
    color: #000!important
}

.topic-finder.compact #results #filters .filter.text-box-filter .search-name input,
.topic-finder.compact .widget-results #filters .filter.text-box-filter .search-name input {
    width: 100%;
    margin: 10px auto;
    text-indent: 35px;
    border: 1px solid #E5E5E5;
    color: #000!important
}

.topic-finder.compact #results #filters .filter header .icon,
.topic-finder.compact .widget-results #filters .filter header .icon {
    position: absolute;
    top: 5px;
    right: 15px
}

.topic-finder.compact #results .tiles,
.topic-finder.compact .widget-results .tiles {
    padding: 0!important;
    margin: 0!important;
    border-top: 0!important
}

.topic-finder.compact #results .tiles .row,
.topic-finder.compact .widget-results .tiles .row {
    padding: 0
}

.topic-finder.compact #results .tiles li.forum-post-list-item.row,
.topic-finder.compact #results .tiles li.story-list-item.row,
.topic-finder.compact .widget-results .tiles li.forum-post-list-item.row,
.topic-finder.compact .widget-results .tiles li.story-list-item.row {
    margin: 0
}

.topic-finder.compact #results .tiles li.forum-post-list-item.row .story-deck,
.topic-finder.compact #results .tiles li.story-list-item.row .story-deck,
.topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .story-deck,
.topic-finder.compact .widget-results .tiles li.story-list-item.row .story-deck {
    padding: 10px 15px
}

.topic-finder.compact #results .tiles li.forum-post-list-item.row .og-thread .forum-deck,
.topic-finder.compact #results .tiles li.story-list-item.row .og-thread .forum-deck,
.topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .og-thread .forum-deck,
.topic-finder.compact .widget-results .tiles li.story-list-item.row .og-thread .forum-deck {
    font-size: 15px;
    color: #000;
    padding: 0 10px!important;
    line-height: 22px!important
}

.topic-finder.compact #results .tiles li.forum-post-list-item.row,
.topic-finder.compact .widget-results .tiles li.forum-post-list-item.row {
    margin: 0
}

.topic-finder.compact #results .tiles li.forum-post-list-item.row .forum-post,
.topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .forum-post {
    padding: 10px 15px
}

@media screen and (max-width:980px) {
    .topic-finder.compact #results .tiles li.forum-post-list-item.row,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row {
        padding: 15px 15px 0
    }
}

@media screen and (max-width:767px) {
    .topic-finder.compact #results .tiles li.forum-post-list-item.row,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row {
        padding: 15px 15px 0
    }
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .forum-deck,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .forum-deck {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        min-width: 100%;
        overflow: hidden;
        padding: 0 0 15px
    }
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .thread-link,
    .topic-finder.compact #results .tiles li.forum-post-list-item.row h1 a,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .thread-link,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row h1 a {
        word-break: break-word
    }
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .thread-info,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .thread-info {
        margin: 3px 0
    }
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .forum-post-site,
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .og-forum,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .forum-post-site,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .og-forum {
        float: left;
        clear: both
    }
    .topic-finder.compact #results .tiles li.forum-post-list-item.row .forum-post-date,
    .topic-finder.compact .widget-results .tiles li.forum-post-list-item.row .forum-post-date {
        font-size: 11px;
        float: right
    }
}

.topic-finder.compact #results .tiles li,
.topic-finder.compact .widget-results .tiles li {
    opacity: 1
}

@media screen and (max-width:767px) {
    .topic-finder.compact #results .tiles li.photo,
    .topic-finder.compact #results .tiles li.video,
    .topic-finder.compact .widget-results .tiles li.photo,
    .topic-finder.compact .widget-results .tiles li.video {
        position: relative;
        padding: 10px 0;
        background: #fff;
        margin: 1px 0;
        border-bottom: 1px solid #CCC
    }
    .topic-finder.compact #results .tiles li.photo span,
    .topic-finder.compact #results .tiles li.video span,
    .topic-finder.compact .widget-results .tiles li.photo span,
    .topic-finder.compact .widget-results .tiles li.video span {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        width: 100%
    }
    .topic-finder.compact #results .tiles li.photo .caption,
    .topic-finder.compact #results .tiles li.video .caption,
    .topic-finder.compact .widget-results .tiles li.photo .caption,
    .topic-finder.compact .widget-results .tiles li.video .caption {
        font-family: proxima_extrabold;
        text-transform: uppercase;
        font-size: 12px;
        color: #202020;
        padding: 15px
    }
    .topic-finder.compact #results .tiles li.photo img,
    .topic-finder.compact #results .tiles li.video img,
    .topic-finder.compact .widget-results .tiles li.photo img,
    .topic-finder.compact .widget-results .tiles li.video img {
        width: 100%
    }
    .topic-finder.compact #results .tiles li.photo .icon_play,
    .topic-finder.compact #results .tiles li.photo .overlay,
    .topic-finder.compact #results .tiles li.video .icon_play,
    .topic-finder.compact #results .tiles li.video .overlay,
    .topic-finder.compact .widget-results .tiles li.photo .icon_play,
    .topic-finder.compact .widget-results .tiles li.photo .overlay,
    .topic-finder.compact .widget-results .tiles li.video .icon_play,
    .topic-finder.compact .widget-results .tiles li.video .overlay {
        display: inline
    }
    .topic-finder.compact #results .tiles li.photo .icon_play:before,
    .topic-finder.compact #results .tiles li.video .icon_play:before,
    .topic-finder.compact .widget-results .tiles li.photo .icon_play:before,
    .topic-finder.compact .widget-results .tiles li.video .icon_play:before {
        color: #FFF;
        font-size: 50px;
        opacity: .7;
        position: absolute;
        top: 40%;
        left: 45%
    }
}

.topic-finder.compact #results .tiles li h1,
.topic-finder.compact .widget-results .tiles li h1 {
    padding: 0;
    margin: 0
}

.topic-finder.compact #results .tiles li .story-image,
.topic-finder.compact .widget-results .tiles li .story-image {
    border-top: 1px solid #FFF;
    margin: 10px 0
}

.topic-finder.compact #results .tiles li .story-image img,
.topic-finder.compact .widget-results .tiles li .story-image img {
    width: 100%!important;
    height: auto!important
}

.topic-finder.compact #results .tiles li.photo,
.topic-finder.compact .widget-results .tiles li.photo {
    width: 100%
}

.topic-finder.compact #results .tiles li.done,
.topic-finder.compact .widget-results .tiles li.done {
    opacity: 1
}

.fantasy-finder .topic-finder header,
.player-finder-table .topic-finder header {
    position: relative;
    padding-top: 3px
}

.fantasy-finder .topic-finder header .toggle-filters,
.player-finder-table .topic-finder header .toggle-filters {
    font-family: proxima_semibold!important;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 13px
}

.fantasy-finder .topic-finder header h1,
.player-finder-table .topic-finder header h1 {
    font-size: 22px;
    line-height: 1.2;
    display: inline-block;
    margin: 10px 0;
    font-family: proxima_extrabold;
}

@media screen and (max-width:980px) {
    .fantasy-finder .topic-finder header h1,
    .player-finder-table .topic-finder header h1 {
        width: 55%
    }
}

@media screen and (max-width:640px) {
    .fantasy-finder .topic-finder header h1,
    .player-finder-table .topic-finder header h1 {
        padding-right: 70px!important
    }
}

.fantasy-finder .topic-finder header h1 span,
.player-finder-table .topic-finder header h1 span {
    padding-right: .2em
}

.fantasy-finder .topic-finder header h1 span.removable span,
.player-finder-table .topic-finder header h1 span.removable span {
    padding-right: 0
}

.fantasy-finder .topic-finder header h1 .icon:before,
.player-finder-table .topic-finder header h1 .icon:before {
    font-size: 9px;
    vertical-align: top;
    padding-right: .6em;
    cursor: pointer
}

.fantasy-finder .topic-finder header .total,
.player-finder-table .topic-finder header .total {
    position: absolute;
    bottom: 18px;
    right: 150px;
    font-size: 14px;
    color: #ACACAC;
    font-family: proxima_semibold
}

@media screen and (max-width:640px) {
    .fantasy-finder .topic-finder header .total,
    .player-finder-table .topic-finder header .total {
        top: 65px;
        right: 10px
    }
}

.fantasy-finder .topic-finder header .sorter,
.player-finder-table .topic-finder header .sorter {
    position: absolute;
    bottom: 10px;
    right: 0
}

@media screen and (max-width:980px) {
    .fantasy-finder .topic-finder header .sorter,
    .player-finder-table .topic-finder header .sorter {
        right: 7px
    }
}

.fantasy-finder .topic-finder header .sorter:after,
.player-finder-table .topic-finder header .sorter:after {
    content: "\e002";
    font-family: icons;
    color: #CCC;
    font-size: 10px;
    position: absolute;
    right: 8px;
    top: 30%
}

.fantasy-finder .topic-finder header .sorter select,
.player-finder-table .topic-finder header .sorter select {
    border: 2px solid #E5E5E5;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: proxima_semibold;
    color: #202020;
    margin: 0;
    font-size: 14px;
    width: 140px;
    position: relative;
    z-index: 1
}

.player-finder-table .filterwrapper #quick-links {
    border-bottom: #E5E5E5 1px solid;
    padding: 10px;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #quick-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.player-finder-table .filterwrapper #quick-links h6 {
    display: inline-block;
    font-family: proxima_semibold!important;
    text-transform: uppercase;
    letter-spacing: normal;
    position: relative;
    padding: 9px 0;
    margin: 0 10px 0 0!important;
    color: #454545;
    font-size: 13px
}

.player-finder-table .filterwrapper #quick-links a {
    font-weight: 400;
    background: #FFF;
    border: #E5E5E5 1px solid!important;
    margin: 0 6px 0 0;
    padding: 7px 10px;
    outline: 0;
    color: #959595!important;
    cursor: pointer;
    display: inline-block
}

.player-finder-table .filterwrapper #quick-links a.selected {
    background: #0789E7;
    color: #000!important
}

.player-finder-table .filterwrapper #quick-links a:hover {
    color: #454545!important;
    font-weight: 600;
    background: #0789E7
}

.player-finder-table .filterwrapper #quick-links .links {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.player-finder-table .filterwrapper #quick-links button.embed-button {
    margin-left: 15px;
    width: 80px;
    height: 30px;
    border: none;
    background-color: #202020;
    color: #E5E5E5
}

@media screen and (max-width:767px) {
    .player-finder-table .filterwrapper #quick-links button.embed-button {
        margin: auto
    }
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #quick-links .search {
        display: inline-block;
        margin-top: 5px
    }
}

.player-finder-table .filterwrapper #quick-links .search .filter {
    padding: 0!important
}

.player-finder-table .filterwrapper #quick-links .search .filter input {
    text-indent: 22px;
    font-size: 13px!important;
    border: #E5E5E5 1px solid!important;
    min-width: 15em
}

.player-finder-table .filterwrapper #quick-links .search .search-name {
    position: relative
}

.player-finder-table .filterwrapper #quick-links .search .icon {
    padding: 0;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    left: 11px
}

.player-finder-table .filterwrapper #quick-links .search .icon:before {
    position: absolute
}

.player-finder-table .filterwrapper #quick-links .search input[type=search]::-webkit-search-cancel-button {
    margin-right: 5px
}

.player-finder-table .filterwrapper #filterbar h6 {
    font-family: proxima_semibold!important;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 12px;
    color: #454545
}

.player-finder-table .filterwrapper #filterbar h6 .clearInput {
    top: 30px;
    right: 25px
}

.player-finder-table .filterwrapper #filterbar .rf-combobox-list,
.player-finder-table .filterwrapper #filterbar input {
    font-size: 12px
}

.player-finder-table .filterwrapper #filterbar .boolean-button-filter div {
    background: #FFF;
    padding: 5px 10px
}

.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox] {
    display: none
}

.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox]+label {
    font-size: 11px;
    font-family: proxima_semibold;
    color: #959595;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 10px;
    padding: 8px;
    cursor: pointer;
    -webkit-border-radius: 24px;
    border-radius: 24px
}

.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox]+label:hover,
.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox]:checked+label {
    background: #0789E7;
    color: #202020
}

.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox]:disabled+label,
.player-finder-table .filterwrapper #filterbar .boolean-button-filter input[type=checkbox]:disabled+label:hover {
    color: #E5E5E5;
    background: #FFF;
    cursor: default
}

.player-finder-table .filterwrapper #filterbar .histogram-select {
    text-align: left
}

.player-finder-table .filterwrapper #filterbar .histogram-select .value {
    font-size: 13px
}

.player-finder-table .filterwrapper #filterbar .histogram-select h6 span:last-child:after {
    left: 50px;
    top: -3px
}

.player-finder-table .filterwrapper #filterbar .histogram-select.expanded {
    width: 270px
}

.player-finder-table .filterwrapper #filterbar .histogram-select header+header {
    padding-top: 0
}

.player-finder-table .filterwrapper #filterbar .histogram-select header+header h6 {
    margin-top: 0!important
}

.player-finder-table .filterwrapper #filterbar .histogram-select h6 .clearInput {
    top: 23px;
    background-color: transparent
}

.player-finder-table .filterwrapper #filterbar .basic {
    min-height: 180px
}

.player-finder-table .filterwrapper #filterbar .basic>div {
    display: inline-block;
    vertical-align: top
}

.player-finder-table .filterwrapper #filterbar .basic .na {
    color: #CCC;
    cursor: default
}

.player-finder-table .filterwrapper #filterbar .basic .schools-of-interest .drop-down {
    min-width: 250px
}

.player-finder-table .filterwrapper #filterbar .basic .class-year .drop-down,
.player-finder-table .filterwrapper #filterbar .basic .interest-level .drop-down {
    width: 194px
}

.player-finder-table .filterwrapper #filterbar .basic .rating {
    float: right;
    height: 180px
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #filterbar .basic .rating {
        float: none
    }
}

.player-finder-table .filterwrapper #filterbar .basic .rating .clearInput {
    left: 4em
}

.player-finder-table .filterwrapper #filterbar .basic .filter {
    padding: 10px 10px 0;
    display: inline-block;
    float: none
}

.player-finder-table .filterwrapper #filterbar .basic .filter.boolean-button-filter,
.player-finder-table .filterwrapper #filterbar .basic .filter.button-list,
.player-finder-table .filterwrapper #filterbar .basic .filter.date-histogram-select,
.player-finder-table .filterwrapper #filterbar .basic .filter.suggest-list {
    height: auto!important
}

.player-finder-table .filterwrapper #filterbar .basic .position .clearInput,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .clearInput {
    display: none
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list {
    width: 650px;
    height: auto!important
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list h6,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list h6 {
    width: 100%;
    float: none;
    margin: 5px 0 10px!important
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list .buttons,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list .buttons {
    margin: 0
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list button,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list button {
    margin: 0 6px 6px 0;
    padding: 7px 0;
    width: 3.5em
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list button:last-child,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list button:last-child {
    margin-right: 0
}

.player-finder-table .filterwrapper #filterbar .basic .position .button-list button:first-child,
.player-info .position .player-finder-table .filterwrapper #filterbar .basic .full-position .button-list button:first-child {
    width: 7.5em
}

.player-finder-table .filterwrapper #filterbar .advanced {
    margin-top: 15px;
    border-top: #E5E5E5 1px solid;
    width: 100%
}

.player-finder-table .filterwrapper #filterbar .advanced button {
    padding: 15px 0 0 15px
}

.player-finder-table .filterwrapper #filterbar .advanced .filter {
    padding: 15px 15px 0;
    display: inline-block
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #filterbar .advanced .filter {
        padding: 15px 10px 0 15px
    }
}

.player-finder-table .filterwrapper #filterbar .advanced .pulldowns {
    width: 40%;
    height: 175px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #filterbar .advanced .pulldowns {
        width: 100%;
        height: auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.player-finder-table .filterwrapper #filterbar .advanced .pulldowns .filter {
    height: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.player-finder-table .filterwrapper #filterbar .advanced .histograms {
    float: right;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:980px) {
    .player-finder-table .filterwrapper #filterbar .advanced .histograms {
        float: none
    }
}

.player-finder-table .filterwrapper #filterbar .advanced .weight .clearInput {
    left: 11em
}

.player-finder-table .filterwrapper #filterbar .advanced .height .clearInput {
    left: 6.6em
}

.player-finder-table #results .ad-border {
    border: none
}

.player-finder-table #results .responsive-table th {
    padding: 10px;
    height: 57px
}

.player-finder-table #results .responsive-table th.fortytime,
.player-finder-table #results .responsive-table th.posrank,
.player-finder-table #results .responsive-table th.scoutrank {
    width: 50px;
    white-space: pre-line!important
}

.player-finder-table #results .responsive-table th.currentTeam,
.player-finder-table #results .responsive-table th.highschool,
.player-finder-table #results .responsive-table th.name,
.player-finder-table #results .responsive-table th.schoolsinterest {
    text-align: left
}

.player-finder-table #results .responsive-table th .overall-rank-label {
    display: none
}

.player-finder-table #results .responsive-table td {
    position: inherit;
    height: 51px;
    font-family: proxima_semibold;
    font-size: 13px
}

.player-finder-table #results .responsive-table td a {
    line-height: 1.2;
    position: relative
}

.player-finder-table #results .responsive-table td.name {
    white-space: nowrap;
    width: 200px;
    font-size: 13px!important;
    padding: 0
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.name {
        width: auto!important
    }
}

.player-finder-table #results .responsive-table td.name .short-name {
    display: none
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.name .short-name {
        display: inline!important
    }
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.name .full-name {
        display: none
    }
}

.player-finder-table #results .responsive-table td.name .player-image-more {
    position: relative
}

.player-finder-table #results .responsive-table td.name .player-more {
    display: inline-block;
    margin: 8px 10px;
    padding-top: 3px
}

.player-finder-table #results .responsive-table td.name .player-more .overall-rank {
    display: none
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.name .player-more {
        margin: auto 10px
    }
}

.player-finder-table #results .responsive-table td.name .player-image,
.player-finder-table #results .responsive-table td.name .stadium-image-container {
    display: inline-block;
    width: 50px;
    position: relative
}

.player-finder-table #results .responsive-table td.name .player-image:before,
.player-finder-table #results .responsive-table td.name .stadium-image-container:before {
    content: "\e065";
    font-family: icons;
    position: absolute;
    top: 1px;
    left: 0;
    color: #959595;
    font-size: 35px;
    z-index: 1
}

.player-finder-table #results .responsive-table td.name .player-image img,
.player-finder-table #results .responsive-table td.name .stadium-image-container img {
    position: absolute;
    top: 0;
    z-index: 2
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.name .player-image,
    .player-finder-table #results .responsive-table td.name .stadium-image-container {
        display: none
    }
}

.player-finder-table #results .responsive-table td.name .player-rating {
    display: inline-block
}

.player-finder-table #results .responsive-table td.name .scout-stars {
    width: 80px;
    display: inline-block;
    margin: 0
}

.player-finder-table #results .responsive-table td.name .scout-stars .icon:before {
    font-size: 12px
}

.player-finder-table #results .responsive-table td.name .player-videos.icon:before {
    font-size: 8px;
    color: #454545;
    position: absolute;
    top: 9px
}

@media screen and (max-width:767px) {
    .player-finder-table #results .responsive-table td.name .player-videos.icon:before {
        top: 6px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .player-finder-table #results .responsive-table td.name .player-videos.icon:before {
        top: 4px
    }
}

.player-finder-table #results .responsive-table td.scoutrank .rank-nr {
    color: #959595
}

.player-finder-table #results .responsive-table td.visit {
    padding: 0!important
}

.player-finder-table #results .responsive-table td.fortytime .icon:before {
    font-size: 10px;
    margin-left: 5px;
    color: #5BB656
}

.player-finder-table #results .responsive-table td.fortytime .icon_check {
    vertical-align: initial;
    display: inline
}

.player-finder-table #results .responsive-table td.fortytime .toolbot {
    display: none
}

.player-finder-table #results .responsive-table td.fortytime a:hover+.toolbot {
    display: inline-block!important;
    text-transform: none;
    font-family: proxima_regular;
    background: #FFF;
    border: 1px solid #CCC;
    position: absolute;
    top: 75%;
    left: 10%;
    white-space: nowrap;
    z-index: 9998;
    font-size: 11px;
    padding: 5px;
    height: 25px;
    min-width: 100%;
    overflow: visible;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.player-finder-table #results .responsive-table td.fortytime .tool-arrow:after,
.player-finder-table #results .responsive-table td.fortytime .tool-arrow:before {
    bottom: 100%;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.player-finder-table #results .responsive-table td.fortytime .tool-arrow:after {
    border-bottom-color: #FFF;
    border-width: 5px;
    margin-left: -5px
}

.player-finder-table #results .responsive-table td.fortytime .tool-arrow:before {
    border-bottom-color: #CCC;
    border-width: 6px;
    margin-left: -6px
}

.player-finder-table #results .responsive-table td.highschool {
    text-align: left;
    padding: 3px 15px
}

.player-finder-table #results .responsive-table td.highschool .player-home-city-state,
.player-finder-table #results .responsive-table td.highschool .stadium-country {
    font-size: 11px;
    color: #959595
}

.player-finder-table #results .responsive-table td.schoolsinterest {
    text-align: left;
    padding: 8px 15px;
    width: 216px;
    position: relative
}

.player-finder-table #results .responsive-table td.schoolsinterest span.team-logo-wrap {
    vertical-align: sub
}

.player-finder-table #results .responsive-table td.schoolsinterest span.team-logo-wrap+span {
    padding-left: 5px;
    vertical-align: super;
    text-transform: uppercase;
    font-size: 12px
}

.player-finder-table #results .responsive-table td.schoolsinterest .icon:before {
    font-size: 10px;
    color: #959595
}

.player-finder-table #results .responsive-table td.schoolsinterest .top-5,
.player-finder-table #results .responsive-table td.schoolsinterest>div {
    display: inline-block;
    white-space: nowrap
}

.player-finder-table #results .responsive-table td.schoolsinterest .icon_arrow-down {
    vertical-align: super;
    cursor: pointer
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.schoolsinterest .icon_arrow-down {
        display: none
    }
}

.player-finder-table #results .responsive-table td.schoolsinterest .icon_arrow-right {
    display: none
}

@media screen and (max-width:980px) {
    .player-finder-table #results .responsive-table td.schoolsinterest .icon_arrow-right {
        display: inline;
        vertical-align: super;
        cursor: pointer;
        margin-left: 5px
    }
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-title,
.player-finder-table #results .responsive-table td.schoolsinterest .schools-verbal {
    text-transform: uppercase;
    font-size: 12px
}

.player-finder-table #results .responsive-table td.schoolsinterest .team-logo {
    margin: 0 5px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.player-finder-table #results .responsive-table td.schoolsinterest .committed {
    font-family: proxima_extrabold;
    font-size: 12px
}

.player-finder-table #results .responsive-table td.schoolsinterest .commitdate {
    font-family: proxima_semibold;
    color: #959595
}

.player-finder-table #results .responsive-table td.schoolsinterest .popup {
    display: none
}

.player-finder-table #results .responsive-table td.schoolsinterest .popup.show {
    display: inline-block!important;
    text-transform: none;
    background: #FFF;
    border: 1px solid #CCC;
    position: absolute;
    top: 80%;
    left: -10px;
    z-index: 9999;
    font-size: 11px;
    padding: 5px 20px;
    width: 226px;
    overflow: visible;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.player-finder-table #results .responsive-table td.schoolsinterest .popup-arrow:after,
.player-finder-table #results .responsive-table td.schoolsinterest .popup-arrow:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.player-finder-table #results .responsive-table td.schoolsinterest .popup-arrow:after {
    border-bottom-color: #FFF;
    border-width: 5px;
    margin-left: -5px
}

.player-finder-table #results .responsive-table td.schoolsinterest .popup-arrow:before {
    border-bottom-color: #CCC;
    border-width: 6px;
    margin-left: -6px
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .interest-title {
    font-family: proxima_semibold;
    font-size: 14px;
    padding: 0 0 5px 3px
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .row {
    border-bottom: 1px solid #CCC;
    text-align: left
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .row:last-of-type {
    border-bottom: none
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .offer-tag {
    background: #0789E7;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -8px;
    border: 2px solid #FFF
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .offer-tag:before {
    font-size: 5px;
    line-height: 0;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 2px
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .team-logo {
    position: relative;
    margin: 2px 7px
}

.player-finder-table #results .responsive-table td.schoolsinterest .interest-popup .schools .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.player-finder-table #results .responsive-table td.currentTeam {
    text-align: left;
    padding: 8px 15px;
    width: 250px
}

.player-finder-table #results .responsive-table td.currentTeam .team-logo-wrap {
    margin-right: 5px
}

.player-finder-table #results .responsive-table td.currentTeam .team-logo {
    margin: 0 4px
}

.player-finder-table #results .responsive-table td.currentTeam>div {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle
}

.fantasy-finder .topic-finder.compact .filterwrapper,
.player-finder-table .topic-finder.compact .filterwrapper {
    padding: 0;
    margin: 0!important
}

.fantasy-finder .topic-finder.compact #filterbar,
.player-finder-table .topic-finder.compact #filterbar {
    margin: 0;
    border: none;
    height: auto;
    background: 0 0
}

.fantasy-finder .topic-finder.compact #filterbar h5,
.player-finder-table .topic-finder.compact #filterbar h5 {
    background: #454545;
    padding: 10px;
    margin: 0!important;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700
}

.fantasy-finder .topic-finder.compact h1,
.player-finder-table .topic-finder.compact h1 {
    line-height: 1;
    display: block;
    font-size: 34px;
    font-weight: bold !important;
    margin: 0 10px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    padding: 20px;
    border-top: 1px solid #CCC;
    zoom: 150%;
}

.fantasy-finder .topic-finder.compact header,
.player-finder-table .topic-finder.compact header {
    padding: 0;
    zoom: 165%;
}

.fantasy-finder .topic-finder.compact header .clear-apply-buttons,
.player-finder-table .topic-finder.compact header .clear-apply-buttons {
    background: #202020
}

.fantasy-finder .topic-finder.compact header button,
.player-finder-table .topic-finder.compact header button {
    margin: 0;
    padding: 0
}

.fantasy-finder .topic-finder.compact header button.apply,
.fantasy-finder .topic-finder.compact header button.clear-all,
.player-finder-table .topic-finder.compact header button.apply,
.player-finder-table .topic-finder.compact header button.clear-all {
    margin: 20px 0 20px 20px;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    height: 35px;
    font-family: bebas_neue;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700
}

.fantasy-finder .topic-finder.compact header button.clear-all,
.player-finder-table .topic-finder.compact header button.clear-all {
    color: #FFF;
    background: #7d7d7d
}

.fantasy-finder .topic-finder.compact header button.apply,
.player-finder-table .topic-finder.compact header button.apply {
    color: #000;
    background: #0789E7
}

.fantasy-finder .topic-finder.compact header .sorter,
.player-finder-table .topic-finder.compact header .sorter {
    top: 11px
}

.fantasy-finder .topic-finder.compact header .sorter:after,
.player-finder-table .topic-finder.compact header .sorter:after {
    top: 10%;
    right: 20px
}

.fantasy-finder .topic-finder.compact header .sorter select,
.player-finder-table .topic-finder.compact header .sorter select {
    border: none;
    font-size: 15px!important
}

.fantasy-finder .topic-finder.compact header>.toggle-filters span:first-child,
.player-finder-table .topic-finder.compact header>.toggle-filters span:first-child {
    color: #202020;
    font-size: 36px
}

.fantasy-finder .topic-finder.compact header>.toggle-filters span:first-child:before,
.player-finder-table .topic-finder.compact header>.toggle-filters span:first-child:before {
    color: #959595;
    content: "\e06F";
    font-family: icons;
    font-size: 36px;
    vertical-align: bottom;
    padding-right: 20px
}

.fantasy-finder .topic-finder.compact header>.toggle-filters span:first-child:after,
.player-finder-table .topic-finder.compact header>.toggle-filters span:first-child:after {
    display: none
}

.fantasy-finder .topic-finder.compact header>.toggle-filters .gleam-count,
.player-finder-table .topic-finder.compact header>.toggle-filters .gleam-count {
    color: #FFF;
    left: 55px;
    top: -10px;
    width: 22px;
    height: 22px;
    font-size: 11px
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.closed,
.player-finder-table .topic-finder.compact header>.toggle-filters.closed {
    margin: 15px;
    width: -webkit-calc(52% - 15px);
    width: calc(52% - 15px);
    background: #FFF;
    border-right: 1px solid #CCC
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open,
.player-finder-table .topic-finder.compact header>.toggle-filters.open {
    background: #202020;
    width: 100%;
    border: none;
    padding: 10px 10px 0
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open:before,
.player-finder-table .topic-finder.compact header>.toggle-filters.open:before {
    content: "\e05D";
    font-family: icons;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    left: 10px
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open:after,
.player-finder-table .topic-finder.compact header>.toggle-filters.open:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #454545;
    display: block;
    margin-top: 10px
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open span,
.player-finder-table .topic-finder.compact header>.toggle-filters.open span {
    color: #FFF;
    font-family: bebas_neue!important;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 700
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open span:first-child,
.player-finder-table .topic-finder.compact header>.toggle-filters.open span:first-child {
    display: inline-block;
    vertical-align: bottom
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.open .gleam-count,
.fantasy-finder .topic-finder.compact header>.toggle-filters.open span:before,
.player-finder-table .topic-finder.compact header>.toggle-filters.open .gleam-count,
.player-finder-table .topic-finder.compact header>.toggle-filters.open span:before {
    display: none
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.closed {
    border: none;
    text-align: left;
    zoom: 150%;
}

.fantasy-finder .topic-finder.compact header>.toggle-filters.closed .gleam-count {
    left: 24px
}

.fantasy-finder .topic-finder.compact #quick-links,
.player-finder-table .topic-finder.compact #quick-links {
    padding: 0;
    margin-bottom: 15px;
    background: #202020;
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fantasy-finder .topic-finder.compact #quick-links h6,
.player-finder-table .topic-finder.compact #quick-links h6 {
    display: block;
    background: #454545;
    padding: 10px;
    margin: 0!important;
    color: #FFF;
    font-family: bebas_neue!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700
}

.fantasy-finder .topic-finder.compact #quick-links a,
.player-finder-table .topic-finder.compact #quick-links a {
    position: relative;
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 15px 15px 15px 40px;
    text-transform: uppercase;
    color: #202020!important;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    font-family: proxima_semibold
}

.fantasy-finder .topic-finder.compact #quick-links a:before,
.player-finder-table .topic-finder.compact #quick-links a:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #quick-links a.selected:before,
.player-finder-table .topic-finder.compact #quick-links a.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #quick-links a:active,
.fantasy-finder .topic-finder.compact #quick-links a:hover,
.player-finder-table .topic-finder.compact #quick-links a:active,
.player-finder-table .topic-finder.compact #quick-links a:hover {
    background: #FFF
}

.fantasy-finder .topic-finder.compact #quick-links a:active:before,
.fantasy-finder .topic-finder.compact #quick-links a:hover:before,
.player-finder-table .topic-finder.compact #quick-links a:active:before,
.player-finder-table .topic-finder.compact #quick-links a:hover:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0789E7;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #quick-links a:active.selected:before,
.fantasy-finder .topic-finder.compact #quick-links a:hover.selected:before,
.player-finder-table .topic-finder.compact #quick-links a:active.selected:before,
.player-finder-table .topic-finder.compact #quick-links a:hover.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #quick-links .search,
.player-finder-table .topic-finder.compact #quick-links .search {
    margin: 10px
}

.fantasy-finder .topic-finder.compact #quick-links .search .filter,
.player-finder-table .topic-finder.compact #quick-links .search .filter {
    -webkit-border-radius: 0;
    border-radius: 0
}

.fantasy-finder .topic-finder.compact #quick-links .search input,
.player-finder-table .topic-finder.compact #quick-links .search input {
    width: 97%;
    height: 40px;
    text-indent: 45px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #959595!important
}

.fantasy-finder .topic-finder.compact #quick-links .search button,
.player-finder-table .topic-finder.compact #quick-links .search button {
    background: #454545;
    height: 40px;
    width: 48px
}

.fantasy-finder .topic-finder.compact #quick-links .search .icon,
.player-finder-table .topic-finder.compact #quick-links .search .icon {
    left: 0;
    top: 0
}

.fantasy-finder .topic-finder.compact #quick-links .search .icon:before,
.player-finder-table .topic-finder.compact #quick-links .search .icon:before {
    color: #0789E7;
    top: 18px;
    left: 18px;
    font-size: 16px
}

.fantasy-finder .topic-finder.compact #quick-links .filter,
.player-finder-table .topic-finder.compact #quick-links .filter {
    width: 100%;
    float: none
}

.fantasy-finder .topic-finder.compact #filterbar #filters .basic>div,
.player-finder-table .topic-finder.compact #filterbar #filters .basic>div {
    height: auto;
    display: block;
    margin-bottom: 5px;
    background-color: #FFF;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter,
.player-finder-table .topic-finder.compact #filterbar #filters .filter {
    padding: 0!important;
    height: auto!important;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: inherit;
    display: inline-block;
    float: none
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.selected:before {
    padding: 0 2px!important;
    margin-right: 5px;
    background: #0789E7;
    height: 100px;
    content: "•";
    float: left;
    font-size: 20px;
    color: #000;
    line-height: 1.7
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter header,
.player-finder-table .topic-finder.compact #filterbar #filters .filter header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px;
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0!important;
    font-size: 24px;
    font-family: proxima_semibold;
    text-transform: uppercase;
    color: #202020;
    letter-spacing: normal;
    padding:20px;
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+label,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+label {
    padding-right: 5px;
    font-size: 12px;
    margin: 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+label+button,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+label+button {
    margin-right: 8px;
    width: 16px;
    height: 16px!important;
    padding: 0!important;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    font-size: 12px;
    font-family: proxima_extrabold;
    line-height: 1;
    background: #CCC
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+label+button.clear,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+label+button.clear {
    color: #FFF
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+.icon:before,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+label+.icon:before,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter h6+label+button+.icon:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+.icon:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+label+.icon:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter h6+label+button+.icon:before {
    color: #959595;
    font-size: 10px;
    vertical-align: super
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter select,
.player-finder-table .topic-finder.compact #filterbar #filters .filter select {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    border: 1px solid #E5E5E5!important;
    height: 60px!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    color: #959595!important;
    margin: 0 10px;
    font-weight: bold;
    font-size: 24px;
    font-family: proxima_regular;
    zoom: 150%;
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.fantasy-week,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.fantasy-week, .ppr-filter {
    margin: 10px 0;
    zoom: 150%;
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.fantasy-week .icon_arrow-down,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.fantasy-week .icon_arrow-down {
    position: absolute;
    right: 20px;
    bottom: 12px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.suggest-list,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.suggest-list {
    margin: 10px 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.suggest-list:after,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.suggest-list:after {
    content: "\e002";
    font-family: icons;
    color: #CCC;
    position: absolute;
    right: 6%;
    top: 38%;
    font-size: 8px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter {
    background-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name {
    margin: 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name input,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name input {
    -webkit-border-radius: 0;
    border-radius: 0;
    text-indent: 40px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name input[type=search]::-webkit-search-cancel-button,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter .search-name input[type=search]::-webkit-search-cancel-button {
    margin-right: 5px
}

@media screen and (max-width:767px) {
    .fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter,
    .player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter {
        padding-top: 0!important
    }
    .fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter button.icon_search,
    .player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter button.icon_search {
        top: 10px;
        left: 15px;
        padding: 6px 15px 6px 6px;
        background-color: #454545
    }
    .fantasy-finder .topic-finder.compact #filterbar #filters .filter.text-box-filter button.icon_search:before,
    .player-finder-table .topic-finder.compact #filterbar #filters .filter.text-box-filter button.icon_search:before {
        color: #0789E7;
        font-size: 16px
    }
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons {
    margin: 10px;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    zoom: 150%;
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button {
    width: 100px !important;
    height: 100px;
    border: 0!important;
    border-right: 1px solid #E5E5E5!important;
    border-bottom: 1px solid #E5E5E5!important;
    margin: 0!important;
    position: relative;
    color: #959595!important;
    font-size: 24px;
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button:before,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button.selected:before,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button.selected,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button.selected,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button.selected,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button.selected {
    background: #FFF!important;
    background-color: #FFF!important;
    font-weight: 600;
    color: #000!important
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button:first-child,
.fantasy-finder .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button:first-child,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.position-filter .buttons button:first-child,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.button-list.positions-filter .buttons button:first-child {
    width: 100%
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter .td-count,
.player-finder-table .topic-finder.compact #filterbar #filters .filter .td-count {
    padding: 0;
    height: inherit
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter .td-count button,
.player-finder-table .topic-finder.compact #filterbar #filters .filter .td-count button {
    margin: 0!important;
    position: relative;
    color: #959595!important;
    font-size: 14px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter .td-count button:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter .td-count button:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter .td-count button.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter .td-count button.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter .td-count button.selected,
.player-finder-table .topic-finder.compact #filterbar #filters .filter .td-count button.selected {
    font-weight: 600;
    color: #000!important
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.rating-filter h6 span:last-child:after,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.rating-filter h6 span:last-child:after {
    display: none
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter div,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter div {
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    margin: 10px 10px 20px;
    padding: 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox],
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox] {
    display: none
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label {
    font-size: 13px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 1.2em;
    width: 33.3%;
    height: 43px;
    border: 0!important;
    border-right: 1px solid #E5E5E5!important;
    border-bottom: 1px solid #E5E5E5!important;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0!important;
    position: relative
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]+label.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label {
    color: #000;
    font-weight: 600;
    background: 0 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0789E7;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:checked+label.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label {
    color: #E5E5E5;
    background: 0 0
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label.selected:before,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.boolean-button-filter input[type=checkbox]:disabled+label.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.histogram-select,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.histogram-select {
    text-align: center
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.histogram-select .value,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.histogram-select .value {
    margin: 10px 10px 0;
    font-size: 14px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .filter.histogram-select svg,
.player-finder-table .topic-finder.compact #filterbar #filters .filter.histogram-select svg {
    margin: 10px 0;
    width: 300px
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .pulldowns,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .pulldowns {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .pulldowns>div,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .pulldowns>div {
    margin-bottom: 5px;
    background-color: #FFF;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .toggle-filters,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .toggle-filters {
    color: #FFF!important;
    width: 100%;
    text-align: left;
    background: #454545;
    padding: 10px!important;
    margin: 0!important;
    font-family: bebas_neue!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .toggle-filters span:after,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .toggle-filters span:after {
    display: none
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .histograms,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .histograms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.fantasy-finder .topic-finder.compact #filterbar #filters .advanced .histograms>div,
.player-finder-table .topic-finder.compact #filterbar #filters .advanced .histograms>div {
    margin-bottom: 5px;
    background-color: #FFF;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5
}

.player-finder-table .topic-finder.compact #results table {
    margin-bottom: 0
}

.player-finder-table .topic-finder.compact #results .overall-rank-label {
    display: inline!important
}

.player-finder-table .topic-finder.compact #results td.scoutrank,
.player-finder-table .topic-finder.compact #results th.scoutrank {
    display: none
}

.player-finder-table .topic-finder.compact #results td .player-more .overall-rank {
    display: inline-block;
    text-align: center;
    padding: 2px 0 0;
    width: 25px;
    margin-right: 3px;
    background-color: #DDD;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    position: inherit;
    top: -3px
}

.fantasy-finder,
.fantasy-finder .topic-finder.compact #results,
.player-finder-table {
    background: #FFF
}

.fantasy-finder .topic-finder.compact #results header,
.fantasy-finder header,
.player-finder-table header {
    max-width: 980px
}

.fantasy-finder .topic-finder.compact #results header h1,
.fantasy-finder header h1,
.player-finder-table header h1 {
    margin: 10px 0 15px;
    display: inline;
    padding-left: 20px;
    font-size: 26px
}

.fantasy-finder .topic-finder.compact #results button.toggle-filters,
.fantasy-finder button.toggle-filters,
.player-finder-table button.toggle-filters {
    padding: 15px 30px;
    background: #F5F5F5;
    outline: 0;
    border: none;
    font-family: proxima_semibold;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    color: #959595;
    overflow: visible
}

.fantasy-finder .topic-finder.compact #results button.toggle-filters span:first-child:after,
.fantasy-finder button.toggle-filters span:first-child:after,
.player-finder-table button.toggle-filters span:first-child:after {
    content: "\e002";
    font-family: icons;
    font-size: 9px;
    color: #959595;
    position: relative;
    right: -10px;
    top: 0
}

.fantasy-finder .topic-finder.compact #results button.toggle-filters .gleam-count,
.fantasy-finder button.toggle-filters .gleam-count,
.player-finder-table button.toggle-filters .gleam-count {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #454545;
    width: 25px;
    height: 25px;
    padding: 3px 5px;
    color: #0789E7;
    position: absolute;
    right: -12px;
    top: -5px;
    border: 2px solid #FFF
}

.fantasy-finder .topic-finder.compact #results button.toggle-filters:hover,
.fantasy-finder button.toggle-filters:hover,
.player-finder-table button.toggle-filters:hover {
    cursor: pointer
}

.fantasy-finder .filterwrapper,
.fantasy-finder .topic-finder.compact #results .filterwrapper,
.player-finder-table .filterwrapper {
    background: #F5F5F5
}

.fantasy-finder .filterwrapper #filters,
.fantasy-finder .topic-finder.compact #results .filterwrapper #filters,
.player-finder-table .filterwrapper #filters {
    padding: 0;
    border: 0
}

.fantasy-finder .filterwrapper.large-4,
.fantasy-finder .filterwrapper.large-8,
.fantasy-finder .filterwrapper.medium-4,
.fantasy-finder .filterwrapper.medium-8,
.fantasy-finder .topic-finder.compact #results .filterwrapper.large-4,
.fantasy-finder .topic-finder.compact #results .filterwrapper.large-8,
.fantasy-finder .topic-finder.compact #results .filterwrapper.medium-4,
.fantasy-finder .topic-finder.compact #results .filterwrapper.medium-8,
.player-finder-table .filterwrapper.large-4,
.player-finder-table .filterwrapper.large-8,
.player-finder-table .filterwrapper.medium-4,
.player-finder-table .filterwrapper.medium-8 {
    max-width: 980px;
    min-width: 980px;
    margin: 0 0 20px!important;
    padding: 10px 10px 15px
}

@media screen and (max-width:980px) {
    .fantasy-finder .filterwrapper.large-4,
    .fantasy-finder .filterwrapper.large-8,
    .fantasy-finder .filterwrapper.medium-4,
    .fantasy-finder .filterwrapper.medium-8,
    .fantasy-finder .topic-finder.compact #results .filterwrapper.large-4,
    .fantasy-finder .topic-finder.compact #results .filterwrapper.large-8,
    .fantasy-finder .topic-finder.compact #results .filterwrapper.medium-4,
    .fantasy-finder .topic-finder.compact #results .filterwrapper.medium-8,
    .player-finder-table .filterwrapper.large-4,
    .player-finder-table .filterwrapper.large-8,
    .player-finder-table .filterwrapper.medium-4,
    .player-finder-table .filterwrapper.medium-8 {
        min-width: 100%
    }
}

.fantasy-finder .filter,
.fantasy-finder .topic-finder.compact #results .filter,
.player-finder-table .filter {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    float: left
}

.fantasy-finder .filter>div,
.fantasy-finder .topic-finder.compact #results .filter>div,
.player-finder-table .filter>div {
    position: relative
}

@media screen and (max-width:767px) {
    .fantasy-finder .filter,
    .fantasy-finder .topic-finder.compact #results .filter,
    .player-finder-table .filter {
        padding: 35px 0 0!important
    }
    .fantasy-finder .filter header h6,
    .fantasy-finder .topic-finder.compact #results .filter header h6,
    .player-finder-table .filter header h6 {
        margin: 0!important
    }
}

.fantasy-finder .filter.fantasy-scoring-method,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method,
.player-finder-table .filter.fantasy-scoring-method {
    width: 40%
}

.fantasy-finder .filter.fantasy-ppr,
.fantasy-finder .filter.fantasy-qb-td,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-ppr,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td,
.player-finder-table .filter.fantasy-ppr,
.player-finder-table .filter.fantasy-qb-td {
    width: 25%
}

.fantasy-finder .filter.fantasy-qb-td .td-count,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td .td-count,
.player-finder-table .filter.fantasy-qb-td .td-count {
    padding: 5px;
    background: #FFF;
    font-size: 12px;
    text-align: center;
    height: 35px
}

.fantasy-finder .filter.fantasy-qb-td .td-count button,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td .td-count button,
.player-finder-table .filter.fantasy-qb-td .td-count button {
    text-align: center;
    border: none;
    outline: 0;
    font-size: 18px;
    font-family: proxima_extrabold;
    color: #959595!important;
    background: 0 0;
    margin-top: -6px;
    cursor: pointer;
    padding: 0
}

.fantasy-finder .filter.fantasy-qb-td .td-count button:first-child,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td .td-count button:first-child,
.player-finder-table .filter.fantasy-qb-td .td-count button:first-child {
    float: left
}

.fantasy-finder .filter.fantasy-qb-td .td-count button:last-child,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td .td-count button:last-child,
.player-finder-table .filter.fantasy-qb-td .td-count button:last-child {
    float: right
}

@media screen and (max-width:767px) {
    .fantasy-finder .filter.fantasy-qb-td .td-count,
    .fantasy-finder .topic-finder.compact #results .filter.fantasy-qb-td .td-count,
    .player-finder-table .filter.fantasy-qb-td .td-count {
        height: 45px
    }
}

.fantasy-finder .filter.button-list,
.fantasy-finder .topic-finder.compact #results .filter.button-list,
.player-finder-table .filter.button-list {
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 50px;
    padding: 5px
}

@media screen and (max-width:767px) {
    .fantasy-finder .filter.button-list,
    .fantasy-finder .topic-finder.compact #results .filter.button-list,
    .player-finder-table .filter.button-list {
        padding: 0;
        margin: 0
    }
    .fantasy-finder .filter.button-list .buttons a,
    .fantasy-finder .topic-finder.compact #results .filter.button-list .buttons a,
    .player-finder-table .filter.button-list .buttons a {
        display: none
    }
    .fantasy-finder .filter.button-list .buttons button,
    .fantasy-finder .topic-finder.compact #results .filter.button-list .buttons button,
    .player-finder-table .filter.button-list .buttons button {
        margin: 0 7px 7px 0!important;
        border: 2px solid #E5E5E5!important;
        text-transform: uppercase
    }
}

.fantasy-finder .filter.button-list h6,
.fantasy-finder .topic-finder.compact #results .filter.button-list h6,
.player-finder-table .filter.button-list h6 {
    width: 12%;
    float: left;
    margin: 10px 0 20px!important
}

.fantasy-finder .filter.button-list .buttons,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons,
.player-finder-table .filter.button-list .buttons {
    margin: 3px
}

.fantasy-finder .filter.button-list .buttons button,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons button,
.player-finder-table .filter.button-list .buttons button {
    background: #FFF;
    border: none;
    margin: 0 3px;
    padding: 7px 10px;
    outline: 0;
    font-size: 11px;
    color: #959595!important;
    cursor: pointer;
    text-transform: uppercase
}

.fantasy-finder .filter.button-list .buttons button.selected,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons button.selected,
.player-finder-table .filter.button-list .buttons button.selected {
    background: #0789E7;
    color: #fff!important
}

.fantasy-finder .filter.button-list .buttons button:hover,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons button:hover,
.player-finder-table .filter.button-list .buttons button:hover {
    color: #FFF!important;
    font-weight: 600;
    background: #454545
}

@media screen and (max-width:767px) {
    .fantasy-finder .filter.button-list .buttons button:hover,
    .fantasy-finder .topic-finder.compact #results .filter.button-list .buttons button:hover,
    .player-finder-table .filter.button-list .buttons button:hover {
        color: #959595!important;
        font-weight: 400;
        background: #FFF
    }
}

.fantasy-finder .filter.button-list .buttons a,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons a,
.player-finder-table .filter.button-list .buttons a {
    font-size: 11px;
    margin: 0 3px;
    font-weight: 400;
    padding: 7px 10px;
    color: #454545!important
}

.fantasy-finder .filter.button-list .buttons a span:before,
.fantasy-finder .topic-finder.compact #results .filter.button-list .buttons a span:before,
.player-finder-table .filter.button-list .buttons a span:before {
    font-size: 14px;
    margin: 0 3px
}

@media screen and (max-width:767px) {
    .fantasy-finder .filter.button-list header h6,
    .fantasy-finder .topic-finder.compact #results .filter.button-list header h6,
    .player-finder-table .filter.button-list header h6 {
        float: none;
        margin: 0
    }
}

.fantasy-finder .filter.fantasy-week select,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-week select,
.player-finder-table .filter.fantasy-week select {
    height: 35px;
    font-size: 13px;
    font-family: proxima_regular;
    color: #959595!important;
    background: #FFF!important;
    margin: 0 7px 0 0;
    border: none!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.fantasy-finder .filter.fantasy-week .selected select,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-week .selected select,
.player-finder-table .filter.fantasy-week .selected select {
    border: 2px solid #0789E7!important
}

.fantasy-finder .filter.fantasy-week .icon_arrow-down,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-week .icon_arrow-down,
.player-finder-table .filter.fantasy-week .icon_arrow-down {
    pointer-events: none;
    z-index: 9
}

.fantasy-finder .filter.fantasy-week .icon_arrow-down:before,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-week .icon_arrow-down:before,
.player-finder-table .filter.fantasy-week .icon_arrow-down:before {
    font-size: 7px;
    color: #959595
}

.fantasy-finder .filter.fantasy-week .icon_arrow-down,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-week .icon_arrow-down,
.player-finder-table .filter.fantasy-week .icon_arrow-down {
    position: absolute;
    right: 10px;
    bottom: 12px
}

.fantasy-finder .filter.fantasy-scoring-method,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method,
.player-finder-table .filter.fantasy-scoring-method {
    position: relative
}

.fantasy-finder .filter.fantasy-scoring-method select,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method select,
.player-finder-table .filter.fantasy-scoring-method select {
    height: 35px;
    font-size: 13px;
    font-family: proxima_regular;
    color: #959595!important;
    background: #FFF!important;
    margin: 0 7px 0 0;
    border: none!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.fantasy-finder .filter.fantasy-scoring-method .selected select,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .selected select,
.player-finder-table .filter.fantasy-scoring-method .selected select {
    border: 2px solid #0789E7!important
}

.fantasy-finder .filter.fantasy-scoring-method .icon_arrow-down,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .icon_arrow-down,
.player-finder-table .filter.fantasy-scoring-method .icon_arrow-down {
    pointer-events: none;
    z-index: 9
}

.fantasy-finder .filter.fantasy-scoring-method .icon_arrow-down:before,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .icon_arrow-down:before,
.player-finder-table .filter.fantasy-scoring-method .icon_arrow-down:before {
    font-size: 7px;
    color: #959595
}

.fantasy-finder .filter.fantasy-scoring-method select,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method select,
.player-finder-table .filter.fantasy-scoring-method select {
    width: 40%
}

.fantasy-finder .filter.fantasy-scoring-method .icon_arrow-down,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .icon_arrow-down,
.player-finder-table .filter.fantasy-scoring-method .icon_arrow-down {
    position: relative;
    right: 28px;
    bottom: 12px
}

.fantasy-finder .filter.fantasy-scoring-method .scoringmethod-row,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .scoringmethod-row,
.player-finder-table .filter.fantasy-scoring-method .scoringmethod-row {
    border-bottom: 1px solid #E5E5E5
}

.fantasy-finder .filter.fantasy-scoring-method .scoringmethod-row button:first-child,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .scoringmethod-row button:first-child,
.player-finder-table .filter.fantasy-scoring-method .scoringmethod-row button:first-child {
    border: 0;
    padding: 13px 20px 0 30px
}

.fantasy-finder .filter.fantasy-scoring-method .scoringmethod-row button:first-child:before,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .scoringmethod-row button:first-child:before,
.player-finder-table .filter.fantasy-scoring-method .scoringmethod-row button:first-child:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 15px;
    top: 17px
}

.fantasy-finder .filter.fantasy-scoring-method .scoringmethod-row button:first-child.selected:before,
.fantasy-finder .topic-finder.compact #results .filter.fantasy-scoring-method .scoringmethod-row button:first-child.selected:before,
.player-finder-table .filter.fantasy-scoring-method .scoringmethod-row button:first-child.selected:before {
    background: #0789E7;
    border-color: #000
}

.fantasy-finder .topic-finder.compact #results h6,
.fantasy-finder h6,
.player-finder-table h6 {
    color: #FFF;
    background: 0 0;
    margin: 5px 0 10px!important
}

.fantasy-finder .topic-finder.compact #results h6:after,
.fantasy-finder h6:after,
.player-finder-table h6:after {
    display: none
}

.fantasy-finder #results,
.fantasy-finder .topic-finder.compact #results #results,
.player-finder-table #results {
    max-width: 980px;
    font-family: proxima_regular;
    padding: 0
}

.fantasy-finder #results.medium-8,
.fantasy-finder .topic-finder.compact #results #results.medium-8,
.player-finder-table #results.medium-8 {
    min-width: 980px
}

@media screen and (max-width:980px) {
    .fantasy-finder #results.medium-8,
    .fantasy-finder .topic-finder.compact #results #results.medium-8,
    .player-finder-table #results.medium-8 {
        min-width: 100%;
        margin: 0!important
    }
}

.fantasy-finder #results hr,
.fantasy-finder .topic-finder.compact #results #results hr,
.player-finder-table #results hr {
    display: none
}

.fantasy-finder #results h1,
.fantasy-finder .topic-finder.compact #results #results h1,
.player-finder-table #results h1 {
    font-size: 22px;
    line-height: 22px;
    margin: 15px 0 25px 15px
}

.fantasy-finder #results table,
.fantasy-finder .topic-finder.compact #results #results table,
.player-finder-table #results table {
    width: 99%;
    border-collapse: initial!important;
    border: 1px solid #E5E5E5;
    font-size: 14px
}

.fantasy-finder #results table th,
.fantasy-finder .topic-finder.compact #results #results table th,
.player-finder-table #results table th {
    background: #454545;
    color: #FFF;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    border: 1px solid #7d7d7d;
    padding-left: 15px;
	padding-right: 15px;
    text-align: center
}

.fantasy-finder #results table th.rank,
.fantasy-finder .topic-finder.compact #results #results table th.rank,
.player-finder-table #results table th.rank {
    text-align: center
}

.fantasy-finder #results table th.name,
.fantasy-finder .topic-finder.compact #results #results table th.name,
.player-finder-table #results table th.name {
    text-align: left;
    padding: 15px 10px
}

.fantasy-finder #results table td,
.fantasy-finder .topic-finder.compact #results #results table td,
.player-finder-table #results table td {
    text-align: center
}

.fantasy-finder #results table td.opponent .away,
.fantasy-finder .topic-finder.compact #results #results table td.opponent .away,
.player-finder-table #results table td.opponent .away {
    font-size: 13px;
    position: absolute;
    left: -12px;
    top: 0
}

.fantasy-finder #results table td.opponent .team-logo,
.fantasy-finder .topic-finder.compact #results #results table td.opponent .team-logo,
.player-finder-table #results table td.opponent .team-logo {
    display: inline-block;
    vertical-align: middle
}

.fantasy-finder #results table td.name,
.fantasy-finder .topic-finder.compact #results #results table td.name,
.player-finder-table #results table td.name {
    text-align: left
}

.fantasy-finder #results table td.name .scout-stars,
.fantasy-finder .topic-finder.compact #results #results table td.name .scout-stars,
.player-finder-table #results table td.name .scout-stars {
    display: block
}

.fantasy-finder #results table td.name .scout-stars .icon:before,
.fantasy-finder .topic-finder.compact #results #results table td.name .scout-stars .icon:before,
.player-finder-table #results table td.name .scout-stars .icon:before {
    font-size: 12px
}

.fantasy-finder #results table td.visit a,
.fantasy-finder .topic-finder.compact #results #results table td.visit a,
.player-finder-table #results table td.visit a {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.fantasy-finder #results table td,
.fantasy-finder #results table tr,
.fantasy-finder .topic-finder.compact #results #results table td,
.fantasy-finder .topic-finder.compact #results #results table tr,
.player-finder-table #results table td,
.player-finder-table #results table tr {
		vertical-align: middle;
    height: 55px;
    padding: 5px;
    border: 1px solid #E5E5E5
}

.fantasy-finder #results table td.ad-row,
.fantasy-finder #results table tr.ad-row,
.fantasy-finder .topic-finder.compact #results #results table td.ad-row,
.fantasy-finder .topic-finder.compact #results #results table tr.ad-row,
.player-finder-table #results table td.ad-row,
.player-finder-table #results table tr.ad-row {
    height: 50px
}

.fantasy-finder #results table td a,
.fantasy-finder #results table tr a,
.fantasy-finder .topic-finder.compact #results #results table td a,
.fantasy-finder .topic-finder.compact #results #results table tr a,
.player-finder-table #results table td a,
.player-finder-table #results table tr a {
    font-weight: 500;
    position: relative;
    width: 100%
}

.fantasy-finder #results table td .toolbot,
.fantasy-finder #results table tr .toolbot,
.fantasy-finder .topic-finder.compact #results #results table td .toolbot,
.fantasy-finder .topic-finder.compact #results #results table tr .toolbot,
.player-finder-table #results table td .toolbot,
.player-finder-table #results table tr .toolbot {
    display: inline-block !important;
}

.fantasy-finder #results table td .toolbot .tool-arrow:before,
.fantasy-finder #results table td .toolbot.tool-arrow:after,
.fantasy-finder #results table tr .toolbot .tool-arrow:before,
.fantasy-finder #results table tr .toolbot.tool-arrow:after,
.fantasy-finder .topic-finder.compact #results #results table td .toolbot .tool-arrow:before,
.fantasy-finder .topic-finder.compact #results #results table td .toolbot.tool-arrow:after,
.fantasy-finder .topic-finder.compact #results #results table tr .toolbot .tool-arrow:before,
.fantasy-finder .topic-finder.compact #results #results table tr .toolbot.tool-arrow:after,
.player-finder-table #results table td .toolbot .tool-arrow:before,
.player-finder-table #results table td .toolbot.tool-arrow:after,
.player-finder-table #results table tr .toolbot .tool-arrow:before,
.player-finder-table #results table tr .toolbot.tool-arrow:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.fantasy-finder #results table td .toolbot.tool-arrow:after,
.fantasy-finder #results table tr .toolbot.tool-arrow:after,
.fantasy-finder .topic-finder.compact #results #results table td .toolbot.tool-arrow:after,
.fantasy-finder .topic-finder.compact #results #results table tr .toolbot.tool-arrow:after,
.player-finder-table #results table td .toolbot.tool-arrow:after,
.player-finder-table #results table tr .toolbot.tool-arrow:after {
    border-bottom-color: #CCC;
    border-width: 6px;
    margin-left: -6px;
    left: 15%
}

.fantasy-finder #results table td.rank,
.fantasy-finder #results table tr.rank,
.fantasy-finder .topic-finder.compact #results #results table td.rank,
.fantasy-finder .topic-finder.compact #results #results table tr.rank,
.player-finder-table #results table td.rank,
.player-finder-table #results table tr.rank {
    text-align: center
}

.fantasy-finder #results table td.name,
.fantasy-finder #results table tr.name,
.fantasy-finder .topic-finder.compact #results #results table td.name,
.fantasy-finder .topic-finder.compact #results #results table tr.name,
.player-finder-table #results table td.name,
.player-finder-table #results table tr.name {
    font-size: 100%;
    font-weight: 400;
    width: 200px;
	min-width: 200px;
    font-family: proxima_semibold
}

.fantasy-finder #results table td.name a,
.fantasy-finder #results table tr.name a,
.fantasy-finder .topic-finder.compact #results #results table td.name a,
.fantasy-finder .topic-finder.compact #results #results table tr.name a,
.player-finder-table #results table td.name a,
.player-finder-table #results table tr.name a {
    line-height: 1.2
}

@media screen and (max-width:767px) {
    .fantasy-finder #results table td.name,
    .fantasy-finder #results table tr.name,
    .fantasy-finder .topic-finder.compact #results #results table td.name,
    .fantasy-finder .topic-finder.compact #results #results table tr.name,
    .player-finder-table #results table td.name,
    .player-finder-table #results table tr.name {
        font-size: 13px
    }
}

.fantasy-finder #results table td .scout-stars,
.fantasy-finder #results table tr .scout-stars,
.fantasy-finder .topic-finder.compact #results #results table td .scout-stars,
.fantasy-finder .topic-finder.compact #results #results table tr .scout-stars,
.player-finder-table #results table td .scout-stars,
.player-finder-table #results table tr .scout-stars {
    height: 15px;
    display: inline-block;
    width: 80px;
    margin: 2px 0 0
}

.fantasy-finder #results table.pos,
.fantasy-finder .topic-finder.compact #results #results table.pos,
.player-finder-table #results table.pos {
    font-weight: 400
}

.fantasy-finder #results table .player-text-category,
.fantasy-finder .topic-finder.compact #results #results table .player-text-category,
.player-finder-table #results table .player-text-category {
    font-family: proxima_semibold;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 0 0 5px;
    font-size: 10px;
    background: #454545;
    color: #FFF;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .fantasy-finder #results table .player-text-category,
    .fantasy-finder .topic-finder.compact #results #results table .player-text-category,
    .player-finder-table #results table .player-text-category {
        padding: 3px 5px!important
    }
}

.fantasy-finder #results table .player-detail-icons,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons,
.player-finder-table #results table .player-detail-icons {
    display: inline;
    height: auto
}

.fantasy-finder #results table .player-detail-icons a,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons a,
.player-finder-table #results table .player-detail-icons a {
    width: 15px
}

.fantasy-finder #results table .player-detail-icons .icon,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon,
.player-finder-table #results table .player-detail-icons .icon {
    margin: 0 5px 0 0
}

.fantasy-finder #results table .player-detail-icons .icon:before,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon:before,
.player-finder-table #results table .player-detail-icons .icon:before {
    font-size: 12px
}

.fantasy-finder #results table .player-detail-icons .icon:hover .toolbot,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon:hover .toolbot,
.player-finder-table #results table .player-detail-icons .icon:hover .toolbot {
    display: inline-block!important;
    text-transform: none;
    font-family: proxima_regular;
    background: #FFF;
    color: #000;
    border: 1px solid #CCC;
    position: absolute;
    top: 130%!important;
    left: -10px!important;
    white-space: nowrap;
    z-index: 9998;
    font-size: 11px;
    padding: 5px;
    height: 25px;
    min-width: 100%;
    overflow: visible;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.fantasy-finder #results table .player-detail-icons .icon_bell:before,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon_bell:before,
.player-finder-table #results table .player-detail-icons .icon_bell:before {
    color: #3C3
}

.fantasy-finder #results table .player-detail-icons .icon_plus:before,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon_plus:before,
.player-finder-table #results table .player-detail-icons .icon_plus:before {
    color: #D9534F
}

.fantasy-finder #results table .player-detail-icons .icon_compose:before,
.fantasy-finder .topic-finder.compact #results #results table .player-detail-icons .icon_compose:before,
.player-finder-table #results table .player-detail-icons .icon_compose:before {
    color: #0789E7
}

.fantasy-finder #filterbar h6 {
    font-family: proxima_semibold!important;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 13px;
    color: #454545;
    width: auto
}

.fantasy-finder header.print {
    margin: 10px auto
}

.fantasy-finder header.print img {
    float: left
}

.fantasy-finder header.print h1 {
    line-height: 20px;
    height: 20px;
    width: 970px;
    font-size: 15px;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0
}

.fantasy-finder .print {
    max-width: auto;
    min-width: auto;
    margin: 0;
    margin-left: 0;
    width: 100%
}

.fantasy-finder .print #results.medium-8 {
    min-width: 970px;
    width: 100%;
    margin: auto;
    float: none!important
}

.fantasy-finder .print #results.medium-8 table {
    border: 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding-right: 9px
}

.fantasy-finder .print #results.medium-8 table tr {
    height: auto!important
}

.fantasy-finder .print #results.medium-8 table td,
.fantasy-finder .print #results.medium-8 table th {
    padding: 3px;
    line-height: 11px;
    height: 12px;
    font-size: 11px
}

.fantasy-finder .print #results.medium-8 table td.name {
    width: auto!important
}

.fantasy-finder .print #results.medium-8 table th {
    font-size: 8px
}

.fantasy-finder .print #results.medium-8 table:last {
    padding: 0
}

.fantasy-finder footer {
    font-size: 11px;
    background: #fff;
    margin: 0 auto;
    width: 970px;
    padding: 15px 0
}

@media screen and (max-width:980px) {
    .fantasy-finder footer {
        padding: 15px 10px;
        width: 100%
    }
}

.print footer {
    font-size: 9px
}

#wrapper.forum .scout-widget {
    margin: 0 -20px -30px -20px
}

@media screen and (max-width:767px) {
    #wrapper.forum .scout-widget {
        margin: 0
    }
}

.embed-share-popup .embed-tool-wrapper {
    padding: 10px
}

.embed-share-popup .embed-tool-wrapper .input-row label {
    color: #0789E7;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px
}

.embed-share-popup .embed-tool-wrapper .input-row input {
    font-size: 16px;
    width: 55px;
    display: inline-block
}

.embed-share-popup .embed-tool-wrapper .input-row input[type=radio] {
    width: inherit;
    margin-right: 5px
}

.embed-share-popup .embed-tool-wrapper .input-row #rowCount {
    width: 55px
}

.embed-share-popup .embed-tool-wrapper .input-row #embedTitle {
    width: 370px
}

.embed-share-popup .embed-tool-wrapper textarea {
    min-width: 100%;
    min-width: 400px;
    height: 180px;
    font-size: 16px
}

.embed-share-popup .dialog {
    background-color: #000;
    padding: 10px
}

.embed-share-popup .dialog .button-reset {
    color: #E5E5E5;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .embed-share-popup .embed-tool-wrapper .input-row #rowCount {
        width: 55px
    }
    .embed-share-popup .embed-tool-wrapper .input-row #embedTitle {
        width: 100%
    }
    .embed-share-popup .embed-tool-wrapper textarea {
        min-width: 100%
    }
    .embed-share-popup .dialog {
        background-color: #000;
        padding: 10px
    }
    .embed-share-popup .dialog .button-reset {
        color: #E5E5E5;
        font-weight: 700
    }
}

#header-stronga-wrapper {
    height: 105px
}

@media screen and (max-width:800px) {
    #header-stronga-wrapper {
        height: 60px
    }
}

@media screen and (max-width:980px) {
    #header-stronga-wrapper {
        height: 60px;
		display: inline-flex;
		min-width: 980px;
    }
}

#header-stronga-wrapper.network {
    height: 60px
}

#header-stronga-wrapper header.stronga {
    overflow: visible;
    display: block;
    width: 100%;
    top: 0;
    height: 60px;
    position: relative;
    z-index: 5000000
}

@media screen and (max-width:767px) {
    #header-stronga-wrapper header.stronga {
        position: relative
    }
}

#header-stronga-wrapper header.stronga.nav-open {
    background-color: #000
}

#header-stronga-wrapper .black-strip {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 35%
}

@media screen and (max-width:980px) {
    #header-stronga-wrapper .black-strip {
        width: 20%
    }
}

.header-stronga-mobile-overlay {
    position: absolute;
    top: 0;
    height: 150%;
    width: 100%;
    z-index: 0;
    background-color: #202020
}

.header-stronga-close-container {
    position: absolute;
    top: 7px;
    left: 3px;
    height: 45px!important;
    width: 45px
}

.header-stronga-mobile .header-stronga-mobile-nav-icon {
    position: absolute;
    z-index: 1;
    top: 10px;
    height: 40px;
    width: 30px;
    display: inline-block;
    cursor: pointer;
    padding-left: 15px
}

.header-stronga-mobile .header-stronga-mobile-nav-icon .icon:before {
    line-height: 2;
    color: #FFF;
    font-size: 18px
}

.header-stronga-mobile .header-stronga-mobile-nav-icon .hidden {
    display: none
}

.header-stronga-mobile #header-stronga #header-logo {
    width: auto;
    left: 70%;
    -webkit-transform: translate(-70%);
    -ms-transform: translate(-70%);
    transform: translate(-70%)
}

.header-stronga-mobile #header-stronga #header-logo .site-logo {
    height: 40px;
    width: 150px;
    margin: 0;
}

.header-stronga-mobile #header-stronga #header-logo .site-logo img {
    margin: auto
}

.header-stronga-mobile #header-stronga #header-logo .site-logo .scout-logo-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-stronga-mobile #header-stronga #header-logo .site-logo .scout-logo-icon:before {
    content: "\e036";
    font-family: icons;
    color: #FFF;
    font-size: 32px;
    margin-bottom: 6px;
    margin-left: -2px
}

.header-stronga-mobile #header-stronga #header-logo .site-logo .scout-logo-icon:after {
    content: "\e02A";
    font-family: icons;
    color: #FFF;
    font-size: 11.5px;
    margin-left: 6px
}

.header-stronga-mobile .header-stronga-mobile-search-icon {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 0;
    height: 40px;
    width: 40px;
    display: inline-block;
    cursor: pointer
}

.header-stronga-mobile .header-stronga-mobile-search-icon .icon:before {
    color: #FFF;
    line-height: 1.6
}

.header-stronga-mobile .header-stronga-mobile-search-icon.nav-open .icon:before,
.header-stronga-mobile .header-stronga-mobile-search-icon.network .icon:before {
    color: #0789E7
}

.header-stronga-mobile header.nav-open #header-stronga {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}

.header-stronga-mobile header.nav-open #header-stronga div {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-stronga-mobile header.nav-open #header-stronga div .icon_close:before {
    font-size: 18px;
    line-height: 1.6
}

.header-stronga-mobile header.nav-open #header-stronga div#nav-main-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #FFF
}

.header-stronga-mobile header.nav-open #header-stronga div.nav-mobile-usermenu-logged-out a,
.header-stronga-mobile header.nav-open #header-stronga div.nav-mobile-usermenu-logged-out button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-transform: uppercase;
    color: #FFF
}

.header-stronga-mobile header.nav-open #header-stronga div.nav-mobile-usermenu-logged-out button {
    font-family: proxima_regular;
    font-size: 16px;
    font-weight: 700
}

.header-stronga-mobile header.nav-open #header-stronga div.avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: 2px solid rgba(255, 255, 255, .8);
    width: 32px;
    height: 32px
}

.header-stronga-mobile header.nav-open #header-stronga div.avatar:before {
    line-height: 140%;
    font-size: 18px;
    color: rgba(255, 255, 255, .8)
}

.header-stronga-mobile header.nav-open .header-stronga-mobile-search-icon {
    position: inherit;
    top: 0;
    border-right: 1px solid #454545;
    margin-right: 15px
}

.header-stronga-mobile header.nav-open .header-stronga-mobile-search-icon .icon:before {
    line-height: 1.2
}

#header-stronga {
    margin: 0 auto;
    height: 60px;
    max-width: 970px;
    position: relative
}

@media screen and (max-width:980px) {
    #header-stronga /*{
		min-width: 980px;
        max-width: 100%;
		max-width: 100%;
		margin: 0 !important;
        zoom: 250% !important;
        background-color: #000000 !important;
    }*/
}
@media screen and (max-width:600px) {
    #header-stronga {
		/*min-width: 980px;
        max-width: 100%;*/
		max-width: 100%;
        /*right: 10% !important;*/
		margin: 0 !important;
        /*zoom: 250% !important;*/
        background-color: #000000;
		/*right: 5px !important;*/
    }
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
    #header-stronga {
        zoom: 150% !important;
        max-width: 100% !important;
        background-color: #000000 !important;
    }
    #toggle-menu {
        font-size: 32px !important;
        width: 100% !important;
    }
    .fantasy-finder .topic-finder.compact header {
        zoom: 100% !important;
    }
    .fantasy-finder {
        margin-top:50px !important;
    }
}

#header-stronga .scout-logo-wrapper {
    position: absolute;
    top: 0;
    left: 40px;
    height: 60px;
    z-index: 19;
    background: #000;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 2px solid rgba(255, 255, 255, .2)
}

body.www #header-stronga .scout-logo-wrapper {
    border-right: none
}

#header-stronga #scout-logo {
    background: 0 0;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    margin-right: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: margin-right 200ms ease-out;
    transition: margin-right 200ms ease-out
}

#header-stronga #scout-logo.icon-scout-logo-small-narrow:before,
#header-stronga #scout-logo.icon-scout-logo-small:before {
    content: "\e036";
    font-family: icons;
    display: block;
    color: #FFF;
    font-size: 32px;
    margin-bottom: 6px;
    margin-left: -2px
}

#header-stronga #scout-logo.icon-scout-logo-small {
    margin-right: 260px
}

#header-stronga #scout-logo.icon-scout-logo-small:after {
    content: "\e02A";
    font-family: icons;
    display: block;
    color: #FFF;
    font-size: 11.5px;
    margin-left: 6px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (max-width:767px) {
    #header-stronga #scout-logo {
        zoom: 92%;
        margin-left: 15px
    }
}

#header-stronga #header-logo {
    z-index: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    width: 300px;
}

#header-stronga #header-logo .site-logo {
    width: 160px;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#header-stronga #header-logo .site-logo img {
    max-height: 40px;
	margin-left: 10px;
}

#header-stronga #user-menu-stronga {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
    text-transform: uppercase;
    font-size: 13px;
    font-family: proxima_extrabold
}

#header-stronga #user-menu-stronga>a {
    color: #FFF;
    position: relative;
    top: 25px
}

#header-stronga #user-menu-stronga>button {
    color: #FFF;
    position: relative;
    top: 22px;
    font-family: proxima_extrabold;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px;
    margin: -15px
}

#header-stronga #user-menu-stronga .avatar {
    margin: 0 auto;
    position: relative;
    top: 18px;
    height: 26px;
    width: 26px;
    border: 2px solid rgba(255, 255, 255, .8);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer
}

#header-stronga #user-menu-stronga .avatar.icon:before {
    z-index: -1;
    position: absolute;
    top: 9px;
    right: .5px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

#header-stronga #user-menu-stronga .avatar .user-avatar {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#header-stronga #user-menu-stronga .avatar:hover {
    border-color: #FFF
}

#header-stronga #user-menu-stronga .avatar:hover.icon:before {
    color: #FFF
}

#header-stronga #user-menu-stronga .user-menu {
    overflow: hidden;
    padding: 15px;
    left: 15px;
    position: relative;
    max-height: 0;
    margin-top: 20px;
    text-align: left;
    -webkit-transition: margin-top 0ms linear 200ms, max-height 200ms ease-out;
    transition: margin-top 0ms linear 200ms, max-height 200ms ease-out
}

#header-stronga #user-menu-stronga .user-menu.open {
    -webkit-transition: margin-top 0ms;
    transition: margin-top 0ms;
    max-height: 500px;
    margin-top: 25px
}

#header-stronga #user-menu-stronga ul {
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out;
    top: -335px;
    position: relative;
    background: #FFF;
    border: 1px solid #ACACAC;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3)
}

#header-stronga #user-menu-stronga ul:after,
#header-stronga #user-menu-stronga ul:before {
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#header-stronga #user-menu-stronga ul:after {
    border-bottom-color: #FFF;
    border-width: 5px;
    margin-left: -5px
}

#header-stronga #user-menu-stronga ul:before {
    border-bottom-color: #ACACAC;
    border-width: 6px;
    margin-left: -6px
}

#header-stronga #user-menu-stronga ul.open {
    top: -10px
}

#header-stronga #user-menu-stronga li {
    padding: 7px 0
}

#header-stronga #user-menu-stronga li:first-child {
    padding-top: 0
}

#header-stronga #user-menu-stronga li:last-child {
    margin-top: 5px;
    padding-bottom: 0;
    padding-top: 10px;
    border-top: 1px solid #959595
}

#header-stronga #user-menu-stronga li:last-child a {
    color: #959595
}

#header-stronga #user-menu-stronga li a {
    font-family: bebas_neue;
    font-size: 16px;
    letter-spacing: .7px;
    color: #202020;
    border-bottom: 3px solid transparent
}

#header-stronga #user-menu-stronga li a:hover {
    border-color: #0789E7
}

#header-stronga .overlay {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    z-index: 6;
    background: #000;
    -webkit-transition: opacity 200ms, height 0ms linear 200ms;
    transition: opacity 200ms, height 0ms linear 200ms
}

#header-stronga .overlay.active {
    opacity: .8;
    height: 100%;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
}

#header-stronga .overlay#master-search-overlay {
    top: 0
}

#header-stronga .overlay#master-search-overlay+.header-overlay {
    position: fixed;
    left: 0;
    z-index: 20;
    height: 0;
    width: 100%;
    background: #000
}

#header-stronga .overlay#master-search-overlay+.header-overlay.active {
    height: 60px
}

#site-menu-header-underlay {
    height: 45px;
    width: 100%;
    margin-top: -45px;
    padding-top: 15px;
    -webkit-transition-property: height, padding-top, margin-top;
    transition-property: height, padding-top, margin-top;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#site-menu-header-underlay.hide-menu {
    height: 0;
    padding-top: 0;
    margin-top: 0
}

#site-menu-header {
    margin: 0 auto;
    padding-top: 15px;
    padding-left: 75px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    max-width: 970px;
    -webkit-transition-property: height, padding-top;
    transition-property: height, padding-top;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#site-menu-header.hide-menu {
    height: 0;
    padding-top: 0;
    overflow-y: hidden
}

@media screen and (max-width:980px) {
    #site-menu-header {
        padding-left: 0;
		min-width: 980px;
    }
}

.site-menu {
    position: relative;
    max-height: 15px;
    z-index: 0
}

.site-menu .site-menu-items-container {
    overflow: hidden;
    position: absolute;
    top: 23px;
    padding-top: 0;
    max-height: 0
}

.site-menu .site-menu-items-container.open {
    padding-top: 7px;
    max-height: none
}

.site-menu ul {
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3);
    margin: 0 10px 10px;
    padding: 25px;
    top: -500px;
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out
}

.site-menu ul:after {
    bottom: 100%;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #FFF;
    border-width: 6px;
    margin-left: -6px
}

.site-menu ul.open {
    top: 0
}

.site-menu ul li {
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 12px
}

.site-menu ul li:last-child {
    margin-bottom: 0
}

.site-menu-parent-title {
    padding-left: 15px;
    padding-bottom: 13px;
    font-family: bebas_neue;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px
}

a.site-menu-parent-title {
    padding-right: 6px;
    font-weight: 400
}

span.site-menu-parent-title {
    cursor: pointer
}

span.site-menu-parent-title.active:after {
    color: #FFF;
    opacity: 1
}

span.site-menu-parent-title:after {
    content: "\e002";
    font-family: icons;
    font-size: 6px;
    vertical-align: middle;
    opacity: .5
}

.site-menu-parent-title {
    color: #FFF
}

.site-menu-items {
    background: #FFF
}

.site-menu-items a {
    color: #454545;
    font-family: proxima_regular;
    border-bottom: 2px solid transparent
}

.site-menu-items a:hover {
    color: #454545;
    border-color: #0789E7;
    font-family: proxima_regular
}

#wrapper.two-col {
    padding-right: 330px
}

@media screen and (max-width:980px) {
    #wrapper.two-col {
        padding-right: 0
    }
}

#scout-logo.master-search-logo {
    left: 7%!important
}

#master-search-wrapper button.icon_close {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: -200px
}

#master-search-wrapper button.icon_close:focus {
    border: none;
    outline: 0
}

@media screen and (max-width:700px) {
    #master-search-wrapper {
        display: none !important;
    }
	/*#header-stronga-wrapper {
		width: 100% !important;
	}*/
}

@media screen and (max-width:980px) {
    #master-search-wrapper button.icon_close {
        right: -50px
    }
}

#master-search-wrapper button.icon_close:before {
    color: #FFF;
    line-height: 22px;
    font-size: 18px
}

a.avery-strong {
    idth: 75px;
    display: inline-block;
    position: absolute;
    right: 360px;
    height: 24px;
    width: 75px;
    top: 18px;
    z-index: 100;
    opacity: .6;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

a.avery-strong:hover {
    opacity: 1
}

#master-search.closed {
    display: inline-block;
    position: absolute;
    right: 60px;
    width: 290px;
    max-width: 290px
}

@media screen and (max-width:767px) {
    #master-search.closed {
        right: 70px
    }
}

#master-search.closed input {
    width: 270px
}

#master-search.open {
    max-width: 580px;
    margin: 0 auto;
    z-index: 21;
    -webkit-transition: max-width 200ms;
    transition: max-width 200ms
}

#master-search.open input {
    color: #202020!important
}

#master-search {
    z-index: 31;
    position: relative;
    top: 10px;
    margin: 0;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#master-search>div {
    height: 40px;
    background-color: #202020;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#master-search>div input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

#master-search button {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 40px;
    height: 40px
}

#master-search button:focus {
    border: none;
    outline: 0
}

@media screen and (max-width:767px) {
    #master-search button {
        background-color: #000
    }
}

#master-search button.icon_search:before {
    vertical-align: sub;
    font-size: 18px;
    color: #FFF
}

@media screen and (max-width:767px) {
    #master-search button.icon_search:before {
        font-size: 20px;
        font-weight: 700
    }
}

#master-search button.icon_search.network:before {
    color: #0789E7
}

#master-search input {
    display: inline-block;
    height: 40px;
    position: relative;
    font-size: 13px;
    outline: 0;
    padding: 0 0 0 12px;
    color: rgba(255, 255, 255, .6)!important;
    font-family: proxima_regular
}

#master-search input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#master-search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)!important
}

#master-search input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)!important
}

#master-search input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)!important
}

#master-search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)!important
}

#master-search ul.suggestions {
    position: absolute;
    width: 93%;
    background: #000;
    border: 0;
    outline: 0;
    overflow: hidden;
    top: 50px;
    left: 0;
    padding: 0;
    color: #E5E5E5
}

#master-search ul.suggestions .suggestion-logo {
    margin-right: 15px;
    height: 25px;
    width: 25px
}

#master-search ul.suggestions li {
    text-align: left;
    color: #E5E5E5;
    font-size: 14px
}

#master-search ul.suggestions li .icon {
    padding: 2px 5px 8px
}

#master-search ul.suggestions li .icon:before {
    color: #959595
}

#master-search ul.suggestions li.selected,
#master-search ul.suggestions li:hover {
    color: #FFF;
    background: #454545
}

#master-search ul.suggestions li.selected a:hover,
#master-search ul.suggestions li:hover a:hover {
    border-color: #454545
}

#master-search ul.suggestions li.selected .domainName,
#master-search ul.suggestions li:hover .domainName {
    font-weight: 700
}

#master-search ul.suggestions li .search-link span:before {
    font-size: 14px;
    margin: 0 10px 0 0
}

#master-search ul.suggestions li a {
    min-height: 30px;
    margin: 0 10px;
    border-bottom: 1px solid #202020;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #E5E5E5;
    font-size: 13px;
    padding: 5px
}

#master-search ul.suggestions li a:hover {
    color: #FFF
}

#master-search ul.suggestions li a:hover .separator {
    color: #E5E5E5
}

#master-search ul.suggestions li a.player-link {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline
}

#master-search ul.suggestions li a .player:before {
    font-size: 14px;
    margin: 0 10px 0 0;
    vertical-align: sub
}

#master-search ul.suggestions li a .site {
    line-height: 1.4
}

#master-search ul.suggestions li .domain-name {
    color: #0789E7
}

#master-search ul.suggestions li .separator {
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    border-top: 1px solid #454545;
    background: #202020;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    color: #E5E5E5
}

#master-search ul.suggestions li .separator:hover {
    color: #E5E5E5
}

.master-search-mobile {
    background-color: #000
}

.master-search-mobile .master-search-mobile-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.master-search-mobile .master-search-mobile-input input {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.master-search-mobile .master-search-mobile-input .master-search-mobile-cancel {
    font-family: proxima_semibold;
    color: #FFF;
    margin-left: 10px
}

.master-search-mobile .master-search-mobile-input button {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 38px;
    height: 38px;
    background-color: #454545
}

.master-search-mobile .master-search-mobile-input button:focus {
    border: none;
    outline: 0
}

.master-search-mobile .master-search-mobile-input button.icon_search:before {
    vertical-align: sub;
    font-size: 18px;
    color: #0789E7
}

.master-search-mobile ul.master-search-mobile-suggestions {
    background: #000;
    border: 0;
    outline: 0;
    padding: 0;
    color: #E5E5E5
}

.master-search-mobile ul.master-search-mobile-suggestions .suggestion-logo {
    margin-right: 15px;
    height: 25px;
    width: 25px
}

.master-search-mobile ul.master-search-mobile-suggestions li {
    text-align: left;
    color: #E5E5E5;
    font-size: 14px
}

.master-search-mobile ul.master-search-mobile-suggestions li .icon {
    padding: 2px 5px 8px
}

.master-search-mobile ul.master-search-mobile-suggestions li .icon:before {
    color: #959595
}

.master-search-mobile ul.master-search-mobile-suggestions li .search-link span:before {
    font-size: 14px;
    margin: 0 10px 0 0
}

.master-search-mobile ul.master-search-mobile-suggestions li a {
    min-height: 30px;
    margin: 0 10px;
    border-bottom: 1px solid #202020;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #E5E5E5;
    font-size: 13px;
    padding: 5px
}

.master-search-mobile ul.master-search-mobile-suggestions li a:hover {
    color: #FFF
}

.master-search-mobile ul.master-search-mobile-suggestions li a:hover .separator {
    color: #E5E5E5
}

.master-search-mobile ul.master-search-mobile-suggestions li a .player:before {
    font-size: 14px;
    margin: 0 10px 0 0;
    vertical-align: sub
}

.master-search-mobile ul.master-search-mobile-suggestions li a .site {
    line-height: 1.4
}

.master-search-mobile ul.master-search-mobile-suggestions li .domain-name {
    color: #0789E7
}

.master-search-mobile ul.master-search-mobile-suggestions li .separator {
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    border-top: 1px solid #454545;
    background: #202020;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: proxima_extrabold;
    color: #E5E5E5
}

.master-search-mobile ul.master-search-mobile-suggestions li .separator:hover {
    color: #E5E5E5
}

#membership-gate {
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    opacity: 1
}

#membership-gate .input-error {
    border-color: #D9534F
}

#membership-gate .error {
    width: 280px;
    margin: 5px auto 10px;
    color: #D9534F;
    font-size: 13px;
    line-height: 1.2
}

@media screen and (max-width:980px) {
    #membership-gate .button-reset {
        padding: 15px;
        margin: -15px
    }
}

#membership-gate.transitioning {
    opacity: 0
}

#membership-gate #membership-gate-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 998;
    background: #000
}

#membership-gate #membership-gate-modal {
    position: fixed;
    left: 50%;
    top: 35%;
    -webkit-transform: translate(-50%, -35%);
    -ms-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    z-index: 999;
    margin-top: 50px
}

#membership-gate #membership-gate-modal .close-x {
    text-align: right;
    padding-bottom: 10px;
    color: #FFF;
    cursor: pointer
}

#membership-gate #membership-gate-modal .close-x .icon_close:before {
    font-size: 18px
}

#membership-gate #membership-gate-modal .sign-in {
    width: 850px;
    background-color: #FFF
}

#membership-gate #membership-gate-modal .sign-in .sign-in-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 10px;
    color: #000;
    font-family: bebas_neue;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 20px;
    border-bottom: 1px solid #CCC
}

#membership-gate #membership-gate-modal .sign-in .sign-in-header .icon_logo:before {
    font-size: 25px;
    padding-right: 3px
}

#membership-gate #membership-gate-modal .sign-in .sign-in-forgot-password {
    font-weight: 400;
    color: #0789E7
}

#membership-gate #membership-gate-modal .doublewide {
    width: 850px;
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .doublewide {
        width: 708px
    }
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc {
    width: 50%;
    padding: 40px;
    background-color: #202020;
    color: #959595;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc.pad-circle-arrow {
    padding-right: 50px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-logos {
    color: #FFF;
    margin-bottom: 20px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-logos .icon_logo {
    height: 40px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-logos .icon_logo:before {
    font-size: 40px;
    padding-right: 10px;
    line-height: 30px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-logos img {
    width: 200px;
    max-height: 40px;
    border-left: 1px solid #454545;
    padding-left: 20px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-content div {
    margin-bottom: 20px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-title {
    font-size: 22px;
    line-height: 24px;
    font-family: proxima_extrabold;
    color: #FFF;
    margin: 20px auto
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-content-text {
    font-family: proxima_regular;
    color: #989595;
    line-height: 18px
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-content-button {
    padding: 20px 0
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium {
    padding-top: 20px;
    color: #FFF
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium button {
    color: #0789E7;
    font-family: proxima_semibold;
    font-size: 14px
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium button {
        position: relative;
        z-index: 1
    }
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium .doublewide-desc-premium-url-text {
    color: #0789E7;
    font-weight: 400
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium .doublewide-desc-premium-url-text strong {
    font-family: proxima_extrabold
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-premium .doublewide-desc-premium-description {
        position: relative;
        z-index: 0
    }
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-content-nothanks {
    font-family: proxima_semibold;
    color: #FFF
}

#membership-gate #membership-gate-modal .doublewide .doublewide-desc .doublewide-desc-content-nothanks .doublewide-desc-content-nothanks-text button {
    color: #0789E7
}

#membership-gate #membership-gate-modal .doublewide .doublewide-form {
    width: 50%;
    padding: 55px
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .doublewide .doublewide-form {
        padding: 55px 38px
    }
}

#membership-gate #membership-gate-modal .doublewide .doublewide-form.circle-arrow:before {
    content: "\e004";
    font-family: icons;
    color: #FFF;
    background: #202020;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #FFF;
    display: block;
    font-size: 15px;
    line-height: 2.2;
    padding-left: .8em;
    position: absolute;
    top: 45%;
    left: 47.5%
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts {
    font-family: proxima_regular;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-title {
    font-family: proxima_extrabold;
    font-size: 20px;
    text-transform: uppercase;
    color: #0789E7
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-subtitle {
    font-family: proxima_semibold;
    margin-bottom: 35px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-list {
        width: 315px
    }
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-list li {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-list li .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-list li .checkmark {
    margin-right: 10px;
    background: #000;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

#membership-gate #membership-gate-modal .doublewide .doublewide-callouts .doublewide-callouts-list li .icon_check:before {
    font-size: 6px;
    color: #0789E7;
    position: absolute;
    top: 7px;
    left: 3px
}

#membership-gate #membership-gate-modal .facebook {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 10px 5px;
    zoom: .8;
    font-family: proxima_semibold
}

#membership-gate #membership-gate-modal .facebook button {
    cursor: pointer;
    padding: 0;
    margin: 0 0 0 10px;
    min-width: 90px;
    height: 28px;
    background-color: #4267B2;
    font-family: proxima_extrabold;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 0;
    letter-spacing: 0
}

#membership-gate #membership-gate-modal .textfield input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #E5E5E5;
    height: 45px;
    width: 280px;
    margin: 15px auto 0
}

#membership-gate #membership-gate-modal .sign-in-submit,
#membership-gate #membership-gate-modal .sign-up-submit {
    text-align: center
}

#membership-gate #membership-gate-modal .sign-in-submit button,
#membership-gate #membership-gate-modal .sign-up-submit button {
    cursor: pointer;
    width: 280px;
    margin: 15px auto
}

#membership-gate #membership-gate-modal .email-taken-error {
    color: #D9534F;
    font-weight: 700
}

#membership-gate #membership-gate-modal .sign-in-remember-forgot-password,
#membership-gate #membership-gate-modal .sign-up-form-agree {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px auto 0;
    width: 280px
}

#membership-gate #membership-gate-modal .sign-in-remember-forgot-password input,
#membership-gate #membership-gate-modal .sign-up-form-agree input {
    margin: 0 5px 0 0
}

#membership-gate #membership-gate-modal .sign-in-remember-forgot-password label,
#membership-gate #membership-gate-modal .sign-up-form-agree label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#membership-gate #membership-gate-modal .sign-in-remember-forgot-password a,
#membership-gate #membership-gate-modal .sign-up-form-agree a {
    color: #0789E7;
    font-weight: 400;
    padding: .2em
}

#membership-gate #membership-gate-modal .sign-in-remember-forgot-password a,
#membership-gate #membership-gate-modal .sign-in-remember-forgot-password label,
#membership-gate #membership-gate-modal .sign-up-form-agree a,
#membership-gate #membership-gate-modal .sign-up-form-agree label {
    font-size: 13px;
    line-height: 1.2
}

#membership-gate #membership-gate-modal .sign-up-form-agree a,
#membership-gate #membership-gate-modal .sign-up-form-agree label {
    font-size: 12px
}

#membership-gate #membership-gate-modal .doublewide-swap-mode,
#membership-gate #membership-gate-modal .swap-mode {
    color: #FFF;
    background-color: #454545;
    height: 50px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-family: proxima_semibold
}

#membership-gate #membership-gate-modal .doublewide-swap-mode button,
#membership-gate #membership-gate-modal .swap-mode button {
    color: #0789E7;
    font-family: proxima_semibold;
    font-size: 14px;
    margin-left: 10px
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .doublewide-swap-mode button,
    #membership-gate #membership-gate-modal .swap-mode button {
        margin-left: -5px
    }
}

#membership-gate #membership-gate-modal .g-recaptcha {
    width: 302px;
    margin: 0 auto
}

@media screen and (max-width:980px) {
    #membership-gate #membership-gate-modal .g-recaptcha {
        position: relative;
        left: -10px
    }
}

.modal #membership-gate #membership-gate-modal {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal #membership-gate #membership-gate-modal .field-button,
.modal #membership-gate-mobile .field-button {
    width: inherit
}

#membership-gate-mobile {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

#membership-gate-mobile .input-error {
    border-color: #D9534F
}

#membership-gate-mobile .error {
    width: 280px;
    margin: 5px auto 10px;
    color: #D9534F;
    font-size: 13px;
    line-height: 1.2
}

@media screen and (max-width:980px) {
    #membership-gate-mobile .button-reset {
        padding: 15px;
        margin: -15px
    }
}

#membership-gate-mobile #membership-gate-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: -1;
    background: #000
}

#membership-gate-mobile .membership-gate-mobile-header {
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 10px 15px
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-logos {
    color: #FFF;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-logos .icon_logo {
    height: 30px
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-logos .icon_logo:before {
    font-size: 28px;
    padding-right: 10px;
    line-height: 24px
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-logos img {
    max-width: 200px;
    max-height: 30px;
    border-left: 1px solid #454545;
    padding-left: 20px
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-close-x {
    color: #FFF;
    cursor: pointer
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-close-x span {
    padding: 10px
}

#membership-gate-mobile .membership-gate-mobile-header .membership-gate-mobile-close-x .icon_close:before {
    font-size: 18px
}

#membership-gate-mobile .membership-gate-mobile-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#membership-gate-mobile .membership-gate-mobile-tabs>div {
    width: 50%;
    padding: 15px;
    font-family: bebas_neue;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: .2px;
    background: #E5E5E5
}

#membership-gate-mobile .membership-gate-mobile-tabs>div.active {
    background: #FFF;
    color: #000
}

#membership-gate-mobile .membership-gate-mobile-tabs+div {
    background: #FFF;
    padding: 15px
}

#membership-gate-mobile .membership-gate-mobile-tabs+div>div {
    width: 304px;
    margin: auto
}

#membership-gate-mobile .sign-in-remember-forgot-password,
#membership-gate-mobile .sign-up-form-agree {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 20px;
    font-family: proxima_regular;
    font-size: 14px
}

#membership-gate-mobile .sign-in-remember-forgot-password input,
#membership-gate-mobile .sign-up-form-agree input {
    margin: 0
}

#membership-gate-mobile .sign-in-remember-forgot-password label,
#membership-gate-mobile .sign-up-form-agree label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    line-height: 1.2
}

#membership-gate-mobile .sign-in-remember-forgot-password a {
    font-weight: 400;
    color: #0789E7
}

#membership-gate-mobile .g-recaptcha {
    margin: 10px auto
}

#membership-gate-mobile .facebook {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 10px 0;
    zoom: .8;
    font-family: proxima_semibold
}

#membership-gate-mobile .facebook button {
    cursor: pointer;
    padding: 0;
    margin: 0 0 0 10px;
    min-width: 115px;
    height: 37px;
    background-color: #4267B2;
    font-family: proxima_extrabold;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 0;
    letter-spacing: 0
}

#membership-gate-mobile .membership-gate-mobile-title {
    font-size: 18px;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px
}

#membership-gate-mobile .membership-gate-mobile-subtitle {
    font-size: 14px;
    color: #959595;
    text-align: center;
    padding: 5px
}

#membership-gate-mobile .membership-gate-mobile-benefits-header {
    color: #202020;
    font-size: 16px;
    font-family: proxima_semibold;
    text-align: center;
    padding: 5px
}

#membership-gate-mobile .membership-gate-mobile-benefits-title {
    color: #0789E7;
    font-size: 17px;
    font-family: proxima_extrabold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px
}

#membership-gate-mobile .membership-gate-mobile-benefits-subtitle {
    color: #959595;
    font-size: 13px;
    font-family: proxima_semibold;
    text-align: center;
    padding-bottom: 5px
}

#membership-gate-mobile .membership-gate-mobile-benefits-nothanks {
    padding-top: 20px;
    color: #454545;
    font-family: proxima_regular;
    font-size: 15px;
    text-align: center
}

#membership-gate-mobile .membership-gate-mobile-benefits-nothanks button {
    color: #0789E7;
    font-family: proxima_regular;
    font-size: 15px
}

#membership-gate-mobile .membership-gate-benefits {
    padding: 10px 0
}

#membership-gate-mobile .membership-gate-benefits li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px
}

#membership-gate-mobile .membership-gate-benefits li+li {
    margin-top: 10px
}

#membership-gate-mobile .membership-gate-benefits li .checkmark {
    margin-right: 10px;
    background: #000;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

#membership-gate-mobile .membership-gate-benefits li .icon_check:before {
    font-size: 6px;
    color: #0789E7;
    position: absolute;
    top: 7px;
    left: 3px
}

#membership-gate-mobile .membership-gate-benefits li .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#membership-gate-mobile .sign-in-submit,
#membership-gate-mobile .sign-up-submit {
    padding-bottom: 20px
}

#membership-gate-mobile .sign-in-submit button,
#membership-gate-mobile .sign-up-submit button {
    width: 304px
}

#membership-gate-mobile .membership-gate-mobile-alternate {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 10px;
    font-size: 15px
}

#membership-gate-mobile .membership-gate-mobile-alternate span.membership-gate-mobile-alternate-or {
    margin: 10px;
    display: inline-block
}

#membership-gate-mobile .membership-gate-mobile-alternate button {
    -webkit-appearance: none;
    background: 0 0;
    border: none;
    color: #0789E7;
    font-size: 15px;
    font-family: proxima_regular!important;
    padding: 0
}

#membership-gate-mobile .swap-container {
    padding: 20px 0
}

#membership-gate-mobile .swap-container .swap-bar {
    width: 50%;
    border-bottom: 2px solid #E5E5E5;
    margin: 0 auto
}

#membership-gate-mobile .swap-container .swap-mode {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    font-family: proxima_regular
}

#membership-gate-mobile .swap-container .swap-mode button {
    margin-left: 5px;
    color: #0789E7;
    font-family: proxima_regular;
    font-size: 14px
}

#membership-gate-mobile .textfield input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #E5E5E5;
    height: 45px;
    margin: 15px auto 0
}

#nav-wrapper {
    position: absolute;
    top: 20px
}

#nav-wrapper #nav-main-icon {
    position: relative;
    z-index: 1;
    height: 40px;
    width: 30px;
    display: inline-block;
    cursor: pointer
}

@media screen and (max-width:767px) {
    #nav-wrapper #nav-main-icon {
        padding-left: 15px
    }
}

#nav-wrapper #nav-main-icon .icon:before {
    color: #FFF;
    font-size: 18px
}

#nav-wrapper #nav-menu {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 600ms ease-out, z-index 0ms linear 200ms;
    transition: max-height 600ms ease-out, z-index 0ms linear 200ms
}

#nav-wrapper #nav-menu.open {
    -webkit-transition: z-index 0ms;
    transition: z-index 0ms;
    z-index: 100;
    max-height: 1000px
}

#nav-wrapper #nav-menu #nav-menu-secondary-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    left: -205px;
    z-index: -1;
    background-color: #454545;
    -webkit-transition: left 200ms ease-out;
    transition: left 200ms ease-out
}

#nav-wrapper #nav-menu #nav-menu-secondary-container.no-children {
    background-color: #FFF
}

#nav-wrapper #nav-menu #nav-menu-secondary-container.open {
    left: 0;
    z-index: 100;
    -webkit-transition: left 200ms ease-out, z-index 0ms linear 200ms;
    transition: left 200ms ease-out, z-index 0ms linear 200ms
}

#nav-wrapper #nav-menu #nav-menu-tertiary-container {
    position: relative;
    background-color: #FFF;
    overflow: hidden;
    width: 0;
    -webkit-transition: width 200ms ease-out;
    transition: width 200ms ease-out
}

#nav-wrapper #nav-menu #nav-menu-tertiary-container.open {
    -webkit-transition: width 200ms ease-out;
    transition: width 200ms ease-out;
    width: 560px
}

@media screen and (max-width:980px) {
    #nav-wrapper #nav-menu #nav-menu-tertiary-container.open {
        width: 330px
    }
}

#nav-wrapper #nav-menu ul {
    padding: 20px 0
}

#nav-wrapper #nav-menu ul>li {
    margin: 14px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#nav-wrapper #nav-menu ul>li:first-child {
    margin-top: 0
}

#nav-wrapper #nav-menu ul>li:last-child {
    margin-bottom: 0
}

#nav-wrapper #nav-menu ul>li>span {
    display: block
}

#nav-wrapper #nav-menu ul#nav-menu-primary {
    width: 205px;
    background-color: #202020;
    position: relative;
    top: -525px;
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out
}

#nav-wrapper #nav-menu ul#nav-menu-primary.open {
    top: 0
}

#nav-wrapper #nav-menu ul.nav-menu-secondary {
    display: none;
    position: relative;
    width: 0;
    background-color: #454545
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open {
    display: block;
    left: 0;
    width: 205px
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children {
    width: 765px;
    background-color: #FFF
}

@media screen and (max-width:980px) {
    #nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children {
        width: 535px
    }
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children li.nav-menu-text a {
    display: block
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children li .nav-menu-description {
    padding-top: 7px;
    font-weight: 700;
    font-size: 14px
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children li .nav-menu-item-icon {
    padding: 0 10px 10px;
    vertical-align: top
}

#nav-wrapper #nav-menu ul.nav-menu-secondary.open.no-children li .nav-menu-link-container a {
    color: #000
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary {
    display: none;
    width: 560px;
    background-color: #FFF
}

@media screen and (max-width:980px) {
    #nav-wrapper #nav-menu ul.nav-menu-tertiary {
        width: 330px
    }
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary li,
#nav-wrapper #nav-menu ul.nav-menu-tertiary.open {
    display: block
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary li .nav-menu-text {
    color: #000
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary li .nav-menu-description {
    padding-top: 7px;
    font-weight: 700;
    font-size: 14px
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary li .nav-menu-item-icon {
    padding: 10px
}

#nav-wrapper #nav-menu ul.nav-menu-tertiary li .nav-menu-link-container {
    display: inline-block
}

#nav-wrapper #nav-menu li .nav-menu-text {
    font-family: bebas_neue;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #FFF;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    line-height: 1.2
}

#nav-wrapper #nav-menu li a.nav-menu-text:hover {
    border-color: #0789E7
}

#nav-wrapper #nav-menu li.nav-menu-sectionhead {
    padding-top: 12px;
    border-top: 1px solid #959595
}

#nav-wrapper #nav-menu li .icon_arrow-right:before {
    color: #959595;
    font-size: 12px
}

#nav-wrapper #nav-menu li.nav-menu-active .nav-menu-text,
#nav-wrapper #nav-menu li:hover .nav-menu-text {
    color: #0789E7
}

#nav-wrapper #nav-menu li.nav-menu-active .icon_arrow-right:before,
#nav-wrapper #nav-menu li:hover .icon_arrow-right:before {
    color: #FFF
}

#nav-wrapper #nav-menu li .nav-menu-icon {
    vertical-align: text-bottom;
    margin-right: 5px;
    height: 25px;
    width: 25px
}

#nav-mobile #nav-mobile-selector {
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #202020;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#nav-mobile #nav-mobile-selector div {
    width: 50%;
    padding: 10px 0;
    text-align: center;
    height: 50px
}

#nav-mobile #nav-mobile-selector-network .network-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

#nav-mobile #nav-mobile-selector-network .network-logo.icon-scout-logo-small {
    background: 0 0;
    width: 100px;
    height: 25px
}

#nav-mobile #nav-mobile-selector-network .network-logo.icon-scout-logo-small:before {
    content: "\e036";
    font-family: icons;
    color: #FFF;
    font-size: 25px;
    margin-bottom: 4px;
    margin-left: -2px
}

#nav-mobile #nav-mobile-selector-network .network-logo.icon-scout-logo-small:after {
    content: "\e02A";
    font-family: icons;
    color: #FFF;
    font-size: 10px;
    margin-left: 6px
}

#nav-mobile #nav-mobile-selector-network.nav-mobile-no-site img {
    zoom: .55
}

#nav-mobile #nav-mobile-selector-site {
    position: relative
}

#nav-mobile #nav-mobile-selector-site img {
    max-height: 30px;
    max-width: 150px
}

#nav-mobile .nav-mobile-active {
    border-bottom: 4px solid #0789E7;
    position: relative
}

#nav-mobile .nav-mobile-active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0789E7;
    border-width: 8px;
    margin-left: -8px
}

#nav-mobile .nav-mobile-menu {
    display: block;
    background-color: #202020;
    padding-bottom: 40px
}

#nav-mobile .nav-mobile-menu-items li {
    color: #FFF;
    font-family: bebas_neue;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#nav-mobile .nav-mobile-menu-items li img {
    margin-right: 10px
}

#nav-mobile .nav-mobile-menu-items li span {
    font-weight: 700
}

#nav-mobile .nav-mobile-menu-items li span.nav-mobile-menu-item-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#nav-mobile .nav-mobile-menu-items li.nav-mobile-menu-team-picker {
    margin: 0 20px;
    padding: 15px 0;
    border-bottom: 1px solid #454545
}

#nav-mobile .nav-mobile-menu-items li .nav-mobile-menu-items-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #454545;
    padding: 15px 0;
    margin: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#nav-mobile .nav-mobile-menu-items li .nav-mobile-menu-items-link {
    width: 100%;
    padding-top: 15px
}

#nav-mobile .nav-mobile-menu-items li .nav-mobile-menu-items-link div {
    display: block;
    margin: 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #454545
}

#nav-mobile .nav-mobile-menu-items a {
    color: #FFF
}

#nav-mobile .nav-mobile-menu-items .icon_arrow-right {
    color: #7d7d7d;
    zoom: .7
}

#nav-mobile .nav-mobile-menu-items button {
    background: 0 0;
    color: #000;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 42px;
    height: 38px;
    background-color: #454545
}

#nav-mobile .nav-mobile-menu-items button:focus {
    border: none;
    outline: 0
}

#nav-mobile .nav-mobile-menu-items button.icon_search:before {
    vertical-align: sub;
    font-size: 18px;
    color: #0789E7
}

#nav-mobile .nav-mobile-menu-header {
    background-color: #191919;
    padding: 15px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#nav-mobile .nav-mobile-menu-header .nav-mobile-menu-header-text {
    color: #0789E7;
    font-family: bebas_neue;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#nav-mobile .nav-mobile-menu-header .nav-mobile-menu-header-back {
    position: absolute;
    width: 60px;
    left: 0;
    height: 50px;
    top: 113px
}

#nav-mobile .nav-mobile-menu-header .nav-mobile-menu-header-back .icon_arrow-left {
    position: relative;
    top: 20%;
    left: -14px;
    color: #7d7d7d;
    zoom: .7;
    width: 30px;
    height: 30px;
    cursor: pointer
}

#nav-mobile .nav-mobile-menu-header .nav-mobile-menu-header-back .icon_arrow-left:before {
    line-height: 1.2
}

#nav-mobile.nav-mobile-user-menu .nav-mobile-menu-header .nav-mobile-menu-header-back {
    top: 0
}

#nav-mobile .nav-mobile-network-header {
    background-color: #0789E7;
    color: #000;
    padding: 5px 20px 4px;
    font-family: proxima_semibold;
    font-size: 14px;
    text-transform: uppercase
}

#nav-mobile .nav-mobile-menu-team-picker input {
    margin-bottom: 0;
    font-family: proxima_regular;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    padding: .5em;
    height: 37px;
    -webkit-appearance: none;
    border: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.nav-menu-tertiary #navigation-team-picker li {
    text-transform: capitalize
}

.nav-menu-tertiary #navigation-team-picker li a {
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #202020;
    font-size: 14px
}

.nav-menu-tertiary #navigation-team-picker li a:hover {
    color: #0789E7
}

.nav-menu-tertiary #navigation-team-picker li a .team-logo {
    margin-right: 10px;
    margin-top: -5px
}

.nav-menu-tertiary #navigation-team-picker li a .name-wrap {
    line-height: 1.2
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results {
    clear: both;
    position: relative
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.autocomplete-results {
    opacity: .2
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-left: 30px;
    width: 100%
}

@media screen and (max-width:980px) {
    .nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results ul {
        margin-left: 0
    }
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results ul li {
    margin: 8px 5px;
    width: 145px
}

@media screen and (max-width:980px) {
    .nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results ul li {
        width: 130px
    }
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.alpha ul,
.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.conference ul {
    margin: 0
}

@media screen and (max-width:980px) {
    .nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.alpha ul,
    .nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.conference ul {
        height: 400px;
        overflow: scroll
    }
}

.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.alpha ul li,
.nav-menu-tertiary #navigation-team-picker #navigation-team-picker-results.conference ul li {
    width: 246px
}

.nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 150px;
    padding-top: 15px
}

@media screen and (max-width:980px) {
    .nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport {
        padding-top: 0;
        padding-bottom: 15px
    }
}

.nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport .sport {
    color: #ACACAC;
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: 3px solid #DDD
}

.nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport .sport.active,
.nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport .sport:hover {
    color: #000;
    border-color: #000
}

.nav-menu-tertiary #navigation-team-picker .navigation-team-picker-sport .sport.active:hover {
    cursor: default
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete {
    margin-bottom: 15px;
    float: right;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 300px
}

@media screen and (max-width:980px) {
    .nav-menu-tertiary #navigation-team-picker #navigation-autocomplete {
        width: 282px
    }
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete button {
    background: 0 0;
    color: #000;
    border: none;
    margin: 0;
    cursor: pointer;
    background-color: #999;
    padding: 0 10px;
    display: block
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete button:focus {
    border: none;
    outline: 0
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete button:before {
    font-size: 17px;
    color: #E5E5E5;
    line-height: inherit
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input {
    height: 40px;
    padding: 0 10px;
    background-color: #E5E5E5;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input::-webkit-input-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:-moz-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input::-moz-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:-ms-input-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:focus {
    color: #000
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:focus::-webkit-input-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:focus:-moz-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:focus::-moz-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete input:focus:-ms-input-placeholder {
    color: #999
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40px;
    padding: 0;
    border: 1px solid #E5E5E5;
    background: #FFF;
    cursor: default;
    overflow: auto
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions li {
    padding: 3px;
    margin: 0
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions li a {
    padding: 7px 0 0 10px;
    font-size: 13px
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions li a .name-wrap {
    line-height: 1.2
}

.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions li.selected,
.nav-menu-tertiary #navigation-team-picker #navigation-autocomplete ul.suggestions li:hover {
    background: #F8F8F8
}

#navigation-team-picker-filter {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: bebas_neue;
    font-size: 18px;
    letter-spacing: 2px
}

@media screen and (max-width:980px) {
    #navigation-team-picker-filter {
        width: 282px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll
    }
}

#navigation-team-picker-filter span {
    color: #ACACAC;
    margin: 5px;
    cursor: pointer;
    text-align: center;
    display: block
}

#navigation-team-picker-filter span img {
    padding-bottom: 2px;
    max-height: 30px
}

#navigation-team-picker-filter span.active {
    color: #000
}

.conference #navigation-team-picker-filter span {
    width: 36px
}

.alpha #navigation-team-picker-filter span {
    white-space: nowrap
}

#navigation-team-picker-filter .filter-border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid #DDD;
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#navigation-team-picker-filter .filter-border.active {
    border-color: #000;
    position: relative
}

#navigation-team-picker-filter .filter-border.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #000;
    border-width: 6px;
    margin-left: -6px
}

.conference #navigation-team-picker-filter .filter-border {
    padding: 0
}

.alpha #navigation-team-picker-filter .filter-border {
    padding: 0 6px
}

#wrapper .topicAction .columns,
#wrapper .topicAction.row {
    padding: 0!important
}

.one-star {
    margin-top: 2px
}

@media screen and (max-width:640px) {
    .one-star {
        margin-top: 13px
    }
}

.one-star .icon {
    color: #454545;
    height: 19px;
    line-height: 15px;
    margin: -4px 2px 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s;
    cursor: pointer
}

.one-star .icon::before {
    font-size: 16px
}

.one-star.hasRecommended .icon {
    color: #FFF;
    background: #000
}

.one-star .count {
    font-size: 14px;
    line-height: 16px;
    padding-left: 3px;
    vertical-align: top;
    color: #7d7d7d
}

#sidebar {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 15px;
    width: 300px
}

@media screen and (max-width:980px) {
    #sidebar {
        position: static;
        width: auto
    }
}

#sidebar .sidebar-inner {
    padding-bottom: 20px;
    background: #FDFDFD
}

@media screen and (max-width:980px) {
    #sidebar .sidebar-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #sidebar .sidebar-inner>div {
        display: inline-block;
        min-width: 300px
    }
}

#sidebar .sidebar-inner .ad-border {
    margin-bottom: 10px
}

#sidebar .sidebar-inner h4 {
    margin: 0!important;
    background: #000;
    color: #E5E5E5;
    width: 135px;
    padding: 15px 15px 5px 20px;
    font-size: 20px;
    font-weight: 600;
    min-height: 40px;
    line-height: 13px;
    font-family: bebas_neue;
    letter-spacing: normal
}

#sidebar .sidebar-inner h4+hr {
    border: none!important;
    height: 2px;
    background-color: #000;
    margin: 0
}

#sidebar .sidebar-inner .thread-wrapper .thread-title {
    font-weight: 400;
    position: relative;
    padding: 0 10px;
    border-bottom: 1px solid #CCC
}

#sidebar .sidebar-inner .thread-wrapper .thread-title.unread,
#sidebar .sidebar-inner .thread-wrapper .thread-title.unread a {
    font-weight: 700
}

#sidebar .sidebar-inner .thread-wrapper .thread-title .icon.icon_arrow-right {
    color: #0789E7;
    text-align: center;
    position: absolute;
    right: 0;
    top: -webkit-calc(50% - 15px);
    top: calc(50% - 15px);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 30px;
    height: 30px
}

#sidebar .sidebar-inner .thread-wrapper .thread-title .icon.icon_arrow-right:before {
    font-size: 16px
}

#sidebar .sidebar-inner .thread-wrapper .thread-title:hover .icon.icon_arrow-right {
    right: -5px
}

#sidebar .sidebar-inner .thread-wrapper .thread-title a {
    font-weight: 400;
    line-height: 1.2
}

#sidebar .sidebar-inner .thread-wrapper .thread-title .post-info {
    font-size: 12px;
    color: #959595;
    margin: 3px auto
}

#sidebar .sidebar-inner .thread-wrapper .thread-title .post-info .new-count {
    color: #ed1d24;
    padding-right: 3px
}

#sidebar .sidebar-inner .thread-wrapper a {
    font-size: 14px;
    display: block;
    color: #000;
    margin: 6px 20px 6px 0
}

.update-bar {
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .7);
    box-shadow: 0 0 30px rgba(0, 0, 0, .7);
    z-index: 9;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    border-top: none
}

.update-bar.breaking {
    border-top: 3px solid #ed1d24!important;
    -webkit-transition: border-top 1s;
    transition: border-top 1s
}

@media (max-width:1200px) {
    .update-bar.get-out-the-way {
        -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
        transform: translateY(300px)
    }
}

.update-bar.dont-show .gleam {
    position: absolute;
    background: #ed1d24;
    padding: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: 700;
    top: -10px;
    left: -10px;
    font-size: 14px;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 18px;
    text-align: center
}

@media (max-width:1200px) {
    .update-bar.dont-show .gleam {
        top: auto;
        left: auto;
        right: 5px
    }
}

.update-bar.dont-show .handle {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .7);
    box-shadow: 0 0 30px rgba(0, 0, 0, .7);
    padding: 7px;
    height: 56px;
    cursor: pointer;
    background-color: #202020;
    border: none;
    color: #FFF;
    position: fixed;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(930px) translateY(10px);
    -ms-transform: translateX(930px) translateY(10px);
    transform: translateX(930px) translateY(10px)
}

.update-bar.dont-show .handle .icon {
    float: left;
    padding-top: 13px;
    margin-left: 2px
}

.update-bar.dont-show .handle .icon:before {
    font-size: 24px;
    color: #0789E7
}

.update-bar.dont-show .handle div {
    display: none
}

@media (max-width:1200px) {
    .update-bar.dont-show .handle {
        height: 41px;
        padding: 10px;
        white-space: nowrap;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    .update-bar.dont-show .handle .icon {
        margin: 0 5px;
        padding-top: 3px
    }
    .update-bar.dont-show .handle .icon_arrow-left {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .update-bar.dont-show .handle .icon_arrow-left:before {
        color: #FFF;
        font-size: 16px
    }
    .update-bar.dont-show .handle div {
        font-family: proxima_extrabold;
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px
    }
    .update-bar.dont-show .handle div+div {
        padding-left: .2em;
        font-size: 16px;
        color: #0789E7
    }
}

@media screen and (max-width:767px) {
    .update-bar.dont-show .handle {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        padding: 10px 0
    }
    .update-bar.dont-show .handle div {
        zoom: .85;
        padding-top: 5px
    }
}

.update-bar>div {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    width: 970px;
    position: relative;
    margin: 0 auto
}

@media (max-width:1200px) {
    .update-bar>div {
        width: 100%;
        border: none
    }
}

@media screen and (max-width:767px) {
    .update-bar.dont-show .handle {
        padding: 10px 3px
    }
    .update-bar.dont-show .gleam {
        top: 9px;
        left: initial;
        right: 7px;
        padding: 3px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 12px;
        width: 22px;
        height: 22px
    }
    .update-bar .shown-content .icon:before {
        display: block;
        font-size: 15px;
        line-height: inherit
    }
    .update-bar .shown-content .icon_close {
        position: absolute;
        top: 0;
        right: 5px;
        width: 24px;
        height: 23px;
        text-align: center;
        -webkit-border-radius: 0 0 50% 50%;
        border-radius: 0 0 50% 50%;
        border: 2px solid #000;
        background-color: #000;
        color: #fff
    }
}

.update-bar .col {
    height: 56px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.update-bar .col.content {
    font-size: 14px;
    width: inherit;
    position: relative
}

.update-bar .col.content .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0
}

@media screen and (max-width:980px) {
    .update-bar .col.content .slide {
        opacity: 1
    }
}

.update-bar .col.content .slide.transition {
    -webkit-transition: opacity .7s ease-out;
    transition: opacity .7s ease-out
}

@media screen and (max-width:980px) {
    .update-bar .col.content .slide.transition {
        -webkit-transition: -webkit-transform .6s ease-out;
        transition: -webkit-transform .6s ease-out;
        transition: transform .6s ease-out;
        transition: transform .6s ease-out, -webkit-transform .6s ease-out
    }
}

@media screen and (max-width:640px) {
    .update-bar .col.content .slide.transition {
        -webkit-transition: -webkit-transform .6s ease-out;
        transition: -webkit-transform .6s ease-out;
        transition: transform .6s ease-out;
        transition: transform .6s ease-out, -webkit-transform .6s ease-out
    }
}

.update-bar .col.content .slide.current-page {
    opacity: 1;
    -webkit-transition: opacity .7s ease-in;
    transition: opacity .7s ease-in
}

@media screen and (max-width:980px) {
    .update-bar .col.content .slide.current-page {
        -webkit-transition: -webkit-transform .6s ease-out;
        transition: -webkit-transform .6s ease-out;
        transition: transform .6s ease-out;
        transition: transform .6s ease-out, -webkit-transform .6s ease-out
    }
}

.update-bar .col.content .slide>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 946px
}

@media (max-width:1200px) {
    .update-bar .col.content .slide>div {
        width: 100%;
        padding: 0 10px
    }
}

.update-bar .col.content .slide>div>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.update-bar .col.content .slide header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.update-bar .col.content .slide header .team-logo {
    margin-right: 5px
}

.update-bar .col.content .slide header .icon {
    color: #000
}

.update-bar .col.content .slide header .icon:before {
    font-size: 30px;
    line-height: 70%
}

.update-bar .col.content .slide section {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.update-bar .col.content .slide section h4 {
    font-family: proxima_semibold;
    font-size: 18px
}

.update-bar .col.content .slide section .story-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.update-bar .col.content .slide section .players {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.update-bar .col.content .slide section .players .player {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.update-bar .col.content .slide section .players .player div+div {
    margin-left: 10px;
    padding-top: 5px
}

.update-bar .col.content .slide section .players .player-photo {
    width: 40px;
    height: 40px
}

.update-bar .col.content .slide section .players .position-stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.update-bar .col.content .slide section .players .player-position {
    font-family: proxima_extrabold;
    color: #959595;
    line-height: 1.3;
    padding-right: 5px
}

.update-bar .col.content .slide section .players .scout-stars {
    margin: 0 10px 0 0;
    width: 75px
}

.update-bar .col.content .slide section .players .icon_scoutstars:before {
    font-size: 12px
}

.update-bar .col.content .slide time {
    color: #959595
}

.update-bar .col.content .slide .header-title {
    font-size: 20px;
    text-transform: uppercase
}

.update-bar .col.content .slide .icon_arrow-right {
    vertical-align: text-top;
    margin-left: 2px
}

.update-bar .col.content .slide .icon_arrow-right:before {
    font-size: 12px
}

.update-bar .col.content .slide a.view-more .icon_arrow-right {
    vertical-align: sub
}

.update-bar .col.content .slide .recruit-event section a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.update-bar .col.content .slide .recruit-event section a h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.update-bar .col.content .slide .signing-day-countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.update-bar .col.content .slide .signing-day-countdown .countdown-wrapper .countdown-text {
    text-transform: uppercase
}

.update-bar .col.content .slide .signing-day-countdown .countdown-wrapper .countdown-text p {
    font-family: inherit;
    color: inherit;
    display: inline-block
}

.update-bar .col.content .slide .signing-day-countdown .countdown-wrapper .countdown-text p+p {
    padding-left: 5px
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper {
    -webkit-transform: scale(0.36);
    -ms-transform: scale(0.36);
    transform: scale(0.36);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: 3px;
    left: -140px;
    margin: 0;
    font-family: proxima_extrabold
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper ul.flip {
    -webkit-box-shadow: none;
    box-shadow: none
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .flip-clock-label {
    top: 97px;
    right: -110px;
    font-size: 30px;
    font-family: proxima_semibold
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .minutes .flip-clock-label,
.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .seconds .flip-clock-label {
    right: -130px
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .flip-clock-dot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .flip-clock-divider {
    height: 110px
}

.update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper .inn {
    color: #0789E7
}

.update-bar .col.content .slide .signing-day-countdown .presented-by-area {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.update-bar .col.content .slide .signing-day-countdown .presented-by-area a {
    color: #959595;
    text-transform: uppercase;
    font-size: 12px;
    font-family: proxima_extrabold;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.update-bar .col.content .slide .signing-day-countdown .presented-by-area a div {
    padding-right: 10px;
    padding-top: 7px
}

.update-bar .col.content .slide .signing-day-countdown .presented-by-area a img {
    width: 100px
}

@media screen and (max-width:980px) {
    .update-bar .col.content .slide .signing-day-countdown .countdown-text {
        width: 80%
    }
    .update-bar .col.content .slide .signing-day-countdown .flipclock.flip-clock-wrapper {
        left: -180px
    }
}

.update-bar .col.content .slide .view-more {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.update-bar .col.content .slide time {
    text-transform: none;
    font-size: 12px;
    font-family: proxima_regular;
    display: block;
    margin-top: 4px;
    padding-left: 0
}

@media screen and (max-width:767px) {
    .update-bar .col.content {
        min-height: 100px
    }
    .update-bar .col.content .slide>div {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .update-bar .col.content .slide>div.countdown-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }
    .update-bar .col.content .slide header {
        margin-bottom: 10px
    }
    .update-bar .col.content .slide section {
        margin: 0;
        padding-left: 5px;
        width: 100%;
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -ms-flex: initial;
        flex: initial
    }
    .update-bar .col.content .slide section .players {
        padding-right: 5px
    }
    .update-bar .col.content .slide time {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
    .update-bar .col.content .slide .view-more {
        padding-left: 5px
    }
    .update-bar .col.content .slide .recruit-list a {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .update-bar .col.content .slide .recruit-list header {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .update-bar .col.content .slide .recruit-list section {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
    .update-bar .col.content .slide .recruit-list section .players {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .update-bar .col.content .slide .recruit-list .view-more {
        visibility: hidden
    }
    .update-bar .col.content .slide .signing-day-countdown {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .update-bar .col.content .slide .signing-day-countdown .countdown-text {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-size: 19px
    }
    .update-bar .col.content .slide .signing-day-countdown .countdown-text p {
        font-size: 26px;
        display: block
    }
    .update-bar .col.content .slide .signing-day-countdown .countdown-text p+p {
        padding-left: 0;
        font-size: 19px
    }
    .update-bar .col.content .slide .signing-day-countdown .presented-by-area a {
        text-align: center
    }
    .update-bar .col.content .slide .signing-day-countdown .presented-by-area a img {
        width: inherit
    }
}

.update-bar .col.controls {
    border-left: 3px solid #CCC;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 56px;
    z-index: 1;
    background: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-calc(50% - 485px);
    width: calc(50% - 485px)
}

.update-bar .col.controls .icon {
    margin: 10px;
    cursor: pointer
}

.update-bar .col.controls .icon:before {
    font-size: 17px
}

.update-bar .col.controls .icon_close:before {
    font-size: 18px
}

.update-bar .col.controls .arrows {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 80px;
    padding-left: 10px
}

@media (max-width:1200px) {
    .update-bar .col.controls {
        position: initial;
        height: 30px;
        background: #202020;
        color: #E5E5E5;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        border: none
    }
    .update-bar .col.controls .icon {
        padding: 0 10px
    }
}