:root {
	--main-bg-color: #181c25;
	--main-bg-color-light: #181c25;
	--bg-featured: #565d671f;
	--bg-featured-light: #242b34;
	--bg-featured-dark: #00000055;
}


body {
	background: #181c25;
	/*background-image: linear-gradient(225deg, #2e3643 0%, #181c24 50%, #2e3643 100%);*/
	text-rendering: optimizelegibility;
}

img {
	-webkit-backface-visibility: hidden;
	-ms-transform: translateZ(0);
	/* IE 9 */
	-webkit-transform: translateZ(0);
	/* Chrome, Safari, Opera */
	transform: translateZ(0);
}


label {
	color: #9fdef3 !important;
}

@media (min-width: 1445px) {
	#main-wrapper {
		max-width: 1200px !important;
		width: auto !important;
		/*z-index: 9999998;*/
	}

	body {
		min-width: 1200px !important;
	}
}

#main-wrapper {

	box-shadow: none;
	color: #9fabbe;

	/*padding: 0;*/
}

@media (min-width: 1080px) {
	#app {
		padding: 0 25px;
		background: #181c25;
	}
}

#footer {
	background: #181c25 !important;
	z-index: 9998;
	margin-top: 0;
	padding-top: 40px;
	position: relative;

}

.article {
	color: #9fabbe !important;
	background: #161a23;
	background: #212733;
	padding: 20px;
}

@media (max-width: 400px) {
	.article {
		margin: 0 !important;
	}
}

.article .deck,
.article .wholeDeck {
	background: #00000099;
	background: #14181f;
}

.article .deckHeader {
	background: #1d232b;
}

.article h1 {
	border-bottom: none;
	font-weight: 500;
	font-size: 42px;
	atext-transform: uppercase;
	font-weight: 600;
	margin: 20px 0 40px 0;
}


.article h3 {
	font-size: 22px;
}

#main-wrapper b {
	color: #B8C6DD;
}

.navbar-inverse {
	abackground: #020408;
	aborder-bottom: 1px solid #171f2547 !important;
}

#navigation {
	abackground: linear-gradient(131deg, rgba(25, 32, 48, 1) 0%, rgba(0, 0, 0, 1) 100%);
	abackground: linear-gradient(145deg, rgb(0 0 0) 0%, rgb(0 102 141) 100%) background: linear-gradient(145deg, rgb(0 0 0) 0%, #0f1115 100%) abackground: #0f1115;
	background: #1b2026;
	background: #101418;
	background: #050608;
	background: #333b43;
	background: #171f25;
	aborder-bottom: 1px solid #111317 !important;
	abackground: rgba(43, 43, 54, .4);
	background: rgba(21, 24, 34, 0.99);


	background-image: linear-gradient(30deg, rgb(60 70 83), rgb(36 43 52));
	background-image: linear-gradient(30deg, rgb(25 16 25), rgb(36 43 52));
	background-image: linear-gradient(30deg, rgb(6 151 197 / 0%), rgb(36 43 52));
	background-image: linear-gradient(30deg, #151822, rgb(36 43 52));
}

}

#usermenu {
	abackground: #181b21;
	background: #242b34;
}

.navbar-inverse .navbar-nav>li>a {
	color: rgb(252, 253, 254);
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
}

.clickable {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #ffffffee !important;
	border: none;
	line-height: 1.25 !important;
}

h1 {
	border-bottom: none;
	font-size: 24px;
	font-weight: 500;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	text-rendering: optimizelegibility;
	text-size-adjust: 100%
}

h1::after {
	content: ' ';
	clear: both;
	width: 100px;
	margin-top: 10px;
	display: block;
	background-color: #00C5Ffdd;

	height: 5px;

}

h2,
.latest_decks h2 {
	background: #ffffff07;
	background: #111720;
	/*background: #242b34;*/
	font-weight: 500 !important;
	abackground: #0e1219;
	abackground: #565d6726;
	abackground: none;


	background: #3c4653;
	background: #262a33;
	/*margin-top: 40px!important;
	margin-bottom: 0!important*/
	background: none;
	padding: 0;
	box-shadow: none;
	font-size: 16px;
	color: #E8ECF1;
}

.container h2 {
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: bold !important;
}

@media(max-width:600px) {
	.container h2 {
		padding-left: 10px;
	}
}

.article h2::after {
	content: ' ';
	clear: both;
	width: 100%;
	margin-top: 5px;
	display: block;
	background-color: #00C5Ff;
	/*background-color: #ffffff22;*/
	height: 2px;
	margin-bottom: 5px;

	background: linear-gradient(90deg, #00C5Ffff, #00C5Ff00);

}

h3 {
	border: none;
}

.btn {
	border-radius: 3px;
	border: none !important;
	box-shadow: none !important;
	aopacity: 0.9;
}

table>thead>tr>th,
.table th,
.th {
	background: #565d6755 !important;
	background: #282c33 !important;
	background: #232933 !important;
	background: #2e3643 !important;
	background: #232933 !important;
	color: white !important;
	border: none !important;
	border-bottom: none !important;
	margin-top: 10px;
}

.table th a,
.table .th a {
	color: white !important;
}

.table.striped tr {
	border-top: 1px solid #1e2430 !important;
}

.table tr {
	border-top: none !important;
	border-bottom: 1px solid #ffffff0d !important;
}

.table th a {
	color: white !important;
}


.table-striped>tbody>tr:nth-child(even) {
	background: transparent;
	aborder: none;
}

.table-striped>tbody>tr:nth-child(odd) {
	background: transparent;
	background: #00000054;
	background: #282c3340;
	abackground: #ffffff10;
	abackground: #242b34;
	aborder: none;
}

table.clickable tr:hover td,
table.hoverable tr:hover td {
	background: #57583C !important;
	color: white !important;
}

table.clickable tr:hover td .fa,
table.clickable tr:hover td .glyphicon,
table.hoverable tr:hover td .fa,
table.horaverable tr:hover td .glyphicon {
	color: white !important;
}

table.clickable tr:hover td a,
table.clickable tr:hover td .linker,
table.hoverable tr:hover td a,
table.hoverable tr:hover td .linker {
	color: white !important;
	background: transparent !important;
}



#archetypes td {
	border: none !important;
}

.letterize,
.letterize.inverted {
	opacity: 1;
	font-weight: 500;
	font-family: "Roboto";
	border-radius: 2px !important;

}

.letterize.inverted:hover {
	color: #ffffff;
	border: 1px solid white !important;
}

.letterize.inverted.big {
	border-width: 1px !important;
}

.letterize.inverted.big:hover {
	color: #ffffff;
	border: 1px solid white !important;
}

.letterize.Standard,
.letterize.inverted.Standard {
	background: #43070d;
	color: #ffffffee;
	border: 1px solid #FF0000aa;
	background: linear-gradient(90deg, #00000000 0%, #FF000011 0%);
}

.background-Standard {
	background: #43070d
}

.letterize.Alchemy,
.letterize.inverted.Alchemy {
	background: #E0790044;
	color: #ffffffee;
	border: 1px solid #ffffffb3;
	background: linear-gradient(90deg, #00000000 0%, #d6c89a0f 0%);
}

.background-Alchemy {
	background: #E0790044
}

.letterize.Legacy,
.letterize.inverted.Legacy {
	background: #221730;
	color: #ffffffee;
	border: 1px solid #7C438D;
	background: linear-gradient(90deg, #00000000 0%, #7C438D11 0%);
}

.background-Legacy {
	background: #221730
}

.letterize.Classic-Legacy,
.letterize.inverted.Classic-Legacy {
	background: #221730;
	color: #ffffffee;
	border: 1px solid #72438d;
	background: linear-gradient(90deg, #00000000 0%, #72438d11 0%);
}

.background-Classic-Legacy {
	background: #311a41
}

.letterize.Vintage,
.letterize.inverted.Vintage {
	background: #042f38;
	color: #ffffffee;
	border: 1px solid #04A1AF;
	background: linear-gradient(90deg, #00000000 0%, #04A1AF11 0%);
}

.background-Vintage {
	background: #042f38
}

.letterize.Modern,
.letterize.inverted.Modern {
	background: #04270d;
	color: #ffffffee;
	border: 1px solid #008000;
	background: linear-gradient(90deg, #00000000 0%, #00800011 0%);
}

.background-Modern {
	background: #04270d
}

.letterize.Premodern,
.letterize.inverted.Premodern {
	background: #17321E;
	color: #ffffffee;
	border: 1px solid #146044;
	background: linear-gradient(90deg, #00000000 0%, #14604411 0%);
}

.background-Premodern {
	background: #17321E
}

.letterize.Peasant,
.letterize.inverted.Peasant {
	background: #64837F44;
	color: #ffffffee;
	border: 1px solid #64837F;
	background: linear-gradient(90deg, #00000000 0%, #64837F11 0%);
}

.background-Peasant {
	background: #64837F44
}

.letterize.Commander,
.letterize.inverted.Commander {
	background: #2b1f0f;
	color: #ffffffee;
	border: 1px solid #9C600A;
	background: linear-gradient(90deg, #00000000 0%, #9C600A11 0%);
}

.letterize.Archon,
.letterize.inverted.Archon {
	background: #443A1A;
	color: #ffffffee;
	border: 1px solid #B79027;
	background: linear-gradient(90deg, #00000000 0%, #B7902711 0%);
}

.letterize.Duel-Commander,
.letterize.inverted.Duel-Commander {
	background: #2B1A0F;
	color: #ffffffee;
	border: 1px solid #9C440A;
	background: linear-gradient(90deg, #00000000 0%, #9C440A11 0%);
}

.background-Commander {
	background: #2B1A0F
}

.background-Duel-Commander {
	background: #2B1A0F
}

.letterize.Frontier,
.letterize.inverted.Frontier {
	background: #E0790044;
	color: #ffffffee;
	border: 1px solid #E07900;
	background: linear-gradient(90deg, #00000000 0%, #E0790011 0%);
}

.background-Peasant {
	background: #E0790044
}

.letterize.Pauper,
.letterize.inverted.Pauper {
	background: #242b34;
	color: #ffffffee;
	border: 1px solid #80949E;
	background: linear-gradient(90deg, #00000000 0%, #80949E11 0%);
}

.background-Peasant {
	background: #242b34
}

.letterize.Highlander,
.letterize.inverted.Highlander {
	background: #163c3e;
	color: #ffffffee;
	border: 1px solid #4CD4C6;
	background: linear-gradient(90deg, #00000000 0%, #4CD4C611 0%);
}

.background-Peasant {
	background: #163c3e
}

.letterize.Block,
.letterize.inverted.Block {
	background: #FF27E844;
	color: #ffffffee;
	border: 1px solid #FF27E8;
	background: linear-gradient(90deg, #00000000 0%, #FF27E811 0%);
}

.background-Peasant {
	background: #FF27E844
}

.letterize.Extended,
.letterize.inverted.Extended {
	background: #8F946844;
	color: #ffffffee;
	border: 1px solid #8F9468;
	background: linear-gradient(90deg, #00000000 0%, #8F946811 0%);
}

.background-Peasant {
	background: #8F946844
}

.letterize.Pioneer,
.letterize.inverted.Pioneer {
	background: #042b47;
	color: #ffffffee;
	border: 1px solid #0093E9;
	background: linear-gradient(90deg, #00000000 0%, #0093E911 0%);
}

.background-Peasant {
	background: #042b47
}

.letterize.Brawl,
.letterize.inverted.Brawl {
	background: #6f161644;
	color: #ffffffee;
	border: 1px solid #6f1616;
	background: linear-gradient(90deg, #00000000 0%, #6f161611 0%);
}

.background-Peasant {
	background: #6f161644
}

.letterize.Historic,
.letterize.inverted.Historic {
	background: #282b27;
	color: #ffffffee;
	border: 1px solid #8F9468;
	background: linear-gradient(90deg, #00000000 0%, #8F946811 0%);
}

.background-Peasant {
	background: #282b27
}

.letterize.Explorer,
.letterize.inverted.Explorer {
	background: #0B2130;
	color: #ffffffee;
	border: 1px solid #3F7798;
	background: linear-gradient(90deg, #00000000 0%, #198ACC11 0%);
}

.background-Peasant {
	background: #0B2130
}

.letterize.Old-school,
.letterize.inverted.Old-school {
	background: #E0790044;
	color: #ffffffee;
	border: 1px solid #E07900;
	background: linear-gradient(90deg, #00000000 0%, #E0790011 0%);
}

.background-Peasant {
	background: #E0790044
}

.letterize.Penny-Dreadful,
.letterize.inverted.Penny-Dreadful {
	background: #242634;
	color: #ffffffee;
	border: 1px solid #80869E;
	background: linear-gradient(90deg, #00000000 0%, #80869E11 0%);
}

.background-Peasant {
	background: #242634
}

.letterize.Historic-Brawl,
.letterize.inverted.Historic-Brawl {
	background: #6f161644;
	color: #ffffffee;
	border: 1px solid #6F163A;
	background: linear-gradient(90deg, #00000000 0%, #6F163A11 0%);
}

.background-Peasant {
	background: #6f161644
}


h1 .letterize {
	font-size: 24px !important;
	display: inline-block !important;
}

h3 a {
	color: #00C5Ff !important;
}

#archetypes img {

	border: 1px solid #1d222d;
	-webkit-box-shadow: 0 0 5px rgb(0, 0, 0);
	-moz-box-shadow: 0 0 5px rgb(0, 0, 0);
	box-shadow: 0 0 5px rgb(0, 0, 0);
	/* border: none; */
	border-radius: 2px;

}

hr {
	height: 0;
	border: none !important;
}

.deck {
	background: transparent;
}

.deck .number {
	color: #b8c6dd;
}

.btn-light {
	background: #ffffff11;
	border: 1px solid white;
	color: white !important;
}

#pricesbox .btn {
	border: none !important;
}

#content input:not([type=submit]),
up-modal input:not([type=submit]),
#content select,
up-modal select,
#content select option,
up-modal select option,
#content textarea,
up-modal textarea,
#arena_deck {
	background: #2b3038 !important;
	background: #282c33 ! important;
	background: #232933 ! important;
	color: white !important;
	border: 1px solid #3e4756aa;
	aborder: 1px solid silver !important;
	box-shadow: none;
	border-radius: 2px;
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 5px;
	font-weight: 100;

}

#content input::placeholder {
	color: #ffffff55;
	opacity: 1;
	/* Firefox */
}

#content input:focus,
#content select:focus,
#content textarea:focus {
	border: 1px solid #D6FAFFee;
	outline: none;
}

#content .full-width {
	width: 100% !important;
}

#content input[readonly] {
	color: silver !important;
	font-weight: 300 !important;
	font-style: italic;
	;
}

#content select {
	width: 100%;
}

#content input[type=submit] {
	width: auto;
}

#content input[type=date] {
	padding: 0 10px !important;
	line-height: 27px;
}

.deck .type {
	color: white;
	text-transform: none;
	font-style: normal;
}

.deck .type .small {
	color: #dae1e6;
}

.deck .price .option {
	color: silver;
}

ul.nav-tabs {
	background: #0e1219;
	background: #232932;
	border: none;

	amargin-bottom: 0;
	apadding-bottom: 0;
}

.nav-tabs>li>a {
	color: white;
	color: black;
	color: #565d67;
	font-weight: 500;
}

.nav-tabs>li.active>a {
	color: white;

}

.nav-tabs>li>a .fa,
.nav-tabs>li>a .ms,
.nav-tabs>li>a .glyphicon,
.nav-tabs>li>a .svg-icon {
	color: #0a3546 !important;
}



.wholeDeck {
	background: #ffffff09;
	background: #0e141d;
	background: #242b34;
	background: #161a23;
	margin-top: -20px;
	background: #14181f;
}

#archetypes .number,
#archetypes .action {
	color: #B8C6DD;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li.active .linker,
.nav-pills>li.active .linker:hover,
.nav-pills>li.active .linker:focus {
	background: #00C5Ff;
	background-image: linear-gradient(to right, #13a5ff 0%, #00a1d0 51%, #008DB6 100%);
	background: #21aede;
	color: white;
}


.btn {
	border-radius: 2px;
}

.btn-default {
	background: none;
	background: #3e4756;
	/* border: 1px solid #fff!important; */
	/* background-image: linear-gradient(to right,#858a94 0%,#e8e9eb 51%,#e9e9eb 100%); */
	color: white;
}

.btn-default-dark {
	background-color: #232933;
	color: #626f7f;
	font-weight: 300;
	border-radius: 15px;
}

.btn-default-dark.disabled,
.btn-default-dark:focus {
	color: #626f7f;
}

.btn-default-dark .icon {
	color: #6497c16e;
}

.btn-default-dark:hover {
	background-color: #3e4756;
	color: white;
}

.btn-default-dark.active {
	background-color: #4f5a6c;
	color: white;
}



.btn-primary {
	color: white;
	box-shadow: none;
	/*background-image: linear-gradient(to right, #00539a 0%, #0265a0 51%, #2674a3 100%);*/
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
	background: linear-gradient(135deg, #1a78b1 0%, #0056b3 100%);
	background: #0072ed;
	background: #1a78b1;

}

.btn-info {
	color: white;
	box-shadow: none;
	/*background-image: linear-gradient(to right, #13a5ff 0%, #00a1d0 51%, #0bbebf 100%);*/
	background: linear-gradient(135deg, #008faa 0%, #23c4fb 100%);
	background: #23c4fb;
}

.btn-danger {
	color: white;
	box-shadow: none;
	/*background-image: linear-gradient(to right, #C52F2F 0%, #b3131a 51%, #901B26 100%);*/
	background: linear-gradient(135deg, #c52f2f 0%, #901b26 100%);
	background: #901b26;
}

.btn-warning {
	background: #FFC21C77;
	border: 1px solid #FFC21C;
	color: white;
	box-shadow: none;

	background: linear-gradient(135deg, #FFC21C 0%, #FFC21C 100%);
	background: #FFC21C;

}

.btn-default {
	border: 1px solid white;
}

.btn-success {
	color: white;
	box-shadow: none;
	background-image: linear-gradient(to right, #009a53 0%, #02a041 51%, #26a330 100%);
	background: #26a330;
}

.btn-like {
	background: #FFE40055;
	border: 1px solid #867e3c !important;
}

.btn-like:hover {
	background: #FFE40099 !important;
}

.btn-outline {
	background: transparent;
	border: 1px solid #ffffff99 !important;
	color: white !important;
}

.btn-ghost {
	background: transparent !important;
	border: none !important;
	color: white !important;
}

.btn-outline:hover,
.btn-ghost:hover {
	background: #ffffff33 !important;
}

.deckHeader {
	background: #232831;
	background: #171b24;
	color: white;
	font-weight: 600;
	background: #14181f;
}

.deckInfo,
.deckInfo strong,
.deckInfo b {
	text-rendering: optimizelegibility;
}

.deckInfo {
	font-size: 12px;
	font-weight: 500;
}


#sticky-reference .glyphicon-map-marker {
	color: red;
	opacity: 0.5;
}

#sticky-reference .glyphicon-user {
	color: #00C5Ff;
	opacity: 0.7
}

#sticky-reference .btn {
	border-radius: 0;
	box-shadow: none;
}

#sticky-reference .btn-default:not(.btn-primary) {
	background: #ffffff11;
	background: #232831ad;
	background: #00000066;
}

#sticky-reference .btn:hover {
	background: silver;
	color: black;
}

table a {
	color: #00C5Ff;
}

h3 a,
a,
.text-link,
.linker,
.link,
#archetypes a,
#archetypes .linker {
	color: #00C5Ff;
}

#archetypes a,
#archetypes .linker {
	font-weight: 600;
}

#archetypes .my-group {
	margin-bottom: 10px;
}

.heading {
	background: #006f90;
	color: white;
	background: #1f242d !important;
	margin-top: 10px;
	padding: 7px 10px;
}

.omniSwitch .btn {
	border-radius: 0 !important;
	border: 1px solid #181c25 !important;
	outline: none !important;
	box-shadow: none !important;
}

@media(min-width:790px) {
	.heading {
		padding-left: 0;
		background: none;
		margin: 0px 0;
		padding: 0 10px;
	}

	.breadcrumbs {
		margin-top: 7px;
	}
}

@media(min-width:450px) {


	.omniSwitch {
		padding: 3px 20px;
		margin-top: 2px;
	}

	.priceSwitcher {
		margin-top: -2px;
	}



}


#narrow-wrapper {
	padding: 20px;
	background: #ffffff11;
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

#narrow-wrapper h1 {
	border-bottom: 5px solid #0d99d0;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#narrow-wrapper h1::after {
	content: none;
}

.heading a {
	color: white !important;
}

.nav-pills {
	aborder-top: 2px solid #006482;
	margin-bottom: 30px;
	/*background: #565d67c2;*/
	background: #4f5c6dad;
}

.nav-pills li a,
.nav-pills li .linker {
	display: block;
	font-weight: bold;
	background: none;
	text-rendering: optimizelegibility;
}

table .cardItem a {
	font-weight: 500;
}

.imageChange {
	margin-bottom: 10px;
}

ul.pagination {
	background: none;
}

#content ul.pagination li a {
	background: #00000055;
	background-color: #00000055;
	border: none;
}

#content ul.pagination li.active a {
	background: #00C5Ff;
}


.tabpanel svg {
	background: white;
}

text,
rect {
	fill: white;
}

.glyphicon-question-sign {
	color: #bba40040 !important;
}

#content .addToCollection .plus {
	background: #3D3D3D;
}

#content .addToCollection .plus:hover {
	background: green;
}

#content .nav-tabs.secondary {
	background: #020408;
	border-bottom: none;
	background: #565d67;
}

#content .nav-tabs.secondary .btn {
	border-radius: 2px;
	font-weight: 500;
	background: #565d67;
	color: white;
}

#content .nav-tabs.secondary .btn img {
	filter: brightness(0) invert(1);
}

table table img,
img.whitened {
	filter: brightness(0) invert(1);
}

.nav-tabs .active img.whitened {
	filter: brightness(1) invert(0);
}

#content .nav-tabs.secondary .btn:hover {
	background: #00C5Ff99;
}

#content .nav-tabs.secondary .btn.active {
	background: #00C5Ff;
}

#layer {
	height: 340px;
}

.imageChange {
	max-width: 240px;
	border-radius: 13px;
}

img[src*='img/cards'],
img[src*='img/card'],
img[src*='img/cache/cards'],
img[src*='img/cache/card'],
.roundedcard {
	border-radius: 17px;
}



.cardPrice img {
	max-width: 280px;
}

@media(max-width:1080px) {

	#footer {
		background: transparent;
	}
}


.progress {
	background: #00000085 !important;
}


#content .modal {
	z-index: 9999999999999999;
}

#content .modal-content,
up-modal-box {

	background: #181c25;
	color: #9fabbe;
}

#content .modal-content input[readonly] {
	background: #111925 !important;
	border: none !important;
	font-weight: bold;
	outline: none;
	padding: 20px 0 0
}

#content .modal-content .close {
	color: white;
}

#content .modal-content h4 {
	border: none;

}

#content .modal-content label {
	color: #c7f0ff !important;
	font-weight: bold !important;
	font-size: 12px;

}

#content .modal-header h4 {
	padding: 0;
	font-size: 14px;
}

#content .modal-footer {
	border: none;
}

#content .modal-header {
	border: none;
	background: #ffffff11;
}

.note-editor .note-editable {
	color: #9fabbe !important;
	background-color: #020408 !important;
}

.note-editor .btn-default {
	color: black;
}


#usermenu img {
	afilter: invert(36%) sepia(18%) saturate(322%) hue-rotate(176deg) brightness(89%) contrast(85%);
}

#usermenu a {
	font-weight: 200;
	color: #9fabbe;
	font-size: 14px;
	text-transform: capitalize;
}

#usermenu {
	background: #232933;
}

#usermenu .glyphicon,
#usermenu .ms,
#usermenu .fa,
#usermenu .svg-icon {
	color: #00beff;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;

	-webkit-transform: translate3d(0, -50px, 0);
	-ms-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0);

	-webkit-transition: -webkit-transform .5s ease-out;
	-ms-transition: -webkit-transform .5s ease-out;
	transition: transform .5s ease-out;
	z-index: 9999999999;
}

.pace.pace-active {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 5px;
	background: #f0fafb;

	pointer-events: none;
}

@-webkit-keyframes pace-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes pace-spinner {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes pace-spinner {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-ms-keyframes pace-spinner {
	0% {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes pace-spinner {
	0% {
		transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#home-top-banner-mobile a {
	text-decoration: none !important;
}

.buyButton {
	border: none;
	border: 1px solid #ffffff55;
}

.buyButton:hover {
	filter: brightness(1.1);
	border-color: white;
}

.well {
	background: #161a23;
	border: 1px solid #0d99d042;
	background: transparent;
	border:none;
}

#main-wrapper label {
	color: #ffffffdd !important;
	text-transform: uppercase;
	font-weight: 100 !important;
	margin-bottom: 3px;
	color: #B8BFCC !important;
}

.highlight {
	background: #161a23;
	padding: 20px;
	color: #c5ddff;
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
	aborder: 1px solid #0d99d042;
}

.backgrounded {
	background: #1d222d;
}

.featured {
	background: #161a23;
	background: #00c5ff;
	background: #ffffff10;
	background: #161a23;
	padding: 20px;
	color: #f1f1f1e8;
	color: #c5ddff;
	color: #8599b5;
	margin: 0px 0px 0px 0px;
	/*box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    border:1px solid #0d99d042;
    outline: 1px solid #161a23;*/
	font-size: 15px;
	font-weight: 400 !important;
	border-radius: 2px;
	background: #1d222d;
	font-weight: 100 !important;
}

.featured b,
.featured strong {
	color: #c5ddff !important;
	color: #c5ddff !important;
	font-weight: 400 !important;
}

.featured a {
	/*color:#c5ddff!important;
	atext-decoration: underline;
	atext-transform: uppercase;*/
	/*font-weight: 400 !important;*/
	/*color: #c5ddff!important;*/
}

@media (max-width: 400px) {
	.featured {
		margin: 15px 5px;
		font-size: 13px;
		padding: 10px;
	}
}

.toggle {
	margin-top: 23px;
	border: 1px solid transparent;
}

.toggle-off {
	background: #454c56 !important;
	font-weight: 400;
}

.toggle-on {
	background: #3EDB0077;
	border: 1px solid #3EDB00;
	outline: none;
}

.toggle-handle {
	background: white !important;
}

legend {
	color: white;
}

.list-group-item {
	background: none !important
}

.imageDeckFrame {
	margin-bottom: 50px;
	background: #141721;
	position: relative;

}

.imageDeckDescription {
	padding: 10px;
}

.imageDeckDescription .imageDeck {
	margin-bottom: 10px;
}

.imageDeckActions {
	padding-top: 10px;
}

.imageDeckFrame .btn {
	font-weight: normal;
}

.imageDeckOwned {
	border-bottom: 1px solid #181c25;
	border-top: 1px solid #181c25;
	padding: 10px 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	background: #141721;
}

.imageDeckEvent {
	border-bottom: 1px solid #181c25;
	padding: 10px 10px;
	font-size: 10px;
	background: #141721;
}

.imageDeckOwned .progress {
	margin-bottom: 0;
	opacity: 0.7;
	height: 10px;
}

input.typeahead {
	abackground: none 0% 0% / auto repeat scroll padding-box border-box rgb(36 43 52 / 46%);
	background: none 0% 0% / auto repeat scroll padding-box border-box rgb(69 83 101 / 46%);
}

.mon-placement {
	background: #1b1f29;
}

.prvk .mon-placement {
	background: transparent;
}




.loading-mon {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1b1f29 url("../img/css/ads_bg.svg") no-repeat center center;
}

.loading-mon .vm-placement,
.loading-mon .raptive-placement {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.adthrive-ad.adthrive-footer {
	background: #1b1f29 !important;
	border-top: 1px solid #2e3543 !important;
}

#placement-header-mobile .adthrive-collapse-player {
	border: none;
	padding: 0;
}


/*@media(max-width:728px) {
    .loading-ad:first-child{
      height: 250px;
    }
}*/

.loading-mon iframe {
	z-index: 2;
}


.vm-placement {
	z-index: 9998;
}

.vm-footer {
	z-index: 9999999 !important;
}

/* to keep deck view ads at the border after the deck list*/
.deck div[id*="300x250-static-general"] .vm-preloader {
	justify-content: normal !important;
}


.nav-pills.secondary {
	background: #282c33;
	background: #232933;
}

.nav-pills.secondary li {
	padding: 5px;
}

.nav-pills.secondary li li {
	padding: 0;
}

.nav-pills.secondary li li,
.nav-pills.secondary li ul {
	background: #282c33;
	background: #232933;
}

.nav-pills.secondary li li a,
.nav-pills.secondary li li .linker {
	color: silver !important;
	background: #282c33;
	background: #232933;
	font-size: 11px;
	width: 100%;
}

.nav-pills.secondary li li.section {
	border-bottom: 1px solid #3e4756;
	padding-top: 5px;
}


.nav-pills.secondary li li.section,
.nav-pills.secondary li li.section a {
	color: #00dbfb !important;
	font-weight: bold !important;

}

.nav-pills.secondary li li:hover,
.nav-pills.secondary li li:hover a {
	background: silver;
	color: black !important;
}

.nav-pills.secondary li a,
.nav-pills.secondary li a.linker,
.nav-pills.secondary li .linker {
	font-weight: 400;
	padding: 5px;
	border-radius: 3px;
	color: white;
	display: inline-block;
}

.nav-pills.secondary li a:hover,
.nav-pills.secondary li a[aria-expanded=true],
.nav-pills.secondary li a.linker:hover,
.nav-pills.secondary li .linker:hover {
	color: black;
	background: white;
	text-decoration: none;
}

.nav-pills.secondary li.active a,
.nav-pills.secondary li.active .linker {
	color: black;
	font-weight: bold;
	background: transparent;
	/*background-image: linear-gradient(to right, #13a5ff 0%, #00a1d0 51%, #008DB6 100%);*/
	background: #ffffff4f;
	color: white;
}

dl.padded dt,
dl.padded dd {
	margin: 3px 0;
}

.rarity-bg-C {
	background-color: #4e5d72;
}

.rarity-bg-U {
	background-color: silver;
}

.rarity-bg-R {
	background-color: gold;
}

.rarity-bg-M {
	background-color: #d04a34;
}

.rarity-bg-T {
	background-color: #73378F;
}

.rarity-text-C {
	color: #4e5d72;
}

.rarity-text-U {
	color: silver;
}

.rarity-text-R {
	color: gold;
}

.rarity-text-M {
	color: #d04a34;
}

.rarity-text-T {
	color: #73378F;
}

.article_thumbnail {
	margin-top: 0;
	background: #101319;
	border-radius: 5px;
	padding: 0;
	position: relative;
}

.article_thumbnail .title {
	font-weight: bold !important;
}

.article_thumbnail .image_container {
	max-height: 180px;
	overflow: hidden;
	margin-bottom: 15px;
}

.article_thumbnail .image_container img {
	border-radius: 5px;
}

.article_thumbnail h3 {
	margin: 0;
	white-space: pre-wrap;
}

.article_thumbnail .img-circle {
	padding: 2px;
}

.article_thumbnail .tags {
	position: absolute;
	top: 10px;
	right: 10px;
}

.article_thumbnail .tags .label {
	opacity: 0.9;
	background: #2F3D4F;
}

.article_thumbnail .text-area {
	position: relative;
	padding: 0px 10px;
}


@media only screen and (min-width: 980px) {
	.article_thumbnail .text-area {
		position: relative;
		padding: 0px 10px;
		padding-right: 50px;
	}

	.article_thumbnail .author-image {
		position: absolute;
		top: 0;
		right: 0px;
		width: 50px;
	}
}


.toc {
	padding: 10px;
	background: #2d3543;
	margin: 10px 0;
}

.toc>ul>li {
	font-weight: 300;
}

.toc li ul {
	padding: 10px 20px;
}

.toc li ul li {
	font-weight: 300;
	text-transform: none;
}

.toc li li {
	list-style: none;
}

.toc b {
	display: block;
	border-left: 3px solid #00dafa;
	padding-left: 10px;
	text-transform: uppercase;
	margin: 10px;
}

@media (min-width: 800px) {
	.equal {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
}

.row.vcenter {
	display: flex;
	align-items: center;
}

.framed {
	background: #1d222d;
	padding: 10px;
	vertical-align: middle;
	overflow: hidden;
}

.text-success-gradient {
	background: -webkit-linear-gradient(45deg, #00dbfb, #5ade6b 80%);
	background: -webkit-linear-gradient(45deg, #00dbfb, #a0dcee 80%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-primary-gradient {
	background: -webkit-linear-gradient(-45deg, #28daf8, #a2f2ff);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.text-white {
	color: white !important;
}

.text-primary {
	color: #00C5Ff !important;
}

.text-secondary {
	color: #fcba50 !important;
}


/*
h2{
	text-transform: none!important;
	font-size: 20px!important;
	background: none!important;
	padding: 0!important;
	margin: 40px 0 10px 0!important;
}
*/

.card-item {
	/*background: #242933;
	padding: 20px;
	border-radius: 2px;
	*/
}

#heading-links {
	clear: both;
}

#heading-links a {
	display: inline-block;
	padding: 0px 0px 0px 2px;
	text-decoration: none;
	border-bottom: 2px solid #00000000;
}

#heading-links a:hover {
	color: #00C5Ff;
	border-bottom: 2px solid #00C5Ff;
}

#heading-links a.active {
	font-weight: bold;
	border-bottom: 2px solid #00C5Ff;
}

.featuredQuote {
	font-size: 32px;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}


up-modal {
	z-index: 999999;
}

up-modal-box {
	background: #181c25;
	color: white;
}

up-modal-backdrop,
up-drawer-backdrop {
	opacity: 0.6;
}

.no-gutter {
	margin-right: 0;
	margin-left: 0;
}

.no-gutter>[class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}


#deck-tags-area {
	margin-bottom: 10px;
}

#deck-tags-area .btn {
	margin-right: 10px;
	color: #8698ae;
	font-size: 12px;
	padding: 5px;
	padding: 5px 10px;
	border-radius: 15px;
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-lightweight {
	margin-right: 10px;
	color: #8698ae;
	font-size: 12px;
	padding: 5px;
	padding: 5px 10px;
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-lightweight.active {
	color: white;
	background-color: #00C5Ff;
}

.btn-lightweight.text-left {
	text-align: left;
}

@media (max-width: 600px) {
	#deck-tags-area {
		max-width: 100%;
		overflow-x: auto;
		padding: 0px 5px;
	}

	#deck-tags-area .btn {
		font-size: 10px;
		margin-bottom: 5px;
		max-width: 180px;
	}
}

.ms-pp::after {
	content: "\e618";
}

.profile-header {
	apadding: 20px;
	abackground-color: rgba(192, 192, 192, 0.024);
	abackground: #1c2028;
	aborder-radius: 20px;
	amargin-top: 20px;
	box-shadow: #0000001a 0px 0px 10px 0px;
}

.profile-header h1 {
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	font-size: 32px;
}

.profile-header h1::after {
	content: "";
	background: none;
	height: 0;

}

.profile-header h2 {
	text-transform: capitalize;
	color: white !important;
	font-size: 22px;
	margin-top: 50px;
}

.profile-header h3 {
	text-transform: capitalize;
	margin-top: 20px;
}

.profile-header hr {
	border-top: 1px solid #2f3744a1 !important;
}

.profile-header .btn-default {
	background: #3e47567d;
}

.profile-header .btn-default:hover {
	background: #3e4756;
	color: white;
}

.profile-item {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 10px;
	box-shadow: 0px 0 15px -10px #000000;
}


.profile-item .link {
	font-size: 16px;
	color: white !important;
}

.profile-item .img-thumbnail {
	/*filter: saturate(0.5);
	opacity: 0.5;*/
}

.profile-item-container {
	background: #101319;
	position: relative;
	background: linear-gradient(to right, #262e37, #1d212b);
}

.profile-item-container .bg-cover {
	padding: 10px 20px;
	background: linear-gradient(to right, #262e37 80%, #1d212b55);
}



.profile-item-container:hover .bg-cover {
	background: linear-gradient(to right, #57583C 80%, #1d212b55);
	color: white !important;
	cursor: pointer;
}

.profile-item-container .profile-item-content {
	max-width: 450px;
	/* to keep it legible*/
}

.profile-box {
	background: #1d222d;
	padding: 20px;
	border-radius: 10px;
}


.profile-box.background-imaged {
	background-image: linear-gradient(to bottom, rgb(14 14 17) 2.71%, rgba(14, 14, 17, .4) 26.76%, rgba(14, 14, 17, 0) 53.59%), linear-gradient(to top, #0e0e11 2.71%, rgb(14 14 17) 26.76%, rgb(14 14 17 / 91%) 53.59%), var(--cover-image-url);
	background-position: center;
	background-size: cover;
}

.nice-frame {
	padding: 5px;
	padding-left: 0px;
	padding-right: 10px;
	color: rgb(35 196 251) !important;
	font-weight: 100;
}

.nice-frame .date {
	color: white;
}

.rect-img-container {
	position: relative;
}

.rect-img-container::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.rect-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#streamer-pill {
	/*border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	*/
	margin: 0px 0 0 0 !important;
	background: #2e3744;
}

#streamer-pill li.active a .svg-icon {
	color: black;
}


.profile-heading {
	background: silver;
	padding: 10px;
	background: linear-gradient(308deg, #1f252e33 0%, rgb(16 19 24) 100%);
}

.profile-heading h1 {
	margin: 0;
	padding: 0;
}