::selection {
	background: #2878c8
}

::-moz-selection {
	background: #2878c8
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
}

.disable-hover {
	pointer-events: none
}

@font-face {
	font-family: 'Fertigo Pro';
	src: url("../fertigo_pro_regular-webfont.eot");
	src: url("../fertigo_pro_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fertigo_pro_regular-webfont.woff") format("woff"), url("../fertigo_pro_regular-webfont.ttf") format("truetype"), url("../fertigo_pro_regular-webfont.svg#fertigo_proregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@-moz-document url-prefix() {
	@font-face {
		font-family: 'Fertigo Pro';
		src: url("../fertigo_pro_regular-webfont.eot");
		src: url("../fertigo_pro_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fertigo_pro_regular-webfont.woff") format("woff"), url("../fertigo_pro_regular-webfont.ttf") format("truetype"), url("../fertigo_pro_regular-webfont.svg#fertigo_proregular") format("svg");
		font-weight: bold;
		font-style: normal
	}
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0
}

body {
	min-height: 100%;
	background: #22262e;
	font-family: 'Open Sans', sans-serif;
	color: #ebebf2;
	text-align: center;
	font-size: 16px;
	min-width: 290px
}

img {
	max-width: 100%;
	border: none
}

a img {
	border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Fertigo Pro', 'Helvetica Neue', Helvetica
}

h1 {
	font-size: 3em;
	text-shadow: 0 0 1.7em rgba(255, 255, 255, 0.2)
}

a {
	color: #eaeaea;
	text-decoration: none
}

a:hover {
	color: #fff
}

ul {
	list-style-type: square
}

.writing {
	text-align: left;
	max-width: 500px;
	margin: 1em auto
}

p {
	margin-bottom: 1em
}

abbr {
	cursor: help
}

.container {
	position: relative;
	min-height: 100%;
	width: 80%;
	margin: 1.5em auto;
	padding: 1em .2em 2em;
	background: #f0f0f5;
	background: rgba(245, 245, 255, 0.6);
	box-shadow: -1px 0 0 rgba(17, 20, 28, 0.12), 1px 0 0 rgba(17, 20, 28, 0.12), 0 1px 0 rgba(17, 20, 28, 0.12), 0 -1px 0 rgba(17, 20, 28, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.12)
}

.header-section+.container {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0
}

.container.nobg a {
	color: #eaeaea;
	text-decoration: none
}

.container.nobg a:hover {
	color: #fff
}

.container a {
	color: #11141c
}

.container a:hover {
	color: #151922
}

.container.nobg {
	background: none;
	box-shadow: none;
	border: none
}

.header-section,
.footer-section {
	position: relative;
	overflow: hidden;
	padding: .2em 0 .8em;
	width: 100%;
	margin: 0 auto
}

.header-section.weighted,
.footer-section.weighted {
	width: 80%
}

.header-section.weighted .horizontal-ad {
	float: right
}

.footer-section.weighted .horizontal-ad {
	float: left
}

.horizontal-ad {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	top: 5px;
	margin: 0 auto;
	box-shadow: inset 0 0 2px rgba(235, 235, 242, 0.6), 0 0 0.6em rgba(255, 255, 255, 0.08);
	border: 1px solid transparent;
	border-radius: 1px
}

span.ahem {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 1.14rem;
	color: #ebebf2;
	display: block;
	background: #11141c;
	line-height: 90px
}

.square-champion-ad,
.rectangle-champion-ad {
	width: 336px;
	height: 280px;
	background: white;
	position: absolute;
	top: .7em;
	right: 20%;
}

.rectangle-champion-ad {
	width: 300px;
	height: 250px;
	position: absolute;
	top: 1.5em;
	right: 10%;
	overflow: hidden
}

.hardcore-content {
	text-align: left;
	padding-left: 1.5em;
	padding-right: 1.5em
}

.panel.infopane:after,
.group:after {
	content: "";
	display: table;
	clear: both
}

.left {
	float: left
}

.right {
	float: right
}

.entity,
.tool {
	color: #ccccde;
	position: relative;
	display: inline-block;
	width: 9em;
	height: 9em;
	background: #11141c;
	border: 1px solid rgba(17, 20, 28, 0.5);
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px rgba(235, 235, 242, 0.1), inset 0 -1px 0 rgba(235, 235, 242, 0.1), inset 1px 0 rgba(235, 235, 242, 0.05), inset -1px 0 rgba(235, 235, 242, 0.05);
	text-decoration: none;
	padding: .4em;
	margin: .4em .2em;
	text-align: center;
	transition: background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease
}

.entity.selected {
	background: #151922;
	border: 1px solid rgba(17, 20, 28, 0.8);
	box-shadow: inset 0px 1px 0px rgba(235, 235, 242, 0.1), inset 0 -1px 0 rgba(235, 235, 242, 0.1), inset 1px 0 rgba(235, 235, 242, 0.05), inset -1px 0 rgba(235, 235, 242, 0.05), 0 0 3px rgba(0, 0, 0, 0.5)
}

.entity h1,
.entity h2,
.entity h3,
.tool h3,
.entity h4 {
	font-size: 1.1em;
	margin: 0 0 .2em;
	color: rgba(220, 220, 230, 0.9);
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.entity h1 {
	font-size: 1.15em;
	color: #ebebf2
}

.entity img {
	width: 6em;
	height: 6em
}

.entity img,
.panel.infopane img,
.panel.infopane .image {
	border-radius: 4px;
	border: 1px solid rgba(235, 235, 242, 0.03)
}

.entity.item img {
	width: 4.5em;
	height: 4.5em;
	margin-top: .75em
}

.entity div {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	opacity: 0.45;
	transition: opacity 0.12s ease;
	width: 1.55em;
	height: 1.6em;
	text-align: center
}

.entity:hover div {
	opacity: 1
}

.entity small {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: .15em;
	left: 0;
	font-size: .6em
}

.entity.item small {
	bottom: .65em
}

.tool {
	display: inline-block;
	width: 35%;
	height: auto;
	padding: 1em;
	margin: 1em 0;
	overflow: hidden;
	border-radius: 0;
	background: #2878c8;
	transition: .1s background linear
}

.tool:hover {
	background: #3385d6
}

.tool p {
	color: #a8b8c7;
	font-size: .7em;
	margin-bottom: 0
}

.fivesep {
	margin: 1.3em 0 -.8em
}

.more .cross {
	position: absolute;
	top: 0;
	right: .3em;
	color: grey;
	transition: color .15s ease
}

.more .cross:hover {
	color: white
}

.icon {
	cursor: pointer
}

.icon.vote-up,
.icon.vote-down {
	margin: 0 0 .53em .33em;
	transition: .04s border-color linear
}

.icon.vote-up {
	position: absolute;
	left: 0;
	bottom: .70em;
	width: 0px;
	height: 0px;
	border-left: 0.55em solid transparent;
	border-right: 0.55em solid transparent;
	border-bottom: 0.55em solid rgba(235, 235, 242, 0.8)
}

.icon.vote-down {
	position: absolute;
	left: 0;
	bottom: .01em;
	width: 0px;
	height: 0px;
	border-left: 0.55em solid transparent;
	border-right: 0.55em solid transparent;
	border-top: 0.55em solid rgba(235, 235, 242, 0.8)
}

.icon.plus,
.icon.cross {
	color: lightgrey;
	font-weight: bold;
	width: 100%;
	display: block;
	height: 100%
}

.icon.vote-up:hover,
.icon.vote-up.pressed {
	border-bottom-color: #2cd334
}

.icon.vote-down:hover,
.icon.vote-down.pressed {
	border-top-color: #d2251f
}

.icon.plus:hover,
.icon.plus.pressed,
.icon.cross:hover,
.icon.cross.pressed {
	color: white;
	font-weight: 800
}

.entity div.discuss {
	position: absolute;
	right: -.15em;
	left: auto;
	bottom: 0;
	text-align: center;
	color: #ebebf2;
	font-weight: bold;
	font-size: 1.5em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	width: 1.4em;
	height: 1.4em;
	line-height: 1.1em;
	border-radius: 2px;
	transition: .08s text-shadow ease
}

.entity div.discuss:hover {
	color: white;
	text-shadow: 0 1px 1px rgba(235, 235, 242, 0.35), 0 -1px 1px rgba(235, 235, 242, 0.3), 1px 0 1px rgba(235, 235, 242, 0.35), -1px 0 1px rgba(235, 235, 242, 0.35)
}

.entity div+div {
	right: 0;
	left: auto
}

#lean_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none
}

#lean_overlay,
#comments_dialog {
	transition: .25s opacity ease;
	opacity: 0
}

#lean_overlay.opened {
	opacity: .5
}

#comments_dialog.opened {
	transition-delay: .1s;
	opacity: 1
}

#comments_dialog {
	width: 700px;
	height: 80%;
	max-height: 450px;
	margin: 0 auto;
	padding: .8em;
	display: none;
	background: #ebebf2;
	border-radius: 2px;
	overflow-y: scroll
}

#comments_dialog {
	color: #11141c
}

#comments_dialog h2 {
	color: #11141c;
	margin-bottom: .6em
}

#comments_dialog iframe {
	width: 100%;
	border: none
}

#comments_dialog a {
	color: #2e364c
}

#comments_dialog a:hover {
	color: #07090c
}

div.main {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 1em 0em 0;
	clear: both;
	text-align: left
}

.main .entity,
.main.entity {
	position: relative;
	font-size: 1.3em;
	margin: 0 1em .4em 3em;
	float: left
}

.main .entity:after {
	content: "";
	position: absolute;
	right: .5em;
	bottom: .5em;
	width: 0px;
	height: 0px;
	border-left: 0.313em solid transparent;
	border-right: 0.313em solid transparent;
	border-top: 0.313em solid rgba(235, 235, 242, 0.8)
}

.main .entity.pressed:after {
	border-left: 0.313em solid transparent;
	border-right: 0.313em solid transparent;
	border-bottom: 0.313em solid rgba(235, 235, 242, 0.8);
	border-top-color: transparent
}

.btn {
	color: #eaeaea;
	font-size: 0.8rem;
	display: inline-block;
	background: #a00a05;
	border-radius: 3px;
	line-height: 2em;
	margin: .2em auto;
	text-decoration: none;
	padding: 0.4em .7em;
	transition: all 0.15s ease;
	border: 1px solid rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
}

.btn:hover {
	color: #fff;
	background-color: #b90c06;
	cursor: pointer
}

.btn:active {
	background-color: #870804
}

kbd,
.kbd {
	font-family: sans-serif, monospace;
	color: #ebebf2 !important;
	text-align: center;
	background-color: #11141c;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 0 rgba(255, 255, 255, 0.25);
	display: inline-block;
	width: 2.3em;
	height: 2.2em;
	line-height: 1.4em;
	padding: 0.4em 0.6em;
	margin: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	text-decoration: none
}

kbd.pressed,
.kbd.pressed {
	background-color: #38415b;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 0 rgba(255, 255, 255, 0.2)
}

.main_tags,
.abilities,
.nobullet {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0 auto
}

.main_tags,
.abilities {
	width: 13em;
	margin: 0 1em 0 3.5em
}

.main_tags {
	width: auto
}

.main_tags li {
	display: inline-block
}

.tags {
	display: inline-block;
	text-align: left
}

.main_tags a,
.main_tags strong,
.main_tags span,
.tags a,
.tags strong,
.tags span,
.tag {
	color: #ebebf2;
	padding: 0.02em 0.3em 0.12em;
	margin: .2em 0;
	display: inline-block;
	background: #3a648d;
	border-radius: 2px;
	text-shadow: 0 -1px 0 rgba(20, 20, 30, 0.35), 0 1px 0 rgba(255, 255, 255, 0.15);
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap
}

.main_tags a,
.main_tags strong {
	font-size: .8em;
	font-weight: normal
}

.main_tags a,
.tags a,
.video-tag a,
.main_tags strong,
.tags strong,
.video-tag a strong,
.tag.video-tag {
	background: #a00a05
}

.tags p {
	text-align: center !important
}

.video-tag {
	font-size: .6em;
	font-family: 'Open Sans', sans-serif;
	margin-top: .1em;
	margin-left: .4em
}

.video-tag a {
	display: inline-block
}

.video-tag a strong {
	color: #ccc
}

.video-tag a strong span {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid #ccc;
	border-right: none;
	border-right: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-left: 1px;
	margin-right: -6px;
	padding-right: 2px
}

.abilities li {
	display: inline-block;
	margin: 0 0 .4em
}

.column {
	width: 20em;
	margin: 1.2em 1em 0;
	display: inline-block;
	float: left
}

.columns {
	width: 66em;
	margin: 1em auto 0;
	max-width: 100%
}

h1.dark,
h2.dark,
.column>h2 {
	color: #11141c;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1)
}

.column>h2 {
	font-size: 1.8em;
	margin-bottom: .4em
}

div.schw {
	display: inline-block
}

.panel,
table,
.accordion {
	color: #ebebf2;
	background: #11141c;
	border: 1px solid rgba(17, 20, 28, 0.5);
	border-radius: 4px;
	box-shadow: inset 0px 1px 0px rgba(235, 235, 242, 0.1), inset 0 -1px 0 rgba(235, 235, 242, 0.1), inset 1px 0 rgba(235, 235, 242, 0.05), inset -1px 0 rgba(235, 235, 242, 0.05);
	text-align: left
}

.panel {
	padding: .5em .5em 1em;
	margin: .5em auto;
	width: 48%;
	max-width: 100%;
	font-size: .8em
}

.panels {
	text-align: center;
	margin: 3em auto 0;
	max-width: 91%
}

.panels .panel {
	display: none;
	float: left;
	margin: 0 .1em
}

.panel h3 {
	font-size: 1.35em;
	text-align: left;
	margin-bottom: .4em;
	padding: 0
}

.panel p:last-child {
	margin-bottom: 0
}

.panel.opened {
	display: inline-block
}

#items {
	display: inline-block
}

.panel.infopane {
	max-width: none;
	text-align: center
}

.panel.infopane.item {
	width: 37em;
	max-width: 100%
}

.panel.infopane p {
	text-align: left
}

.panel.infopane img,
.panel.infopane .image {
	display: inline-block;
	float: left;
	max-width: 3.6em;
	height: auto
}

.panel.infopane .image {
	width: 42px;
	height: 42px;
	background-size: 42px !important;
	max-width: 42px !important;
	border: none !important
}

.panel.infopane img+p,
.panel.infopane .image+p {
	float: left;
	max-width: 80%;
	max-width: calc(100% - 46px - .5em);
	text-align: left;
	margin-left: .5em;
	margin-bottom: 0
}

.infopane .yellow,
.infopane .orange,
.infopane .purple,
.infopane .pale-yellow,
.infopane .red,
.infopane .green {
	font-weight: bold
}

.infopane .yellow {
	color: #dede05
}

.infopane .orange {
	color: #e78005
}

.infopane .purple {
	color: #9998e1
}

.infopane .pale-yellow {
	color: #d5d573
}

.infopane .red {
	color: #e00505
}

.infopane .green {
	color: #50b9b6
}

a.hideAbilityPanel {
	color: #ccccde;
	position: absolute;
	right: 5px;
	top: 0px
}

a.hideAbilityPanel:hover {
	color: #dcdce8
}

.fade {
	opacity: 0;
	transition: opacity .2s ease
}

.panel.infopane h1,
.panel.infopane h3 {
	margin-bottom: 0
}

.panel.infopane .specifics {
	display: block
}

.panel.infopane .specifics+img,
.panel.infopane .specifics+img+p,
.panel.infopane .specifics+.image,
.panel.infopane .specifics+.image+p {
	margin-top: .6em
}

.panel.infopane .specifics>span {
	text-align: left;
	font-size: .8em;
	font-weight: bold;
	color: #bdbdd4
}

.panel.infopane .specifics>span {
	float: left
}

.panel.infopane .specifics>span+span {
	float: right
}

.panel.infopane hr {
	margin: 1em 0;
	border: none;
	border-bottom: 1px solid rgba(235, 235, 242, 0.2)
}

.panel .imageList {
	text-align: left
}

.panel .imageList img {
	float: none;
	vertical-align: middle;
	border: 1px solid rgba(235, 235, 242, 0.15);
	max-width: 4em;
	margin: .2em 0
}

.panel table {
	background: none;
	border: none;
	box-shadow: none
}

.panel table td {
	background: none;
	border: none
}

.panel.infopane+table {
	position: relative;
	top: 1.5em;
	vertical-align: top;
	max-width: 17.2em
}

.panel.infopane stats,
.panel.infopane groupLimit {
	color: #95f995
}

.panel.infopane unique {
	color: #f9d822
}

.panel.infopane consumable {
	color: #ec7f12
}

.panel.infopane .gold {
	color: #fdfd98
}

.fadeInDown {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: .25s;
	-moz-animation-duration: .25s;
	-o-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.chart {
	width: 20em;
	height: 9.75em;
	display: none;
	position: absolute;
	left: 18em;
	top: 0;
	color: #ebebf2
}

.chart.secondary {
	top: 8em
}

.chart div {
	position: absolute
}

.chart ul {
	list-style-type: none
}

.chart.opened {
	display: inline-block
}

.chart rect {
	font-family: sans-serif;
	stroke: rgba(235, 235, 242, 0.1);
	stroke-width: 1px
}

#position_chart_alt table {
	margin-top: 2em
}

.more {
	margin: 0 auto;
	height: 13.5em;
	width: 31.05em;
	max-width: 100%;
	display: none;
	text-align: center;
	overflow-y: scroll;
	background: rgba(10, 10, 20, 0.2);
	font-size: .9em
}

.more.opened {
	display: block;
	margin: 0 auto
}

.more_trigger {
	position: relative;
	font-weight: bold;
	font-size: 1.9em;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}

.imageList .more_trigger {
	margin-left: .5em;
	vertical-align: middle;
	color: inherit;
	color: #eaeaea;
}

.imageList .more_trigger:hover {
	color: #fff;
}

table {
	display: inline-block;
	text-align: left;
	color: #adadca;
	font-size: .8em;
	margin: .2em .5em;
	padding: 0;
	border-radius: 2px;
}

table .category {
	text-align: left;
	padding: .3em .5em;
	padding-left: .2em
}

table td {
	height: 1.5em;
	padding: .2em;
	border-top: 1px solid #13161f;
	border-bottom: 1px solid #13161f;
	border-left: 1px solid #13161f;
	background: #13161f;
}

nav,
footer {
	display: inline-block;
	line-height: 0.9em;
	text-align: center;
	vertical-align: middle;
	color: #ebebf2;
	background: #11141c;
	background: rgba(17, 20, 28, 0.92);
	border: 1px solid rgba(17, 20, 28, 0.015);
	width: 100%;
	padding: .25em 0;
}

nav {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	height: 4em;
	box-shadow: inset 0 -1px 0 rgba(235, 235, 242, 0.15)
}

.container>h1:first-child {
	margin-top: .15em;
}

.page-wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
}

footer,
.push {
	height: 75px;
}

footer {
	position: relative;
	z-index: 1;
	font-size: 13px;
	line-height: 2em;
	color: #ccccde;
	box-shadow: inset 0 1px 0 rgba(235, 235, 242, 0.15);
}

footer .twitter-tweet-button,
footer .facebook-like-button,
footer #___plusone_0 {
	margin-top: 10px;
}

footer {
	text-align: center;
}

footer,
.push {
	height: 305px;
}

.page-wrap {
	margin-bottom: -305px;
}

.footer-ad {
	width: 336px;
	height: 280px;
	margin: 10px 0 5px;
	overflow: hidden;
}

.footer-section-left {
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	text-align: left;
	padding-left: 5.55em;
}

.footer-section-right {
	display: inline-block;
	float: right;
	padding-right: 5.55em;
}

.footer-container {
	width: 80%;
	margin: 0 auto
}

.hreview {
	display: none
}

.nav-container {
	display: inline-block;
	width: 70%;
	max-height: 100%
}

.nav-left {
	display: inline-block;
	float: left;
}

.nav-left a {
	display: inline-block;
	float: left;
}

.nav {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0;
}

.nav li {
	display: inline-block;
	list-style-type: none;
	line-height: 3.2em;
	margin-left: .9em
}

.nav li a {
	text-decoration: none;
	font-weight: bold;
	font-size: .95em;
	color: #ebebf2;
	transition: color 0.02s linear
}

.nav li a:hover,
nav li a.pressed {
	color: #d2251f
}

nav li a.pressed {
	cursor: default
}

.nav-left a {
	float: left;
	margin-right: .8em
}

nav img {
	height: 3.5em;
	max-height: 100%;
	width: auto;
	max-width: none
}

input[type=text] {
	font-size: 11px;
	padding: 0.5em;
	outline: none;
	border: none;
	height: 1.5rem;
	border-radius: 2px
}

.search {
	font-size: 11px;
	display: inline-block;
	width: 22em;
	max-width: 100%;
	margin-top: 1em;
	clear: both
}

.search input[type=text] {
	width: 100%;
	max-width: 25em
}

.search ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 100%;
	position: relative;
	z-index: 11;
	border-radius: 6px;
	list-style-type: none;
	display: none;
	opacity: 0;
	transition: opacity .15s ease
}

.search ul li {
	margin: 0;
	padding: 0
}

.search ul a {
	text-decoration: none;
	display: inline-block;
	height: 4.5em;
	width: 100%;
	margin: -1px;
	padding: .2em;
	overflow: hidden;
	border-radius: 2px
}

.search ul a:hover {
	background: #13161f
}

.search ul a.selected {
	background: #191d29
}

.search ul a.panel img {
	float: left;
	margin-right: .3em;
	margin-top: .2em;
	width: 3.5em
}

.search ul a.panel h2 {
	margin-top: .3em
}

.big-search {
	position: relative;
	width: 100%;
	height: 250px;
	background-size: cover;
	border-bottom: 1px solid rgba(17, 20, 28, 0.4);
	box-shadow: inset 0 -1px 0 rgba(235, 235, 242, 0.1)
}

.big-search input[type=text] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 30em;
	max-width: 80%;
	box-shadow: 0 0.5em 7em rgba(255, 255, 255, 0.15), 0 2px 2px rgba(10, 10, 20, 0.1);
	padding: .2em .5em
}

.big-search div h1 {
	margin-bottom: .4em
}

.big-search div {
	padding-top: 3em
}

.big-search+.container {
	padding-top: 1.5em
}

.main-results {
	max-width: 50em;
	margin: 0 auto
}

.big-search+.container .main-results h2:first-child {
	text-align: left;
	color: rgba(190, 190, 209, 0.7);
	font-size: .8em;
	margin: 0 0 .5em 1em;
	font-family: inherit;
	font-weight: normal
}

.notification {
	display: block;
	width: 100%;
	background: #2878c8;
	color: #ebebf2;
	padding: .2em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	height: 1.5em;
	line-height: 1.1em;
	font-size: .7em
}

.notification+nav {
	margin-top: 1em
}

.red {
	color: #a00a05
}

.green {
	color: #0da614
}

.grey {
	color: #666
}

.accordion {
	margin: 1em auto;
	max-width: 60%;
	padding: .4em;
	text-align: left
}

.accordion li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.accordion li input {
	display: none
}

.accordion li label {
	display: block;
	position: relative;
	color: #f2f2f2;
	font-size: .95em;
	text-decoration: none;
	background: inherit;
	border-bottom: 1px solid rgba(50, 50, 60, 0.2);
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background 0.3s ease-in-out
}

.accordion li:last-child label {
	border-bottom: none
}

.accordion li label:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .5em;
	margin-bottom: .1em;
	border-left: 0.45em solid transparent;
	border-right: 0.45em solid transparent;
	border-top: 0.45em solid rgba(200, 200, 210, 0.2)
}

.accordion li input:checked+label:after {
	border-bottom: 0.45em solid rgba(200, 200, 210, 0.2);
	border-top-color: transparent
}

.accordion li input:target+label:after {
	border: none !important
}

.accordion li label,
.accordion .answer {
	padding: .4em
}

.accordion article {
	overflow: hidden;
	height: auto;
	max-height: 0;
	margin: 0;
	padding: 0;
	color: #ccccde;
	font-size: .73em;
	transition: all 0.3s ease
}

.accordion article p {
	padding: .7em .7em .8em;
	margin: 0
}

.accordion li input:checked~article,
.accordion li input:target~article {
	max-height: 11em
}

.carousel {
	display: block;
	position: relative;
	font-size: .9em;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 2px;
	padding: .15em .6em 0;
	text-align: left;
	overflow: hidden
}

.carousel .number {
	display: block;
	font-size: .8em;
	color: #aaa;
	position: absolute;
	z-index: 2;
	top: .38em;
	left: .6em
}

.carousel li {
	padding: .2em 0;
	margin: 1.4em 2.5em 1em;
	display: none
}

.carousel li.opened {
	display: block
}

.carousel li p {
	margin-bottom: 0
}

.carousel li p:first-child {
	margin-top: 0
}

.carousel .left-arrow,
.carousel .right-arrow {
	display: block;
	position: absolute;
	height: 100%;
	width: 2em;
	border-radius: 2px;
	top: 0;
	padding-top: 1.5em
}

.carousel .left-arrow {
	left: 0
}

.carousel .right-arrow {
	right: 0
}

.carousel .left-arrow:before,
.right-arrow:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: .65em;
	top: 50%;
	margin-top: -.5em;
	border-top: .78em solid transparent;
	border-bottom: .78em solid transparent;
	border-right: 0.78em solid rgba(255, 255, 255, 0.4)
}

.carousel .right-arrow:before {
	border-right: none;
	border-left: 9px solid rgba(255, 255, 255, 0.4)
}

figure {
	text-align: center
}

.fadeIn {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .25s;
	-moz-animation-duration: .25s;
	-o-animation-duration: .25s;
	animation-duration: .25s
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.notice-success,
.notice-error {
	background: #ffe6e6;
	color: #11141c;
	border: 1px solid #e58e8e;
	width: 80%;
	padding: 1em;
	text-align: center;
	margin: 0 auto
}

.notice-success {
	background: #d3edd3;
	border-color: #83d186
}

@media all and (max-width: 1100px) {
	.panel .imageList img {
		max-width: 3.4em
	}
}

@media all and (max-width: 1024px) {
	.horizontal-ad {
		width: 470px;
		height: 62px
	}
	.horizontal-ad .ahem {
		font-size: 0.75rem;
		line-height: 62px
	}
}

@media all and (max-width: 620px) {
	.header-section,
	.footer-section {
		padding: 0 0 .6em
	}
	.horizontal-ad {
		width: 324px;
		height: 53px
	}
	.horizontal-ad .ahem {
		font-size: .5rem;
		line-height: 53px
	}
}

@media all and (max-width: 318px) {
	.header-section,
	.footer-section {
		display: none
	}
}

@media all and (max-width: 1350px) {
	.container {
		font-size: 15px
	}
	.video-tag a strong span {
		margin-right: -4px;
		border-width: 3px
	}
	.square-champion-ad {
		top: .1em;
		right: 8%
	}
	.rectangle-champion-ad {
		top: 1em;
		right: 8%
	}
}

@media all and (max-width: 1250px) {
	.container {
		font-size: 14px
	}
	.entity div {
		opacity: .65
	}
	.nav li:first-child {
		display: none
	}
	.nav li:nth-child(2) {
		margin-left: 0
	}
	.square-champion-ad {
		right: 5%
	}
	.rectangle-champion-ad {
		top: 1em;
		right: 5%
	}
	.panels {
		margin-top: 4.5em;
	}
}

@media all and (max-width: 1170px) {
	.column {
		float: none;
		margin-left: auto;
		margin-right: auto
	}
	.more_trigger {
		font-size: 1.5em
	}
	.tool {
		display: block;
		width: 100%;
		margin: 1em auto;
		max-width: 500px
	}
	.header-section.weighted,
	.footer-section.weighted {
		width: 100%
	}
	.header-section.weighted .horizontal-ad,
	.footer-section.weighted .horizontal-ad {
		float: none
	}
	.square-champion-ad,
	.rectangle-champion-ad {
		display: flex;
		position: relative;
		right: 0;
		margin: auto;
		margin-bottom: 50px;
	}
	div.main {
		text-align: center
	}
	.main .entity {
		float: none
	}
	.chart {
		display: none !important
	}
	.abilities {
		margin: 0 auto
	}
	.panels {
		margin-top: 1.5em
	}
	.main .entity {
		margin: 0 1em .4em
	}
	.main .entity:after {
		display: none !important
	}
}

@media all and (max-width: 960px) {
	.fivesep {
		display: none
	}
	.chart {
		display: none !important
	}
	.panel.infopane>img,
	.panel.infopane>.image {
		float: none;
		display: block;
		margin: .5em auto
	}
	.search ul a.panel img {
		margin-top: 0
	}
	.accordion {
		max-width: none
	}
	.accordion li input:checked~article {
		max-height: none;
		height: auto
	}
	.nav {
		float: none;
		position: absolute;
		z-index: 10;
		top: 3.9em;
		left: 0;
		width: 100%;
		height: 5em;
		text-align: center;
		line-height: 4.6em;
		color: #ebebf2;
		background: #11141c;
		box-shadow: inset 0 -1px 0 rgba(235, 235, 242, 0.1);
		border: 1px solid rgba(17, 20, 28, 0.01)
	}
	nav,
	footer {
		background: #11141c
	}
	nav+.big-search {
		margin-top: 5em
	}
	.nav-left {
		float: none
	}
	nav {
		box-shadow: none
	}
	.header-section {
		margin-top: 5em
	}
	nav+.container {
		margin-top: 6em
	}
	.header-section+.container {
		margin-top: 0
	}
	#comments_dialog {
		width: 90% !important;
		margin-left: -45% !important
	}
	.panels {
		text-align: center;
		width: 100%;
		max-width: 100%
	}
	.panels .panel {
		float: none;
		width: 31.05em;
		max-width: 100%
	}
	.panel.infopane img+p,
	.panel.infopane .image+p {
		max-width: 100%
	}
	#items {
		margin-top: 1em
	}
}

@media all and (max-width: 880px) {
	footer,
	.push {
		height: 75px
	}
	.page-wrap {
		margin-bottom: -75px
	}
	.footer-section-left {
		position: relative;
		width: auto;
		height: auto;
		float: none;
		text-align: center
	}
	.footer-section-right {
		display: none
	}
	.footer-ad {
		display: none
	}
}

@media all and (max-width: 670px) {
	.notification {
		height: 2.5em
	}
	.notification+nav {
		margin-top: 1.7em
	}
	.nav-left a {
		float: none;
		margin: 0 auto .6em;
		height: auto;
		width: 100%
	}
	nav img {
		max-width: 80%;
		height: auto
	}
	nav {
		height: auto;
		border-radius: 0;
		border: none;
		position: static;
		padding-left: 1em;
		padding-right: 1em;
		text-align: center
	}
	.nav {
		float: none;
		position: static;
		height: auto;
		font-size: .8em;
		box-shadow: none;
		border: none
	}
	nav+.big-search {
		margin-top: 0;
		display: none
	}
	nav {
		box-shadow: inset 0 -1px 0 rgba(235, 235, 242, 0.1);
		border: 1px solid rgba(17, 20, 28, 0.01)
	}
	.header-section {
		margin-top: 0
	}
	nav+.container {
		margin-top: 0
	}
	.search {
		margin-top: 0;
		width: 100%
	}
	.nav-left {
		width: 100%
	}
}

@media all and (max-width: 500px) {
	.column {
		max-width: 100%
	}
	.nav {
		font-size: .7em
	}
	.square-champion-ad,
	.rectangle-champion-ad {
		width: 300px;
		height: 250px;
	}
}

@media all and (max-width: 380px) {
	.container {
		font-size: 12px
	}
	.square-champion-ad,
	.rectangle-champion-ad {
		width: 300px;
		height: 250px;
		margin-left: -15px;
	}

}

span.item {
	font-size: 5px;
	visibility: hidden
}

span.reviewer {
	font-size: 5px;
	visibility: hidden
}

span.rating {
	font-size: 5px;
	visibility: hidden
}

#optimization {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 500;
	left: -231px;
	top: -130px;
	visibility: visible
}
@media all and (max-width: 340px) {
	.square-champion-ad,
	.rectangle-champion-ad {
		width: 300px;
		height: 250px;
		margin-left: -28px;
	}
}
@media all and (max-width: 300px) {
	.square-champion-ad,
	.rectangle-champion-ad {
		display: none;
	}
}