.profile_badges_header {
	margin-bottom: 16px;

	line-height: 30px;
}

.profile_badges_header_title {

	font-size: 24px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

			color: #5491cf;
}

.profile_badges_sortoptions {
	float: right;
}

.badge_sort_option {
	display: inline-block;
	margin: 0 8px;
}

.badge_sort_option.active {
	text-decoration: underline;
}

.badge_row {
	display: block;
	position: relative;
	padding: 1px;
	border-radius: 5px;
	margin-bottom: 31px;
	border-top: 1px solid #2e2c2c;
	border-right: 1px solid #242425;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	background-color: #212222;
	background: -webkit-linear-gradient( top, #383939 5%, #000000 95%);
	background: linear-gradient( to bottom, #383939 5%, #000000 95%);
}

.badge_row_overlay {

}

a.badge_row {
	color: #828282;
}

.badge_row.is_link:hover, .badge_row.depressed {
	background: none;
	background-color: #1d1e1f;
	box-shadow: inset 1px 1px 4px #000000;
	-webkit-box-shadow: inset 1px 1px 4px #000000;
}

.badge_row.is_link:hover {
	border: 1px solid #5491CF;
}

.badge_row.is_link:hover .badge_row_inner, .badge_row.depressed .badge_row_inner {
	background: none;
}

.badge_row_overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.badge_row_inner {
	background-color: #212222;
	border-radius: 5px;
	background: -webkit-linear-gradient( top, #232424 5%, #141414 95%);
	background: linear-gradient( to bottom, #232424 5%, #141414 95%);
}

.badge_title_row {
	padding: 8px 12px 0 12px;
	height: 32px;
	white-space: nowrap;
}

.badge_title_stats {
	float: right;
	font-size: 12px;
	color: #7b7b7c;
	text-align: right;
}

.badge_title_stats_content {
	overflow: hidden;
}

.badge_title_playgame {
	float: right;
	height: 22px;
	padding-top: 5px;
	margin-left: 12px;
}

.badge_title_playgame a {
	position: relative;
	z-index: 4;
}

.badge_title {
	line-height: 32px;
	font-size: 20px;
	color: #ffffff;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 200; /* thin */

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

.badge_view_details {
	color: #6ca1d5;
	font-size: 12px;
	visibility: hidden;
}

a.badge_row:hover .badge_view_details {
	visibility: visible;
}

.badge_title_rule {
	margin: 0 3px;
	height: 1px;
	border-top: 1px solid #000000;
	background-color: #333333;
}

.badge_content {
	padding: 10px;
	position: relative;
}

.badge_info {

}

.gamecard_details {
	position: relative;
}

.gamecard_details .badge_info {
	border: 1px solid #2d2b2b;
	border-radius: 3px;
	max-width: 320px;

	padding-left: 12px;
}

.badge_info_image {
	float: left;
	margin-right: 24px;
	width: 80px;
	height: 80px;
}

.badge_info_description {
	padding-top: 13px;
}

.badge_info_title {
	color: #ffffff;
}

.badge_info_unlocked {
	font-size: 12px;
}

.badge_progress_info {
	width: 92px;
	float: right;
	margin-left: 10px;

	text-align: center;
	font-size: 13px;

	padding-top: 20px;
}

.badge_progress_info .progress_info_bold, .badge_title_stats .progress_info_bold {
	color: #5491cf;
}

.how_to_get_card_drops {
	display: inline-block;
	position: relative;
	z-index: 4;

	cursor: pointer;
}

.card_drop_info_dialog {
	font-size: 14px;
	max-width: 556px;
}

.card_drop_info_header {
	font-size: 17px;
	color: #5491cf;
}

.card_drop_info_header.disabled {
	color: #5c5c5c;
}

.card_drop_info_header_secondary {
	color: #5c5c5c;
}

.card_drop_info_body {
	margin-left: 18px;
	margin-top: 8px;
	margin-bottom: 16px;
}

.card_drop_info_subarea {
	background-color: #262627;
	border: 1px solid #5491cf;
	padding: 19px 17px;

	margin-top: 24px;
	margin-bottom: 32px;
}

.card_drop_info_breakafter {
	margin-bottom: 12px;
}

.card_drop_info_progress {
	color: #5491cf;
}

.card_drop_info_progress_bar_ctn {
	background-color: #57595f;
	height: 10px;
	border-radius: 5px;
	margin: 7px 0;

	box-shadow: inset 1px 1px 3px #353535;
	-webkit-box-shadow: inset 1px 1px 3px #353535;
}

.card_drop_info_progress_bar {
	border: 1px solid #000000;
	border-radius: 4px;
	height: 8px;
	background: -webkit-linear-gradient( top, #182432 5%, #5491cf 95%);
	background: linear-gradient( to bottom, #182432 5%, #5491cf 95%);
}

.salespend_card_drop_info .card_drop_info_header, .salespend_card_drop_info .card_drop_info_progress {
	color: #b6b2a3;
}

.salespend_card_drop_info .card_drop_info_subarea {
	border-color: #5491cf;

}

.salespend_card_drop_info .card_drop_info_progress_bar {
	border-color: #27282b;
	background: -webkit-linear-gradient( top, #182432 5%, #5491cf 95%);
	background: linear-gradient( to bottom, #182432 5%, #5491cf 95%);
}

.salespend_card_drop_info .card_drop_info_totalspending {
	color: #5491cf;
	font-size: 15px;
}

.salespend_card_drop_info_moreinfo {
	font-size: 13px;
}

.salespend_card_drop_info_moreinfo a {
	text-decoration: underline;
	color: #b6b2a3;
}

.salespend_card_drop_info_moreinfo a:hover {
	color: #e9e4d1;
}

.badge_task_tooltip {
	border: 1px solid #333538;
	border-radius: 3px;
	padding: 5px;
	max-width: 292px;
	background: -webkit-linear-gradient( top, #33425A 5%, #282F3D 95%);
	background: linear-gradient( to bottom, #33425A 5%, #282F3D 95%);
}

.badge_task_tooltip a:hover {
	text-decoration: underline;
}

.badge_craft_button {
	background-color: #5491cf;
	display: block;
	border-radius: 5px;
	border: 1px solid #27629d;

	line-height: 68px;
	height: 68px;

	text-shadow: 1px 1px 2px #3c6dab;
	color: #ffffff;
	font-size: 17px;

	position: relative;
	z-index: 4;

	text-align: center;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	cursor: pointer;
}

.badge_craft_button:hover {
	background-color: #5ea3e8;
}

.badge_progress_tasks {
	overflow: hidden;
}

.badge_current {
	width: 296px;
	float: left;
}

.badge_description {
	margin-top: 12px
}

.badge_empty {
	border: 1px solid #656565;
	border-radius: 3px;
}

.badge_active {
	float: left;
	width: 268px;
	border-radius: 3px;
	margin: 16px;
	background-color: #262626;
}

.badge_empty_craftable {
	float: left;
	width: 268px;
	border: solid 1px #5492cf;
	border-radius: 3px;
	margin: 16px;
}

.badge_active_craftable {
	float: left;
	width: 268px;
	border: solid 1px #5492cf;
	border-radius: 3px;
	margin: 16px;
	background-color: #262626;
}

.badge_empty_circle {
	width: 46px;
	height: 46px;
	margin: 6px 14px 6px 6px;
	border-radius: 23px;
	border: 2px dashed #656565;
	float: left;
}

.badge_filled {
	float: left;
	margin: 6px 14px 6px 6px;
}

.badge_filled img {
	width: 46px;
	height: 46px;
}

.badge_empty_right {
	margin-top: 12px;
}

.badge_empty_name {
	color: #5c5c5c;
}

.badge_upgradable_name {
	color: #fff;
}

.badge_craft_block {
	background-color: #5492cf;
	color: #fff;
	line-height: 40px;
	text-align: center;
}

.badge_upgrade_text {
	width: 268px;
	font-size: 12px;
	color: #8b8b8b;
	margin: 0px 18px 0px 18px;
}

.badge_progress_cards {
	float: left;
	width: 522px;
	margin-top: 12px;
}

.badge_progress_card {
	float: left;
	width: 98px;
	height: 114px;
	margin-left: 2px;
	border: 1px solid transparent;
}

.badge_progress_card:first-child {
	margin-left: 0;
}

.badge_progress_card img {
	width: 98px;
	height: 114px;
}

.badge_progress_card.owned {
}

.badge_progress_card.owned img {
}

.badge_progress_card.unowned {
	border: dashed 1px #504b45;
	background-color: #101010;
}

.badge_progress_card.unowned img {
	opacity: 0.1;
}

.badge_progress_right {
	width: 108px;
	float: right;
	font-size: 14px;
	padding: 24px 6px 6px 0px;
}

.badge_progress_right_collected {
	color: #5a89cd;
	padding-top: 6px;
}

.badge_progress_task {
	float: left;
	margin-left: 18px;
	margin-bottom: 16px;
}

.gamecard_badge_progress {
	position: absolute;
	right: 12px;
	bottom: 10px;
}

.gamecard_badge_progress_label {
	margin-bottom: 4px;
	font-size: 13px;
}

.gamecard_badge_progress_label.bold {
	color: #5491cf;
}

.gamecard_badge_progress .badge_info {
	width: 250px;
	min-height: 68px;
}

.gamecard_badge_craftbtn_ctn.wide {
	max-width: 444px;
}

.gamecard_badge_craftbtn_ctn .badge_info {
	float: left;
	margin-right: 12px;
}

.gamecard_badge_craftbtn_ctn .badge_craft_button_ctn {
	float: left;
	width: 166px;
	display: flex;
	flex-direction: column;
	height: 70px;
}

.gamecard_badge_craftbtn_ctn .badge_craft_button {
	height: auto;
	line-height: normal;
	flex: 2;
	display: flex;
	align-items: center;
}

.gamecard_badge_craftbtn_ctn .badge_craft_button.multicraft {
	flex: 1;
	margin-top: 4px;
}

.gamecard_badge_craftbtn_ctn .badge_craft_button > div {
	text-align: center;
	flex: 1;
}

@media screen and (max-width: 890px )
{
	html.responsive .gamecard_badge_progress {
		position: static;
		clear: both;
		padding-top: 8px;
	}

	html.responsive .gamecard_badge_craftbtn_ctn .badge_craft_button_ctn {
		width: 40%;
		max-width: 166px;
	}

	html.responsive .gamecard_badge_craftbtn_ctn .badge_info {
		margin-right: 2%;
	}

	html.responsive .gamecard_badge_progress .badge_info {
		width: 50%;
		max-width: 250px;
	}
}

.badge_card_set_section {
	padding: 2px;
	border-top: solid 1px #33485d;
	background: -webkit-linear-gradient( top, #282c2f 5%, #1d1e20 95%);
	background: linear-gradient( to bottom, #282c2f 5%, #1d1e20 95%);
}

.game_card_unowned_border {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: dashed 1px #504b45;
	background-color: #101010;

	border-radius: 3px;
}

.badge_card_set_card.unowned img.gamecard {
	opacity: 0.1;
}

.badge_card_set_text {
	font-size: 14px;
	color: #646464;
	margin-top: 2px;

	padding: 0 2px;
}

.badge_card_set_text_qty {
	float: right;
}

.badge_card_to_collect {
	min-height: 130px;
	padding: 6px;
	position: relative;
}

.badge_card_set_unowned.small {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 98px;
	height: 110px;
	margin-right: 20px;
}

.badge_card_set_unowned.small img {
	opacity: 0.3;
	width: 98px;
	height: 110px;
}

.badge_card_to_collect_header {
	color: #8c8c8c;
	margin-left: 12px;
	margin-bottom: 4px;
}

.badge_card_to_collect_info {
	padding-left: 114px;
}

.badge_card_collect_text {
	float: left;
	padding-bottom: 10px;
	max-width: 30%;
}

.badge_card_to_collect_links {
	float: right;
	max-width: 67%;
}

.badge_card_to_collect_links > a {
	margin-bottom: 8px;
	margin-right: 8px;
}

@media screen and (max-width: 640px)
{
	html.responsive .badge_card_collect_text {
		float: none;
		max-width: none;
	}

	html.responsive .badge_card_to_collect_links {
		float: none;
		max-width: none;
	}
}

.badge_friendswithgamecards_section {
	padding-top: 8px;
}

.badge_friendwithgamecard {
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 8px;

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

@media screen and ( max-width: 700px )
{
	html.responsive .badge_friendwithgamecard {
		width: 31%;
	}
}

@media screen and ( max-width: 600px )
{
	html.responsive .badge_card_set_unowned.small {
		position: static;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	html.responsive .badge_card_to_collect_info {
		padding-left: 0;
	}
}

@media screen and ( max-width: 450px )
{
	html.responsive .badge_friendwithgamecard {
		width: 48%;
	}
}

.badge_friendwithgamecard .playerAvatar {
	margin-right: 10px
}

.badge_friendwithgamecard .persona {
	line-height: 16px;
}

.badge_friendwithgamecard_msg {
	color: white;
	font-size: 12px;
}

.badge_friendwithgamecard_actions
{
	margin-top: 4px;
}

.badge_friendwithgamecard_actions .btn_medium
{
	padding: 4px;
}


.game_card_hover {
	z-index: 100;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.game_card_hover:hover {
	background: url( 'https://community.fastly.steamstatic.com/public/images/community/zoom_hover.png' ) no-repeat;
	background-position: center;
}


.badge_card_set_cards
{
	display: flex;
	flex-wrap: wrap;
}

.badge_card_set_card {
	margin-left: 8px;
	margin-bottom: 18px;

	width: 225px;
}

.game_card_ctn {
	position: relative;
	width: auto;
	height: 261px;
}



.game_card_ctn.with_zoom {
	cursor: pointer;
}

img.gamecard {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 910px)
{
	html.responsive .game_card_ctn {
		height: auto;
	}

	html.responsive .badge_card_set_card {
		margin-left: 1%;
		margin-bottom: 2%;
		width: 23%;
		height: auto;
	}
}

@media screen and (max-width: 660px)
{
	html.responsive .badge_card_set_card {
		margin-left: 1%;
		width: 31%;
	}
}

@media screen and (max-width: 490px)
{
	html.responsive .badge_card_set_card {
		margin-left: 1%;
		width: 48%;
	}
}

.gamecards_inventorylink {
	padding: 0 8px;
	margin-bottom: 14px;
}

.badge_friends_have_earned {
	padding-left: 12px;
	padding-bottom: 14px;
}

.badge_friends_have_earned .badge_friends_have_earned_label {
	margin-bottom: 8px;
}

.badge_friends_have_earned .badge_friends_have_earned_friends .playerAvatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.badge_detail_tasks {
	margin-top: 7px;
	background-image: url( 'https://community.fastly.steamstatic.com/public/images/profile/badge_tasks_bg.png' );
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 24px;
}

.badge_detail_tasks.footer {
	margin-top: 0;
	padding: 0;
	height: 1px;
	margin-bottom: 14px;
}

.badge_gamecard_page .badge_detail_tasks {
	margin-left: 2px;
	margin-right: 2px;
}

.badge_detail_tasks .badge_task {
	width: 292px;
	margin-right: 16px;
	margin-bottom: 12px;
	float: left;
}

.badge_detail_tasks.twocol .badge_task {
	width: 45%;
	margin-right: 5%;
}

@media screen and (max-width: 910px) {

	html.responsive	.badge_detail_tasks .badge_task,
	html.responsive	.badge_detail_tasks.twocol .badge_task {
		width: 292px;
		margin-right: 16px;
	}
}

.badge_detail_tasks .badge_task img.quest_icon {
	float: left;
	margin-right: 15px;
}

.badge_progress_task .quest_icon {
	max-width: 48px;
	max-height: 48px;
}

.badge_detail_tasks .badge_task .badge_task_name {
	padding-top: 6px;
}

.badge_details_set_favorite {
	text-align: right;
	padding-right: 4px;
	margin-bottom: 4px;
}

.badge_details_set_favorite .btn_small_thin {
	margin-bottom: 8px;
}



.profile_xp_block {
	border-radius: 4px;
	border: solid 1px;
	border-color: #1a1819 #515153 #515153 #1a1819;
	background-color: #1d1e20;
	padding: 20px;
	margin-bottom: 24px;
}

.profile_xp_block_left {
	float: left;
}

.profile_xp_block_level, .profile_xp_block_xp {
	color: #e1e1e1;
	font-size: 17px;
	margin-left: 12px;
}

.profile_xp_block_level_num {
	font-size: 20px;
	color: #c6c6c6;
	background-image: url( 'https://community.fastly.steamstatic.com/public/images/profile/player_level_background.png' );
	width: 31px;
	height: 28px;
	padding-top: 3px;
	display: inline-block;
	text-align: center;
}

.profile_xp_block_mid {
	overflow: hidden;
	text-align: center;
	padding: 0 5%;
}

@media screen and ( max-width: 730px )
{
	.profile_xp_block_mid {
		clear: both;
		padding-top: 8px;
	}
}

@media screen and ( max-width: 540px )
{
	.profile_xp_block_right {
		display: none;
	}

	.profile_xp_block_left {
		float: none;
		text-align: center;
	}
}

.profile_xp_block_remaining {
	text-align: center;
}

.profile_xp_block_remaining_bar {
	background-color: #58595e;
	border-radius: 5px;
	height: 10px;
	margin-top: 8px;
}

.profile_xp_block_remaining_bar_progress {
	background-color: #726e6f;
	border-left: #b2b0b1 1px black;
	border-right: #4d4d4d 1px black;
	border-radius: 5px;
	background-image: url( 'data:image/png;base64,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');
	height: 10px;
}

.profile_xp_block_right {
	max-width: 280px;
	text-align: center;
	float: right;
}

.booster_eligibility_results {
	max-width: 456px;
}

.booster_eligibility_results p, .booster_eligibility_results ul {
	margin-top: 0;
	margin-bottom: 12px;
	line-height: 17px;
}


.booster_creator_page {

			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			line-height: 18px;
	position: relative;
}

.booster_creator_content {
	padding-left: 16px;
	padding-right: 16px;
}

.booster_creator_page h2, .booster_creator_page h3 {
	color: #ffffff;
	font-weight: normal;
}

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

.booster_creator_page h3 {
	font-size: 18px;
}

.booster_creator_page h3.goo_display {
	color: #67c1f5;
}

.booster_creator_page p {
	margin: 0 0 12px 0;
}

.booster_creator_art {
	position: absolute;
	top: -6px;
	right: 0;
	width: 356px;
	height: 296px;

	background: url( 'https://community.fastly.steamstatic.com/public/images/economy/tradingcards/boostercreator_art.png' ) no-repeat;
}

.booster_creator_intro {
	font-size: 13px;
	padding-bottom: 40px;
	width: 570px;
	background: url( 'https://community.fastly.steamstatic.com/public/images/economy/tradingcards/boostercreator_introbg.png' ) left bottom no-repeat;

	position: relative;
	margin-bottom: 10px;
}

.booster_creator_goostatus {
	border-top: 1px solid #2c405a;
	margin-top: 12px;
	padding-top: 36px;
	position: relative;
}

.booster_creator_goostatus .goostatus_left, .booster_creator_goostatus .goostatus_right {
	display: inline-block;
	vertical-align: top;
}

.booster_creator_goostatus .goostatus_left {
	line-height: 24px;
	margin-right: 6px;
	overflow: hidden;
	white-space: nowrap;
	width: 250px;
}

.booster_creator_goostatus .goostatus_right {
	width: 310px;
}

.booster_creator_goostatus a {
	color: #8f98a0;
	text-decoration: underline;
}

.booster_creator_goostatus a:hover {
	color: #ffffff;
}

.goo_untradable_note {
	border: 1px solid #2C405A;
	background: rgba( 0, 0, 0, 0.2 );
	margin: 16px;
	padding: 18px;
}

.goo_untradable_note strong {
	color: #67C1F5;
	font-weight: normal;
}

.booster_creator_area {
	position: relative;
	background: rgba( 0, 0, 0, 0.2 );
	margin: 0 16px;

	padding: 18px;
	min-height: 546px;
}

.booster_creator_left {
	display: inline-block;
	width: 300px;
	margin: 18px 9px 18px 0;
}

.booster_creator_right {
	display: inline-block;
	vertical-align: top;
	width: 558px;
	margin: 18px 0 18px 9px;
}

p#recent_games_label {
	padding-left: 20px;
}

.booster_option {
	text-align: center;
	width: 182px;
	float: left;
	margin-bottom: 44px;
}

.booster_option_image {
	width: 120px;
	height: 136px;
	margin-bottom: 12px;
}

.booster_goo_cost {
	color: #67c1f5;
	margin-bottom: 12px;
}

.booster_option_tradability_preference {
	margin-bottom: 12px;
}

.booster_option_tradability_preference input, .booster_option_tradability_preference label {
	vertical-align: middle;
}

.booster_option_tradability_preference input[disabled] {
	opacity: 0.5;
}

.booster_creator_actions {
	padding-top: 40px;
	text-align: center;
}

.booster_creator_actions > div {
	margin-bottom: 10px;
}

.booster_game_selector {
	padding: 12px 0;
}

select#booster_game_selector {
	width: 300px;
}

.booster_creator_page select {
	background: #212f43;
	border: 1px solid #2c405a;
	border-radius: 3px;
	font-size: 13px;
	line-height: 18px;
	padding: 3px 0;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

		}

#booster_game_selector > option.available {
	color: #ffffff;
}

#booster_game_selector_booster {
	text-align: center;
	padding-top: 20px;
}

#booster_game_selector_booster .booster_option {
	float: none;
	display: inline-block;
	width: auto;
}

#booster_game_selector_booster .booster_option_image {
	width: 235px;
	height: 268px;
	margin-bottom: 12px;
}

.booster_options .booster_option:hover .booster_option_image {
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
}

.limitedUserBadge {
	border: solid 1px #e5e54c;
	font-size: 17px;
}

.limitedLevel {
	float: left;
}

.limitedText {
	margin-left: 10px;
	float: right;
	padding-top: 5px;
}


html.responsive.mobile .badge_title_playgame {
	display: none;
}

@media screen and ( max-width: 910px )
{
	html.responsive .badge_progress_card_ctn  {
		width: 18%;
		margin-left: 0;
		display: inline-block;
	}
	
	html.responsive .badge_progress_card {
		width: auto;
		height: auto;
		float: none;
	}

	html.responsive .badge_progress_card img {
		width: 100%;
		height: auto;
	}


	/* assuming this is not a pc, so no need to have a playgame button */
	html.responsive .badge_title_playgame {
		display: none;
	}
}

@media screen and ( max-width: 450px )
{
	html.responsive .badge_progress_info {
		display: none;
	}
}

/* responsive in-progress card display */

@media screen and ( max-width: 800px ) and ( min-width: 741px )
{
	html.responsive .badge_progress_card_ctn  {
		width: 23%;
	}
	/* prefer to remove the middle card, we always want to show at least
		1 card you have (first slot) and at least 1 card you don't (last slot) */
	html.responsive .badge_progress_card_ctn:nth-child(3) {
		display: none;
	}
}

@media screen and ( max-width: 740px ) and ( min-width: 661px )
{
	html.responsive .badge_progress_card_ctn  {
		width: 31%;
	}
	html.responsive .badge_progress_card_ctn:nth-child(3),
	html.responsive .badge_progress_card_ctn:nth-child(4) {
		display: none;
	}
}

@media screen and ( max-width: 660px )
{
	html.responsive .badge_progress_tasks {
		clear: both;
		padding: 24px 0 0 0;
		text-align: center;
	}

	/* hide playtime and bump the "how do I earn drops?" link below */
	html.responsive .badge_title_stats_playtime {
		display: none;
	}

	html.responsive .how_to_get_card_drops_ctn {
		display: block;
	}
}