/* @override 
	http://0.0.0.0:8126/static/nxc3_collections/css/core.css?*
	https://nxc6-static.s3.amazonaws.com/nxc3_collections/css/core.css?* */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
u {
  text-decoration: none;
}
.buffer {
  position: relative;
  display: block;
  margin: 0;
  padding: 20px 0;
}
.circle {
  border-radius: 100%;
}
.container {
  position: relative;
  display: block;
  max-width: 970px;
  min-width: 200px;
  padding: 0 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
.container.slim {
  max-width: 700px;
}
.container.tidy {
  max-width: 500px;
}
.clear {
  clear: both;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-cancel {
  overflow: inherit !important;
  text-overflow: initial !important;
  white-space: normal !important;
}
.font-family {
  font-family: 'Nunito', "Helvetica Neue", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
}
.iconized {
  padding-left: 20px !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}
.logo__standard {
  background: url(/static/images/logos/noxxic-b.png) no-repeat center;
  background-size: 100%;
  display: inline-block;
  position: relative;
  width: 180px;
  height: 36px;
}
.lowercase {
  text-transform: lowercase;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.relative-block {
  position: relative;
  display: block;
}
.reset {
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.z-index-max {
  z-index: 2147483647;
}
html {
  font-family: 'Nunito', "Helvetica Neue", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  background: #1b222d;
  color: #c5ccd7;
  font-size: 16px;
  height: 100%;
  /* &:before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		display: block;
		background: linear-gradient(to bottom, @background__color_down_2 0%, @background__color_down 100%);
	} */
}
body {
  position: relative;
  display: block;
  min-height: 100%;
  box-sizing: border-box;
  padding-bottom: 296px;
  background: #252c37;
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
::selection {
  background: #2bb7ff;
  color: #fff;
  text-shadow: none;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #2bb7ff;
  outline: 0;
}
.container {
  position: relative;
  display: block;
  max-width: 970px;
  min-width: 200px;
  padding: 0 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
.container.slim {
  max-width: 700px;
}
.container.tidy {
  max-width: 500px;
}
@media screen and (max-width: 660px) {
  .container {
    padding: 0 13.33333333px;
  }
}
.ads__banner {
  position: relative;
  display: block;
  display: inline-block;
  overflow: hidden !important;
  height: 90px;
  width: 730px;
  /*
	min-height: 60px;
	min-width: 730px;
	max-height: 90px !important;
	max-width: @container__maxwidth !important;*/
}
.ads__square,
.ads__rect {
  position: relative;
  display: block;
  overflow: hidden !important;
  min-height: 250px;
  min-width: 250px;
  max-height: 280px !important;
  max-width: 336px !important;
}
.ads__vertical_banner {
  max-height: 90px;
}
.ads__sticky-rightvertical {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
}
.ads__wrap {
  overflow: hidden !important;
}
.ads__wrap[data-type="banner"] {
  max-height: 90px !important;
  height: 90px !important;
}
.ads__wrap[data-type="square"] {
  max-height: 280px !important;
  max-width: 336px !important;
}
.classic__tt {
  margin-bottom: 30.76923077px;
}
.classic__tt .classic__tt__treewrap {
  display: flex;
}
.classic__tt .classic__tt__treewrap .flex--9 {
  flex: 9;
}
.classic__tt .classic__tt__treewrap .flex--8 {
  flex: 8;
}
.classic__tt .classic__tt__treewrap .flex--7 {
  flex: 7;
}
.classic__tt .classic__tt__treewrap .flex--6 {
  flex: 6;
}
.classic__tt .classic__tt__treewrap .flex--5 {
  flex: 5;
}
.classic__tt .classic__tt__treewrap .flex--4 {
  flex: 4;
}
.classic__tt .classic__tt__treewrap .flex--3 {
  flex: 3;
}
.classic__tt .classic__tt__treewrap .flex--2 {
  flex: 2;
}
.classic__tt .classic__tt__treewrap .flex--1 {
  flex: 1;
}
.classic__tt .classic__tt__mobilenav {
  display: none;
}
.classic__tt[data-widget="0"] .classic__tt__spec__tree__row__item [data-points="0"] span {
  opacity: 1;
  background: none !important;
  box-shadow: none;
}
.classic__tt[data-widget="0"] .classic__tt__spec__tree__row__item [data-points="0"] span:before {
  display: none;
}
.classic__tt[data-widget="0"] .classic__tt__spec__tree__row__item .talent:hover b {
  opacity: 1 !important;
}
.classic__tt[data-widget="0"] .classic__tt__spec__tree__row__item [data-points="0"] b {
  opacity: .3;
}
.classic__tt[data-widget="1"] .talent span {
  width: 70%;
}
.classic__tt[data-widget="1"] .talent span:after {
  content: "/" attr(data-max);
  opacity: .7;
}
.classic__tt[data-widget="1"] .talent[data-state="2"] span {
  width: 70%;
  font-size: .9em;
  right: 15%;
  background: #00040f;
}
.classic__tt[data-widget="1"] .talent[data-state="2"] span:before {
  color: #ffff93;
}
.classic__tt[data-widget="1"] .talent[data-state="2"] span:after {
  display: none;
}
.classic__tt .classic__tt__spec {
  /* spec wrapper */
  flex: 1;
  margin: 0 6px;
  max-width: 380px;
}
.classic__tt .classic__tt__spec:nth-child(1) {
  margin-left: 0;
}
.classic__tt .classic__tt__spec:nth-child(3) {
  margin-right: 0;
}
.classic__tt .classic__tt__spec .meta {
  position: relative;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(12, 19, 30, 0.6);
  border-radius: 28px;
  padding: 0;
  line-height: 44px;
  margin-bottom: 22px;
  font-weight: 600;
  font-size: .85em;
  overflow: hidden;
  text-align: left;
  max-height: 44px;
  z-index: 99;
  text-shadow: 1px 1px 1px #00000a;
}
.classic__tt .classic__tt__spec .meta i {
  border-radius: 28px;
  display: block;
  width: 32px;
  height: 32px;
  background: #3e4550;
  box-sizing: border-box;
  float: left;
  margin: 6px 8px;
}
.classic__tt .classic__tt__spec .meta a {
  border-radius: 28px;
  display: block;
  float: right;
  color: #fe412a;
  height: 32px;
  line-height: 32px;
  width: 32px;
  margin: 6px 8px 6px 0;
  font-weight: 600;
  font-size: 1em;
  text-align: center;
  background: rgba(7, 14, 25, 0.5);
  transition: background .3s, color .3s;
}
.classic__tt .classic__tt__spec .meta a:hover {
  background: #fe412a;
  color: #c5ccd7;
}
.classic__tt .classic__tt__spec .meta em {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 28px;
  text-align: center;
  color: #2bb7ff;
  float: right;
  font-size: .9em;
  font-weight: 600;
  margin: 6px 8px;
}
.classic__tt .classic__tt__spec .meta span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background: #195898;
  text-align: center;
  font-size: .9em;
  font-weight: 600;
}
.classic__tt .classic__tt__spec .meta span:empty {
  display: none;
}
.classic__tt .classic__tt__footer {
  display: flex;
  background: #2f3641;
  background: #39404b;
  background: linear-gradient(to top, #2f3641 0%, #39404b 100%);
  border-radius: 28px;
  box-shadow: 0 1px 3px rgba(0, 1, 2, 0.26);
  color: #9da4af;
  font-size: .85em;
  font-weight: 600;
  margin-top: 12px;
  line-height: 44px;
}
.classic__tt .classic__tt__footer .flex--9 {
  flex: 9;
}
.classic__tt .classic__tt__footer .flex--8 {
  flex: 8;
}
.classic__tt .classic__tt__footer .flex--7 {
  flex: 7;
}
.classic__tt .classic__tt__footer .flex--6 {
  flex: 6;
}
.classic__tt .classic__tt__footer .flex--5 {
  flex: 5;
}
.classic__tt .classic__tt__footer .flex--4 {
  flex: 4;
}
.classic__tt .classic__tt__footer .flex--3 {
  flex: 3;
}
.classic__tt .classic__tt__footer .flex--2 {
  flex: 2;
}
.classic__tt .classic__tt__footer .flex--1 {
  flex: 1;
}
.classic__tt .classic__tt__footer div {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] {
  /* build url */
  display: flex;
  padding: 0;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--9 {
  flex: 9;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--8 {
  flex: 8;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--7 {
  flex: 7;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--6 {
  flex: 6;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--5 {
  flex: 5;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--4 {
  flex: 4;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--3 {
  flex: 3;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--2 {
  flex: 2;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] .flex--1 {
  flex: 1;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div {
  flex: 1;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div:nth-child(2) {
  flex: 3;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div input[data-base-url] {
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #1b222d;
  border-radius: 28px;
  box-sizing: border-box;
  color: #9da4af;
  height: 32px;
  margin: 6px 0;
  padding: 0 12px;
  font-size: .85em;
  width: 100%;
  transition: background .1s, color .1s;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div input[data-base-url]:before {
  content: "u ";
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div input[data-base-url].active {
  background: #00040f;
  color: #c5ccd7;
}
.classic__tt .classic__tt__footer div[data-base-url-wrap] div input[data-base-url]:hover {
  cursor: pointer;
  background: #161d28;
  color: #2bb7ff;
}
.classic__tt .classic__tt__spec__tree {
  /* spec talent tree wrapper */
  position: relative;
  display: block;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0;
  padding: 8px 8px 22px;
  text-align: center;
  min-width: 150px;
}
.classic__tt .classic__tt__spec__tree .image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #1b222d;
}
.classic__tt .classic__tt__spec__tree .image div {
  position: absolute;
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
  display: block;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  background-size: cover !important;
  background-position: center !important;
}
.classic__tt .classic__tt__spec__tree .image div:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "";
  background: #202732;
  opacity: 0.35;
}
.classic__tt .classic__tt__spec__tree__row {
  display: flex;
  position: relative;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
  max-width: 240px;
}
.classic__tt .classic__tt__spec__tree__row .flex--9 {
  flex: 9;
}
.classic__tt .classic__tt__spec__tree__row .flex--8 {
  flex: 8;
}
.classic__tt .classic__tt__spec__tree__row .flex--7 {
  flex: 7;
}
.classic__tt .classic__tt__spec__tree__row .flex--6 {
  flex: 6;
}
.classic__tt .classic__tt__spec__tree__row .flex--5 {
  flex: 5;
}
.classic__tt .classic__tt__spec__tree__row .flex--4 {
  flex: 4;
}
.classic__tt .classic__tt__spec__tree__row .flex--3 {
  flex: 3;
}
.classic__tt .classic__tt__spec__tree__row .flex--2 {
  flex: 2;
}
.classic__tt .classic__tt__spec__tree__row .flex--1 {
  flex: 1;
}
.classic__tt .classic__tt__spec__tree__row[data-locked="1"] .classic__tt__spec__tree__row__item .talent b {
  opacity: .3;
}
.classic__tt .classic__tt__spec__tree__row[data-locked="1"] .classic__tt__spec__tree__row__item .talent span {
  opacity: .5;
}
.classic__tt .classic__tt__spec__tree__row__item {
  flex: 1;
  padding: 0;
  position: relative;
  text-align: center;
  margin: 0;
  /*&[data-dir-first] { // arrow
			
			@thickness: @path_thickness;
			@size: 8px;
			@color: @color_0;
			@margin: (@size - @thickness)/2;
			
			// state 0
			&[data-dir-up-first] i:nth-child(1):after {
				.arrow--down(@size, @color);
				margin-left: -@margin;
			}
			
			&[data-dir-right-first] i:nth-child(2):after {
				.arrow--left(@size, @color);
				margin-top: -@margin;
			}
			
			&[data-dir-down-first] i:nth-child(3):after {
				.arrow--up(@size, @color);
				margin-left: -@margin;
			}
			
			&[data-dir-left-first] i:nth-child(4):after {
				.arrow--right(@size, @color);
				margin-top: -@margin;
			}
			
			i:after {
				display: block;
			}
			
		}*/
}
.classic__tt .classic__tt__spec__tree__row__item ::selection {
  background: none;
}
.classic__tt .classic__tt__spec__tree__row__item .talent {
  border-radius: 28px;
  display: inline-block;
  position: relative;
  width: 74%;
  padding-bottom: 74%;
  margin: 9%;
  background: #00040f;
  border: 2px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 1, 2, 0.26);
}
.classic__tt .classic__tt__spec__tree__row__item .talent:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "";
  background: #202732;
  border-radius: 28px;
}
.classic__tt .classic__tt__spec__tree__row__item .talent:hover,
.classic__tt .classic__tt__spec__tree__row__item .talent:active {
  cursor: pointer !important;
  border-color: #2bb7ff;
}
.classic__tt .classic__tt__spec__tree__row__item .talent[data-state="1"] {
  border-color: #2afe83;
}
.classic__tt .classic__tt__spec__tree__row__item .talent[data-state="2"] {
  border-color: #ffd143;
}
.classic__tt .classic__tt__spec__tree__row__item .talent b {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  border-radius: 28px;
  background-size: cover !important;
  background-position: center !important;
  transition: opacity .3s;
}
.classic__tt .classic__tt__spec__tree__row__item .talent a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  border-radius: 28px;
  text-indent: 0 !important;
  padding: 0 !important;
  background: none !important;
}
.classic__tt .classic__tt__spec__tree__row__item .talent a:before,
.classic__tt .classic__tt__spec__tree__row__item .talent a:after,
.classic__tt .classic__tt__spec__tree__row__item .talent a b,
.classic__tt .classic__tt__spec__tree__row__item .talent a span {
  display: none !important;
}
.classic__tt .classic__tt__spec__tree__row__item .talent span {
  background: rgba(0, 5, 12, 0.9);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 1, 2, 0.26);
  box-sizing: border-box;
  font-weight: 700;
  text-shadow: 2px 2px 1px #000000;
  height: 20px;
  line-height: 20px;
  bottom: -4px;
  font-size: .8em;
  width: 55%;
  min-width: 22px;
  right: -4px;
  position: absolute;
  text-align: center;
  transition: background .3s, right .3s, opacity .3s;
}
.classic__tt .classic__tt__spec__tree__row__item .talent span:before {
  content: attr(data-points);
  opacity: .7;
  transition: color .2s;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-up] i:nth-child(1) {
  display: block;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-up][data-dir-up-state="1"] i:nth-child(1) {
  background: #2afe83;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-up][data-dir-up-state="2"] i:nth-child(1) {
  background: #ffd143;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-down] i:nth-child(3) {
  display: block;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-down][data-dir-down-state="1"] i:nth-child(3) {
  background: #2afe83;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-down][data-dir-down-state="2"] i:nth-child(3) {
  background: #ffd143;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-left] i:nth-child(4) {
  display: block;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-left][data-dir-left-state="1"] i:nth-child(4) {
  background: #2afe83;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-left][data-dir-left-state="2"] i:nth-child(4) {
  background: #ffd143;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-right] i:nth-child(2) {
  display: block;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-right][data-dir-right-state="1"] i:nth-child(2) {
  background: #2afe83;
}
.classic__tt .classic__tt__spec__tree__row__item[data-dir-right][data-dir-right-state="2"] i:nth-child(2) {
  background: #ffd143;
}
.classic__tt .classic__tt__spec__tree__row__item i {
  position: absolute;
  background: #00040f;
  display: none;
  box-shadow: 0 1px 3px rgba(0, 1, 2, 0.26);
}
.classic__tt .classic__tt__spec__tree__row__item i:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 9;
}
.classic__tt .classic__tt__spec__tree__row__item i:nth-child(1) {
  /* top mid */
  top: 0;
  left: 49%;
  height: 50%;
  width: 2px;
}
.classic__tt .classic__tt__spec__tree__row__item i:nth-child(2) {
  /* right */
  top: 49%;
  right: 0;
  height: 2px;
  width: 50%;
}
.classic__tt .classic__tt__spec__tree__row__item i:nth-child(3) {
  /* bottom */
  bottom: 0;
  left: 49%;
  height: 50%;
  width: 2px;
}
.classic__tt .classic__tt__spec__tree__row__item i:nth-child(4) {
  /* left */
  bottom: 47%;
  left: 0;
  height: 2px;
  width: 52%;
}
@media screen and (max-width: 660px) {
  .classic__tt .classic__tt__treewrap {
    position: relative;
    display: block;
  }
  .classic__tt .classic__tt__mobilenav {
    display: block;
    display: flex;
    max-width: 380px;
    margin: 0 auto 6px;
  }
  .classic__tt .classic__tt__mobilenav .flex--9 {
    flex: 9;
  }
  .classic__tt .classic__tt__mobilenav .flex--8 {
    flex: 8;
  }
  .classic__tt .classic__tt__mobilenav .flex--7 {
    flex: 7;
  }
  .classic__tt .classic__tt__mobilenav .flex--6 {
    flex: 6;
  }
  .classic__tt .classic__tt__mobilenav .flex--5 {
    flex: 5;
  }
  .classic__tt .classic__tt__mobilenav .flex--4 {
    flex: 4;
  }
  .classic__tt .classic__tt__mobilenav .flex--3 {
    flex: 3;
  }
  .classic__tt .classic__tt__mobilenav .flex--2 {
    flex: 2;
  }
  .classic__tt .classic__tt__mobilenav .flex--1 {
    flex: 1;
  }
  .classic__tt .classic__tt__mobilenav a {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    height: 42px;
    line-height: 42px;
    background: linear-gradient(to top, #2f3641 0%, #39404b 100%);
    box-shadow: 0 1px 3px rgba(0, 1, 2, 0.26);
    border-radius: 28px;
    margin-right: 6px;
    color: #9da4af;
    font-size: .9em;
    font-weight: 600;
    padding-left: 42px;
    text-indent: 10px;
  }
  .classic__tt .classic__tt__mobilenav a:last-child {
    margin-right: 0;
  }
  .classic__tt .classic__tt__mobilenav a.active {
    background: #0f4e8e;
    color: #c5ccd7;
  }
  .classic__tt .classic__tt__mobilenav a i {
    display: block;
    position: absolute;
    border-radius: 28px;
    width: 34px;
    height: 34px;
    left: 4px;
    top: 4px;
    background-size: 100% !important;
  }
  .classic__tt .classic__tt__treewrap .classic__tt__spec {
    position: relative;
    display: block;
    margin: 0 auto;
    display: none;
  }
  .classic__tt .classic__tt__treewrap .classic__tt__spec.active {
    display: block;
  }
  .classic__tt .classic__tt__footer {
    position: relative;
    display: block;
    margin: 6px auto 0;
    max-width: 380px;
  }
  .classic__tt .classic__tt__footer > div {
    position: relative;
    display: block;
  }
  .classic__tt .classic__tt__footer > div:nth-child(2) {
    border: 1px solid #2f3641;
    border-left: 0;
    border-right: 0;
    margin: 0 8px;
  }
}
.game-wow__talent-tree {
  min-width: 460px;
  margin-bottom: 30.76923077px;
}
.game-wow__talent-tree .talent-tree__spec-menu {
  display: block;
  padding: 6px 0;
  overflow: hidden;
  margin-bottom: 6px;
}
.game-wow__talent-tree .talent-tree__spec-menu div {
  float: left;
  margin-right: 6px;
}
.game-wow__talent-tree .talent-tree__spec-menu[data-label] {
  float: right;
  margin: 0 0 6px !important;
}
.game-wow__talent-tree .talent-tree__spec-menu[data-label] button {
  margin: 0;
  color: rgba(197, 204, 215, 0.7);
  text-transform: lowercase;
  background: #2f3641 !important;
  border-radius: 42px;
  overflow: hidden;
}
.game-wow__talent-tree .talent-tree__spec-menu[data-label] button:hover {
  cursor: default;
}
.game-wow__talent-tree .talent-tree__spec-menu button {
  position: relative;
  display: block;
  line-height: 32px;
  font-size: .85em;
  color: rgba(197, 204, 215, 0.5);
  background: #39404b;
  width: 100%;
  padding: 0;
  text-align: left;
  padding: 0 12px 0 0;
  text-indent: 8px;
  box-sizing: border-box;
  border-radius: 42px;
  overflow: hidden;
}
.game-wow__talent-tree .talent-tree__spec-menu button i {
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  float: left;
  margin: 3px 0 3px 3px;
  box-sizing: border-box;
  border-radius: 50px;
}
.game-wow__talent-tree .talent-tree__spec-menu button:hover {
  cursor: pointer;
  background: rgba(15, 78, 142, 0.4);
  color: #fff;
}
.game-wow__talent-tree .talent-tree__spec-menu button[data-selected="1"] {
  background: #0f4e8e;
  color: rgba(255, 255, 255, 0.5);
}
.game-wow__talent-tree .talent-tree__wrapper {
  display: none;
}
.game-wow__talent-tree .talent-tree__wrapper[data-active="1"] {
  display: block;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row {
  display: flex;
  padding: 0;
  margin: 0 0 6px;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--9 {
  flex: 9;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--8 {
  flex: 8;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--7 {
  flex: 7;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--6 {
  flex: 6;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--5 {
  flex: 5;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--4 {
  flex: 4;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--3 {
  flex: 3;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--2 {
  flex: 2;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .flex--1 {
  flex: 1;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row:last-child {
  margin-bottom: 0;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row:hover .talent-tree__row-label {
  color: #fff;
  background: #0f4e8e;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row:hover .talent-tree__row-label:hover {
  cursor: default;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__row-label {
  flex: 1;
  line-height: 42px;
  color: #c5ccd7;
  text-align: center;
  background: #2f3641;
  border-radius: 42px;
  max-width: 46px;
  font-size: .75em;
  font-weight: 600;
  transition: color .1s;
  box-sizing: border-box;
  padding: 0;
  color: rgba(255, 255, 255, 0.5);
  transition: background .4s, color .4s;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col {
  flex: 4;
  padding: 0;
  min-width: 120px;
  margin-left: 6px;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col > div {
  position: relative;
  display: block;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col > div > div:last-child > button {
  background: red;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button {
  display: block;
  color: #fff;
  font-size: .9em;
  font-weight: 500;
  background: #2f3641;
  border-radius: 42px;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transition: background .1s;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button:hover {
  cursor: pointer;
  background: #3e4550;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button[data-selected="true"] {
  background: #0f4e8e;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button[data-selected="true"]:hover {
  background: #1e5d9d;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button[data-selected="true"] .icon {
  border-color: #3271b1 !important;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent {
  display: block;
  line-height: 42px;
  text-align: left;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent .icon,
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent div.no-icon {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin: 5px 12px 5px 5px;
  background: #111823;
  background-repeat: no-repeat !important;
  border-radius: 50px;
  background-size: 100% !important;
  background-position: center !important;
  box-sizing: border-box;
  border: 2px solid #4d545f;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent div.no-icon {
  background: none;
  border: none;
  width: 10px;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-wow__talent-tree .talent-tree__wrapper .talent-tree__row .talent-tree__col button .talent-tree__talent .label a {
  color: #c5ccd7;
  display: block;
}
@media screen and (max-width: 500px) {
  .game-wow__talent-tree {
    min-width: inherit;
  }
  .game-wow__talent-tree .talent-tree__spec-menu {
    display: none;
  }
  .game-wow__talent-tree .talent-tree__wrapper .talent-tree__col {
    display: none;
  }
  .game-wow__talent-tree .talent-tree__wrapper .talent-tree__col[data-selected="true"] {
    display: block;
  }
}
.flex__box {
  display: flex;
}
.flex__box .flex--9 {
  flex: 9;
}
.flex__box .flex--8 {
  flex: 8;
}
.flex__box .flex--7 {
  flex: 7;
}
.flex__box .flex--6 {
  flex: 6;
}
.flex__box .flex--5 {
  flex: 5;
}
.flex__box .flex--4 {
  flex: 4;
}
.flex__box .flex--3 {
  flex: 3;
}
.flex__box .flex--2 {
  flex: 2;
}
.flex__box .flex--1 {
  flex: 1;
}
.flex__grid {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(1, minmax(200px, 1fr));
}
.flex__grid[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.gap--small {
  grid-column-gap: 6px !important;
  grid-row-gap: 6px !important;
}
.flex__grid.row--7 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(7, minmax(200px, 1fr));
}
.flex__grid.row--7[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--7[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--7[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--7[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--7[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.row--6 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(6, minmax(200px, 1fr));
}
.flex__grid.row--6[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--6[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--6[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--6[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--6[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.row--5 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(5, minmax(200px, 1fr));
}
.flex__grid.row--5[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--5[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--5[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--5[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--5[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.row--4 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
}
.flex__grid.row--4[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--4[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--4[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--4[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--4[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.row--3 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
}
.flex__grid.row--3[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--3[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--3[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--3[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--3[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__grid.row--2 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.flex__grid.row--2[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.flex__grid.row--2[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.flex__grid.row--2[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.flex__grid.row--2[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.flex__grid.row--2[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.flex__container {
  display: flex;
}
.flex__container .flex--left,
.flex__container .flex--right {
  flex: 1;
}
.flex__container .flex--container {
  position: relative;
  display: block;
  max-width: 970px;
  min-width: 200px;
  padding: 0 40px;
  margin: 0 auto;
  align-self: center;
  width: 100%;
  box-sizing: border-box;
}
.flex__container .flex--container.slim {
  max-width: 700px;
}
.flex__container .flex--container.tidy {
  max-width: 500px;
}
.flex__container .flex--container.slim {
  max-width: 700px;
}
.flex__container .flex--container.tidy {
  max-width: 500px;
}
@media screen and (max-width: 660px) {
  .flex__container .flex--container {
    padding: 0 13.33333333px;
  }
}
.flex__container.no-padding {
  padding: 0 !important;
}
.flex__center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.flex__center > div.medium-width {
  max-width: 340px;
}
.footer__sticky {
  color: rgba(197, 204, 215, 0.9);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(22, 29, 40, 0.9);
  font-size: 12px;
  padding: 0 0;
  line-height: 28px;
}
.footer__sticky > div {
  text-align: center;
}
.footer__sticky > div > p,
.footer__sticky > div > a {
  display: inline-block;
}
.footer__sticky > div > p a,
.footer__sticky > div > a a {
  color: rgba(197, 204, 215, 0.4);
}
.footer__sticky > div > a {
  padding: 2px 8px;
  margin-left: 1.5em;
  line-height: 26px;
  box-sizing: border-box;
  background: rgba(12, 19, 30, 0.7);
  transition: all .3s;
}
.footer__sticky > div > a:hover {
  color: #fff;
  background: #0f4e8e;
}
.forms__reset {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: .9em;
}
.forms__reset.input,
.forms__reset.button,
.forms__reset input,
.forms__reset button,
.forms__reset textarea,
.forms__reset.textarea {
  background: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  outline: none;
  margin: 0;
  font-size: 1em;
  color: #fff;
  display: block;
}
.forms__reset input:-webkit-autofill,
.forms__reset input:-webkit-autofill:hover,
.forms__reset input:-webkit-autofill:focus,
.forms__reset textarea:-webkit-autofill,
.forms__reset textarea:-webkit-autofill:hover,
.forms__reset textarea:-webkit-autofill:focus,
.forms__reset select:-webkit-autofill,
.forms__reset select:-webkit-autofill:hover,
.forms__reset select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #3e4550 inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #3e4550 !important;
  background-clip: content-box !important;
  border-radius: 8px;
}
.forms__reset button:hover {
  cursor: pointer;
}
.forms__fancy {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: .9em;
  color: #fff;
  font-family: 'Montserrat';
}
.forms__fancy.input,
.forms__fancy.button,
.forms__fancy input,
.forms__fancy button,
.forms__fancy textarea,
.forms__fancy.textarea {
  background: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  outline: none;
  margin: 0;
  font-size: 1em;
  color: #fff;
  display: block;
}
.forms__fancy input:-webkit-autofill,
.forms__fancy input:-webkit-autofill:hover,
.forms__fancy input:-webkit-autofill:focus,
.forms__fancy textarea:-webkit-autofill,
.forms__fancy textarea:-webkit-autofill:hover,
.forms__fancy textarea:-webkit-autofill:focus,
.forms__fancy select:-webkit-autofill,
.forms__fancy select:-webkit-autofill:hover,
.forms__fancy select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #3e4550 inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #3e4550 !important;
  background-clip: content-box !important;
  border-radius: 8px;
}
.forms__fancy button:hover {
  cursor: pointer;
}
.forms__fancy .form--messages {
  background: #252c37;
  border: 1px dashed #2bb7ff;
  padding: 16px;
  font-weight: 500;
  margin-top: 30px;
  font-size: .9em;
}
.forms__fancy .form--footer {
  padding: 20px 0;
  overflow: hidden;
}
.forms__fancy .form--footer a {
  position: relative;
  display: block;
  float: left;
  line-height: 42px;
  height: 42px;
  color: rgba(255, 255, 255, 0.75);
  transition: color .2s;
  font-size: .9em;
}
.forms__fancy .form--footer a:hover {
  color: #2bb7ff;
}
.forms__fancy .form--footer button[type="submit"] {
  height: 42px;
  line-height: 42px;
  background: #fff;
  color: #181818;
  padding: 0 15px;
  float: right;
  border-radius: 4px;
  transition: background .2s, color .2s;
}
.forms__fancy .form--footer button[type="submit"]:hover {
  background: #2afe83;
  color: #575e69;
}
.forms__fancy .field .field--messages {
  position: relative;
  display: block;
  margin: 0 0 8px;
  padding: 10px 0;
  font-size: .9em;
  color: rgba(255, 255, 255, 0.6);
}
.forms__fancy .field .field--messages span {
  display: block;
  margin: 0 0 4px;
}
.forms__fancy .field .field--messages span.errors {
  color: #ff5f48;
}
.forms__fancy .field .field--messages ul {
  position: relative;
  display: block;
  padding-left: 20px;
}
.forms__fancy .field .field--messages ul li {
  list-style: square;
}
.forms__fancy .field .field--item {
  position: relative;
  display: block;
  margin: 0 0 8px;
  border-left: 4px solid #2bb7ff;
  background: #252c37;
  transition: background 0.5s, border-left-color 1s;
}
.forms__fancy .field .field--item div {
  /* field html immediate wrapper */
  padding: 5px 10px;
}
.forms__fancy .field .field--item.active {
  background: none;
}
.forms__fancy .field .field--item.complete {
  border-left-color: #2afe83;
}
.forms__fancy .field .field--item.complete a {
  opacity: .5;
}
.forms__fancy .field .field--item.error {
  border-left-color: #fe412a;
}
.forms__fancy .field .field--item label.field--label {
  display: block;
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  text-transform: lowercase;
  font-weight: 500;
  height: 42px;
  line-height: 42px;
  left: 16px;
  top: 5px;
  transition: color .5s;
}
.forms__fancy .field .field--item label.error {
  color: #ff735c;
  font-size: .9em;
  font-weight: 500;
}
.forms__fancy .field .field--item a {
  /* show/hide field help text */
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  right: -23px;
  top: 17px;
  background: #343b46;
  border-radius: 0 4px 4px 4px;
  font-size: 1em;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  opacity: 1;
  transition: border-color 0.6s, background 0.6s, color 0.6s, opacity 0.6s;
}
.forms__fancy .field .field--item a:hover {
  background: #fff !important;
  color: #575e69;
  opacity: 1;
}
.forms__fancy .field .field--item a[data-active="1"] {
  background: #2bb7ff;
  color: #575e69;
  opacity: 1;
}
.forms__fancy .field .field--item.active label.field--label {
  text-align: right;
  right: 108%;
  left: inherit;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  width: 120px;
  line-height: 21px;
}
.forms__fancy .field .field--item.input-field div {
  color: #fff;
}
.forms__fancy .field .field--item.input-field div input {
  position: relative;
  display: block;
  color: #fff;
  line-height: 42px;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1em;
  padding: 0 6px;
}
.forms__noxxic {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: .9em;
}
.forms__noxxic.input,
.forms__noxxic.button,
.forms__noxxic input,
.forms__noxxic button,
.forms__noxxic textarea,
.forms__noxxic.textarea {
  background: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  outline: none;
  margin: 0;
  font-size: 1em;
  color: #fff;
  display: block;
}
.forms__noxxic input:-webkit-autofill,
.forms__noxxic input:-webkit-autofill:hover,
.forms__noxxic input:-webkit-autofill:focus,
.forms__noxxic textarea:-webkit-autofill,
.forms__noxxic textarea:-webkit-autofill:hover,
.forms__noxxic textarea:-webkit-autofill:focus,
.forms__noxxic select:-webkit-autofill,
.forms__noxxic select:-webkit-autofill:hover,
.forms__noxxic select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #3e4550 inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #3e4550 !important;
  background-clip: content-box !important;
  border-radius: 8px;
}
.forms__noxxic button:hover {
  cursor: pointer;
}
.forms__noxxic [hidden] {
  display: none !important;
}
.forms__noxxic button[type="submit"] {
  padding: 12px 40px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: lowercase;
  font-size: .9em;
  border: 2px solid #2afe83;
  transition: all .2s;
  background: #0c131e;
  color: #2afe83;
}
.forms__noxxic button[type="submit"]:hover {
  background: #2afe83;
  color: #0c131e;
  border-color: transparent;
}
.forms__noxxic .label-styles {
  color: #9da4af;
  font-size: .85em;
  margin: 0 0 4px;
  display: block;
  line-height: 16px;
  text-transform: lowercase;
}
.forms__noxxic .field--item {
  margin: 0 0 26px;
}
.forms__noxxic .field--label {
  color: #9da4af;
  font-size: .85em;
  margin: 0 0 4px;
  display: block;
  line-height: 16px;
  text-transform: lowercase;
  font-size: 1.05em;
  font-weight: 600;
}
.forms__noxxic .field--helptext {
  color: #9da4af;
  font-size: .85em;
  margin: 0 0 4px;
  display: block;
  line-height: 16px;
  text-transform: lowercase;
}
.forms__noxxic .field--input--wrapper {
  border-left: 8px solid #0f4e8e;
  padding: 4px 12px;
}
.forms__noxxic .field--input--wrapper input,
.forms__noxxic .field--input--wrapper textarea {
  transition: background .5s;
  width: 100%;
  padding: 0 8px;
}
.forms__noxxic .field--input--wrapper input:focus,
.forms__noxxic .field--input--wrapper textarea:focus {
  background: #39404b;
}
.forms__noxxic .field--input--wrapper input {
  display: block;
  width: 100%;
  height: 2em;
  line-height: 2em;
}
.forms__slick {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: .9em;
  padding: 12px 0;
}
.forms__slick.input,
.forms__slick.button,
.forms__slick input,
.forms__slick button,
.forms__slick textarea,
.forms__slick.textarea {
  background: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  outline: none;
  margin: 0;
  font-size: 1em;
  color: #fff;
  display: block;
}
.forms__slick input:-webkit-autofill,
.forms__slick input:-webkit-autofill:hover,
.forms__slick input:-webkit-autofill:focus,
.forms__slick textarea:-webkit-autofill,
.forms__slick textarea:-webkit-autofill:hover,
.forms__slick textarea:-webkit-autofill:focus,
.forms__slick select:-webkit-autofill,
.forms__slick select:-webkit-autofill:hover,
.forms__slick select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #3e4550 inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #3e4550 !important;
  background-clip: content-box !important;
  border-radius: 8px;
}
.forms__slick button:hover {
  cursor: pointer;
}
.forms__slick .field--input--styles div {
  display: inline-block;
  border: 2px solid #252c37;
  border-radius: 20px;
  padding: 8px;
  background: #3e4550;
}
.forms__slick .field--input--styles div input,
.forms__slick .field--input--styles div textarea {
  display: block;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  max-width: 100%;
}
.forms__slick .help_text {
  color: rgba(255, 255, 255, 0.74);
}
.forms__slick .errors {
  color: #ff553e;
}
.forms__slick .field {
  margin: 0 0 26px;
}
.forms__slick .field--item {
  margin: 0;
}
.forms__slick .field--messages {
  display: block;
  margin: 8px 0 0;
  font-size: .87em;
  font-weight: 600;
  text-transform: lowercase;
}
.forms__slick label.field--label {
  font-size: .95em;
  font-weight: 500;
  color: #2bb7ff;
  padding: 0 0 8px 0;
  display: block;
  text-transform: lowercase;
  text-indent: 10px;
}
.forms__slick .input-field {
  display: inline-block;
}
.forms__slick .input-field div {
  display: inline-block;
  border: 2px solid #252c37;
  border-radius: 20px;
  padding: 8px;
  background: #3e4550;
}
.forms__slick .input-field div input,
.forms__slick .input-field div textarea {
  display: block;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  max-width: 100%;
}
.forms__slick .type-textarea div {
  display: inline-block;
  border: 2px solid #252c37;
  border-radius: 20px;
  padding: 8px;
  background: #3e4550;
}
.forms__slick .type-textarea div input,
.forms__slick .type-textarea div textarea {
  display: block;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  max-width: 100%;
}
.forms__slick .type-checkboxinput {
  vertical-align: middle;
}
.forms__slick .type-checkboxinput div {
  display: inline-block;
  border: 2px solid #252c37;
  border-radius: 20px;
  padding: 8px;
  background: #3e4550;
}
.forms__slick .type-checkboxinput div input,
.forms__slick .type-checkboxinput div textarea {
  display: block;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  max-width: 100%;
}
.forms__slick .type-checkboxinput .field--label {
  float: right;
  vertical-align: middle;
  padding: 0;
  margin-top: 8px;
}
.forms__slick .type-checkboxinput div {
  position: relative;
  text-align: center !important;
  padding: 4;
}
.forms__slick .type-checkboxinput input[type="checkbox"] {
  position: relative;
  display: inline-block !important;
  width: inherit !important;
}
.forms__slick .form--footer {
  padding: 40px 0;
}
.forms__slick .form--footer button[type="submit"] {
  height: 22px;
  line-height: 22px;
  color: #181818;
  background: #fff;
  padding: 0 15px;
  border-radius: 4px;
  transition: background .2s, color .2s;
}
.forms__slick .form--footer button[type="submit"]:hover {
  background: #2bb7ff;
}
.forms__searchbar {
  position: relative;
  display: block;
}
.forms__searchbar .wrapper {
  display: flex;
  border-radius: 8px;
  box-shadow: none;
}
.forms__searchbar .wrapper .flex--9 {
  flex: 9;
}
.forms__searchbar .wrapper .flex--8 {
  flex: 8;
}
.forms__searchbar .wrapper .flex--7 {
  flex: 7;
}
.forms__searchbar .wrapper .flex--6 {
  flex: 6;
}
.forms__searchbar .wrapper .flex--5 {
  flex: 5;
}
.forms__searchbar .wrapper .flex--4 {
  flex: 4;
}
.forms__searchbar .wrapper .flex--3 {
  flex: 3;
}
.forms__searchbar .wrapper .flex--2 {
  flex: 2;
}
.forms__searchbar .wrapper .flex--1 {
  flex: 1;
}
.forms__searchbar .game {
  overflow: hidden;
}
.forms__searchbar .game a.game_btn {
  position: relative;
  display: block;
  background: linear-gradient(to bottom, #195898 0%, #2362a2 100%);
  border-radius: 8px;
  color: rgba(197, 204, 215, 0.8);
  float: left;
  font-size: .9em;
  font-weight: 600;
  line-height: 40px;
  padding: 0 21px 0 0;
  margin-right: 14px;
  /* &:hover .menu_icon span:before {
			  transform: translateY(6px) rotate(135deg);
			}
			
			&:hover .menu_icon:after {
			  transform: translateY(-6px) rotate(-135deg);
			}
			
			&:hover .menu_icon span:after {
			  transform: scale(0);
			} */
}
.forms__searchbar .game a.game_btn:hover {
  background: #3776b6;
}
.forms__searchbar .game a.game_btn span.game_icon {
  position: relative;
  display: block;
  float: left;
  padding: 0 1em;
  background: rgba(47, 54, 65, 0.4);
  border-radius: 8px 0 0 8px;
  margin: 0 1em 0 0;
}
.forms__searchbar .game a.game_btn span.game_icon > i {
  position: relative;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
  margin: 8px 0 8px 0;
}
.forms__searchbar .game a.game_btn span.menu_icon {
  position: relative;
  float: right;
  width: 12px;
  height: 12px;
  margin: 14px 0 0 1em;
}
.forms__searchbar .game a.game_btn span.menu_icon:after,
.forms__searchbar .game a.game_btn span.menu_icon span:before,
.forms__searchbar .game a.game_btn span.menu_icon span:after {
  border-radius: 3px;
  content: '';
  display: block;
  box-sizing: border-box;
  background: rgba(0, 1, 2, 0.3);
  float: none;
  height: 1.33333333px;
  margin: 0;
  position: relative;
  transition: all 0.8s ease-in-out;
}
.forms__searchbar .game a.game_btn span.menu_icon span:after {
  margin: 4px 0;
}
.forms__searchbar .game a.game_btn:hover .menu_icon span:before,
.forms__searchbar .game a.game_btn:hover .menu_icon:after,
.forms__searchbar .game a.game_btn:hover .menu_icon span:after {
  background: #2bb7ff;
}
.forms__searchbar .input_wrapper {
  flex: 1;
  background: #484f5a;
  border: 1px solid transparent;
  border-radius: 8px;
  box-sizing: border-box;
  height: 40px;
  line-height: 26px;
  padding: 6px;
  margin: 0px 0;
  transition: all 0.4s ease-in-out;
}
.forms__searchbar .input_wrapper[data-focused="1"] {
  background: #202732;
  border-color: #1da1f2;
  box-shadow: 0 3px 25px #1b222d;
}
.forms__searchbar .input_wrapper[data-focused="1"] .submitbtn a svg path {
  fill: #1da1f2;
}
.forms__searchbar .input_wrapper[data-focused="1"] .filter a {
  background: #39404b;
}
.forms__searchbar .input_wrapper[data-focused="1"] .filter a:last-child {
  background: #434a55;
}
.forms__searchbar .input_wrapper[data-rounded] {
  border-radius: 8px;
}
.forms__searchbar .input_wrapper .wrap {
  display: flex;
  position: relative;
}
.forms__searchbar .input_wrapper .wrap .flex--9 {
  flex: 9;
}
.forms__searchbar .input_wrapper .wrap .flex--8 {
  flex: 8;
}
.forms__searchbar .input_wrapper .wrap .flex--7 {
  flex: 7;
}
.forms__searchbar .input_wrapper .wrap .flex--6 {
  flex: 6;
}
.forms__searchbar .input_wrapper .wrap .flex--5 {
  flex: 5;
}
.forms__searchbar .input_wrapper .wrap .flex--4 {
  flex: 4;
}
.forms__searchbar .input_wrapper .wrap .flex--3 {
  flex: 3;
}
.forms__searchbar .input_wrapper .wrap .flex--2 {
  flex: 2;
}
.forms__searchbar .input_wrapper .wrap .flex--1 {
  flex: 1;
}
.forms__searchbar .input_wrapper .wrap .input {
  flex: 1;
}
.forms__searchbar .input_wrapper .filter {
  position: relative;
  display: block;
  overflow: hidden;
  margin-right: .3em;
  float: right;
}
.forms__searchbar .input_wrapper .filter a {
  position: relative;
  display: block;
  background: #2f3641;
  border-radius: 8px;
  color: #c5ccd7;
  font-size: .9em;
  font-weight: 600;
  float: left;
  line-height: 26px;
  padding: 0 8px;
  text-transform: lowercase;
  margin: 0 0 0 0;
  transition: all 0.4s ease-in-out;
}
.forms__searchbar .input_wrapper .filter a em {
  color: #c5ccd7;
}
.forms__searchbar .input_wrapper .filter a:hover {
  background: #0f4e8e;
}
.forms__searchbar .input_wrapper .filter a:first-child {
  border-radius: 8px 0 0 8px;
  margin-left: 0;
}
.forms__searchbar .input_wrapper .filter a:last-child {
  background: #252c37;
  border-radius: 0 8px 8px 0;
  padding: 0 8px;
  margin-left: 0;
}
.forms__searchbar .input_wrapper .filter a:last-child:hover {
  background: #fe412a;
}
.forms__searchbar .input_wrapper .filter a i {
  position: relative;
  display: block;
  border-radius: 12px;
  float: left;
  height: 12px;
  width: 12px;
  margin: 7px 0.5em 0 0;
}
.forms__searchbar .input_wrapper input[type="text"] {
  position: relative;
  display: block;
  flex: 1;
  box-sizing: border-box;
  font-size: .95em;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
  padding-left: 30px;
  width: 100%;
}
.forms__searchbar .input_wrapper div.submitbtn {
  color: #9da4af;
  display: block;
  position: absolute;
  line-height: 28px;
  height: 28px;
  width: 28px;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 26px;
  text-align: center;
  /*&:after {
				content: "\02192";
			}*/
}
.forms__searchbar .input_wrapper div.submitbtn:hover a svg path {
  fill: #2bb7ff;
}
.forms__searchbar .input_wrapper div.submitbtn a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
}
.forms__searchbar .input_wrapper div.submitbtn a svg {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  display: block;
}
.forms__searchbar .input_wrapper div.submitbtn a svg path {
  fill: #9da4af;
  transition: fill 1s;
}
.forms__searchbar .input_wrapper div.submitbtn input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  box-sizing: border-box;
  z-index: 1;
}
.forms__searchbar .input_wrapper div.submitbtn input:hover {
  cursor: pointer;
}
.forms__search {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: .9em;
  position: relative;
  display: block;
  background: #2f3641;
  border-radius: 20px;
  padding: 8px 16px;
}
.forms__search.input,
.forms__search.button,
.forms__search input,
.forms__search button,
.forms__search textarea,
.forms__search.textarea {
  background: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  outline: none;
  margin: 0;
  font-size: 1em;
  color: #fff;
  display: block;
}
.forms__search input:-webkit-autofill,
.forms__search input:-webkit-autofill:hover,
.forms__search input:-webkit-autofill:focus,
.forms__search textarea:-webkit-autofill,
.forms__search textarea:-webkit-autofill:hover,
.forms__search textarea:-webkit-autofill:focus,
.forms__search select:-webkit-autofill,
.forms__search select:-webkit-autofill:hover,
.forms__search select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #3e4550 inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #3e4550 !important;
  background-clip: content-box !important;
  border-radius: 8px;
}
.forms__search button:hover {
  cursor: pointer;
}
.forms__search form input {
  height: 1em;
  line-height: 1em;
}
.forms__widget-multiselect .options {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 26px;
}
.forms__widget-multiselect .options div {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 12px;
}
.forms__widget-multiselect .options div:last-child {
  margin-bottom: 0;
}
.forms__widget-multiselect .options span {
  /* Option Category Label */
  display: block;
  float: left;
  text-transform: lowercase;
  color: #9da4af;
}
.forms__widget-multiselect .options a {
  /* Option */
  display: block;
  float: left;
  margin-left: 8px;
  color: #2bb7ff;
  border-radius: 4px;
  padding: 0 8px;
  font-size: .9em;
  font-weight: 600;
  transition: background .3s, color .3s;
}
.forms__widget-multiselect .options a[data-icon] {
  padding-left: 0;
}
.forms__widget-multiselect .options a:hover {
  color: #fff;
}
.forms__widget-multiselect .options a[data-active="1"] {
  background: #0f4e8e;
  color: #fff;
}
.forms__widget-multiselect .options a i {
  position: relative;
  display: block;
  height: 22px;
  width: 22px;
  float: left;
  margin: 2px 0;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 22px;
  box-sizing: border-box;
}
.listings__guides__x {
  padding: 40px 0 20px;
}
.listings__guides__x .title {
  position: relative;
  display: block;
  color: #9da4af;
  font-size: .95em;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0 0 20px;
  text-transform: lowercase;
}
.listings__guides__x .title:before,
.listings__guides__x .title:after {
  content: " }";
  color: #2bb7ff;
  font-weight: 600;
  font-size: 1.2em;
}
.listings__guides__x .title:before {
  content: "{ ";
}
.listings__guides__x .wrapper {
  display: flex;
  overflow-x: scroll;
}
.listings__guides__x .wrapper .flex--9 {
  flex: 9;
}
.listings__guides__x .wrapper .flex--8 {
  flex: 8;
}
.listings__guides__x .wrapper .flex--7 {
  flex: 7;
}
.listings__guides__x .wrapper .flex--6 {
  flex: 6;
}
.listings__guides__x .wrapper .flex--5 {
  flex: 5;
}
.listings__guides__x .wrapper .flex--4 {
  flex: 4;
}
.listings__guides__x .wrapper .flex--3 {
  flex: 3;
}
.listings__guides__x .wrapper .flex--2 {
  flex: 2;
}
.listings__guides__x .wrapper .flex--1 {
  flex: 1;
}
.listings__guides__x .card_wrap {
  flex: 1;
  box-sizing: border-box;
  padding: 0 5px 0 0;
  min-width: 20%;
  max-width: 20%;
}
.listings__guides__x .card {
  position: relative;
  display: block;
  background: #39404b;
  border-radius: 20px;
  overflow: hidden;
  transition: background .2s;
}
.listings__guides__x .card:hover {
  background: #434a55;
}
.listings__guides__x .card:hover h5 {
  color: #2bb7ff;
}
.listings__guides__x .card:hover .thumbnail .mask {
  background: rgba(12, 19, 30, 0.2);
}
.listings__guides__x .card:hover .thumbnail .icon {
  box-shadow: 1px 4px 15px #00000a;
  border-color: #2bb7ff;
}
.listings__guides__x .card a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
}
.listings__guides__x .thumbnail {
  position: relative;
  display: block;
  border-radius: 20px 20px 0 0;
  background-color: #202732 !important;
  background-size: auto 180% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  height: 120px;
  transition: background-size 0.3s;
}
.listings__guides__x .thumbnail .mask {
  /*
			border-radius: @br/2 @br/2 0 0;
			background: fade(@background__color_down_5, 50%);
			transition: background .2s;*/
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background: rgba(17, 24, 35, 0.1);
  border-radius: 10px 10px 0 0;
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .listings__guides__x .thumbnail .mask {
    background: rgba(17, 24, 35, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
}
.listings__guides__x .thumbnail .icon {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 80px;
  margin: 20px auto;
  box-sizing: border-box;
  box-shadow: 0 2px 15px rgba(0, 1, 2, 0.5);
  transition: box-shadow 0.2s, border-color 0.2s;
}
.listings__guides__x .contents {
  padding: 20px 14px;
}
.listings__guides__x .contents h5 {
  font-size: .9em;
  font-weight: 600;
  max-height: 2em;
  min-height: 2em;
  overflow: hidden;
  transition: color .3s;
}
.listings__guides__x .contents > span,
.listings__guides__x .contents > em {
  position: relative;
  display: block;
  font-size: .9em;
  line-height: 20px;
  max-height: 20px;
  min-height: 20px;
  overflow: hidden;
}
.listings__guides__x .contents > span i,
.listings__guides__x .contents > em i {
  position: relative;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  background: red;
  margin: 1px 0.5em 0 0;
}
.listings__guides__x .contents > span {
  color: #9da4af;
  margin: 6.66666667px 0 6.66666667px;
}
.listings__guides__y {
  position: relative;
  display: block;
  overflow: hidden;
}
.listings__guides__y .guide__item {
  position: relative;
  display: block;
  border-bottom: 1px solid #2f3641;
  margin-bottom: 7px;
  padding-bottom: 7px;
}
.listings__guides__y .guide__item:last-child {
  border-bottom: none;
}
.listings__guides__y .guide__item .contents {
  position: relative;
  display: block;
  color: #9da4af;
  font-size: .9e5m;
  margin-left: 100px;
  padding: 14px;
}
.listings__guides__y .guide__item .contents span {
  position: relative;
  display: block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.listings__guides__y .guide__item .contents span:first-child {
  color: #c5ccd7;
  font-size: 1.1em;
}
.listings__guides__y .guide__item .contents span em {
  display: inline-block;
  margin-right: .4em;
}
.listings__guides__y .guide__item .contents span i {
  position: relative;
  display: block;
  border-radius: 18px;
  float: left;
  height: 18px;
  width: 18px;
  margin-right: .4em;
}
.listings__guides__y .guide__item .thumbnail {
  background-color: #1b222d;
  border-radius: 14px;
  display: block;
  position: relative;
  float: left;
  height: 100px;
  width: 100px;
}
.listings__guides__y .guide__item .thumbnail i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  border-radius: 14px;
  background-size: cover !important;
  background-position: center !important;
}
.listings__directories {
  position: relative;
  display: block;
  font-size: .9em;
}
.listings__directories.align__right {
  text-align: right;
}
.listings__directories.align__right a.standalone:before {
  display: none;
}
.listings__directories.align__right a.standalone:after {
  color: #2bb7ff;
  content: "\000BB";
  margin-left: .5em;
}
.listings__directories a.standalone {
  position: relative;
  display: block;
  text-transform: lowercase;
  background: #0f4e8e;
  border-radius: 30px;
  color: #9da4af;
  margin: 0 0 20px;
  padding: 6px 12px;
}
.listings__directories a.standalone:before {
  color: #2bb7ff;
  content: "\000AB";
  margin-right: .5em;
}
.listings__directories span {
  position: relative;
  display: block;
  padding-left: 5px;
}
.listings__directories span a {
  position: relative;
  display: block;
  color: #c5ccd7;
  font-weight: 600;
  line-height: 24px;
}
.listings__directories span a:hover,
.listings__directories span a[data-active] {
  color: #2bb7ff;
}
.listings__directories span a[data-alone] i {
  position: relative;
  display: block;
  border-radius: 16px;
  float: left;
  height: 16px;
  margin: 4px 0.5em 0 0;
  width: 16px;
}
.listings__tabs {
  padding-top: 30.76923077px;
  margin: 0 0 30.76923077px 0;
}
.listings__tabs .tabs__menu__wrapper .tabs__menu {
  position: relative;
  display: block;
  min-height: 39px;
}
.listings__tabs .tabs__menu__wrapper .tabs__menu b,
.listings__tabs .tabs__menu__wrapper .tabs__menu a {
  position: relative;
  display: block;
  background: #343b46;
  border-radius: 28px 28px 0 0;
  color: #9da4af;
  float: left;
  font-size: .9em;
  font-weight: 600;
  line-height: 34px;
  max-height: 39px;
  padding: 5px 20px 0;
  transition: background .2s;
  margin-right: 1px;
}
.listings__tabs .tabs__menu__wrapper .tabs__menu b.active,
.listings__tabs .tabs__menu__wrapper .tabs__menu a.active {
  background: #1b222d !important;
  color: #2bb7ff !important;
}
.listings__tabs .tabs__menu__wrapper .tabs__menu b:hover,
.listings__tabs .tabs__menu__wrapper .tabs__menu a:hover {
  background: #484f5a;
  cursor: pointer;
}
.listings__tabs .tabs__menu__wrapper .tabs__menu b:last-child,
.listings__tabs .tabs__menu__wrapper .tabs__menu a:last-child {
  margin-right: 0;
}
.listings__tabs .tabs__content__wrapper {
  background: #1b222d;
  border-radius: 0 28px 28px 28px;
  padding: 30.76923077px 30.76923077px 1px;
}
.listings__tabs .tabs__content__wrapper .tabs__content {
  margin-bottom: 30.76923077px;
}
.listings__tabs .tabs__content__wrapper .tabs__content > div {
  display: none;
}
.listings__tabs .tabs__content__wrapper .tabs__content > div.active {
  display: block;
}
@media screen and (max-width: 660px) {
  .listings__tabs .tabs__menu__wrapper .tabs__menu b,
  .listings__tabs .tabs__menu__wrapper .tabs__menu a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
    border-radius: 0;
    margin: 0 !important;
    height: 32px;
    line-height: 32px;
    text-indent: 0;
    transition: text-indent 0.2s;
  }
  .listings__tabs .tabs__menu__wrapper .tabs__menu b:first-child,
  .listings__tabs .tabs__menu__wrapper .tabs__menu a:first-child {
    border-radius: 14px 14px 0 0;
  }
  .listings__tabs .tabs__menu__wrapper .tabs__menu b.active,
  .listings__tabs .tabs__menu__wrapper .tabs__menu a.active {
    background: #0f4e8e !important;
    color: #c5ccd7 !important;
    text-indent: 10px;
  }
  .listings__tabs .tabs__content__wrapper {
    border-radius: 0 0 28px 28px;
  }
}
.tablelist {
  margin-bottom: 30.76923077px;
  /* TABLE LIST STYLE 2 */
  /* TABLE LIST STYLE 4 */
}
.tablelist .tablelist__row {
  display: flex;
  margin: 0 0 0;
}
.tablelist .tablelist__row .flex--9 {
  flex: 9;
}
.tablelist .tablelist__row .flex--8 {
  flex: 8;
}
.tablelist .tablelist__row .flex--7 {
  flex: 7;
}
.tablelist .tablelist__row .flex--6 {
  flex: 6;
}
.tablelist .tablelist__row .flex--5 {
  flex: 5;
}
.tablelist .tablelist__row .flex--4 {
  flex: 4;
}
.tablelist .tablelist__row .flex--3 {
  flex: 3;
}
.tablelist .tablelist__row .flex--2 {
  flex: 2;
}
.tablelist .tablelist__row .flex--1 {
  flex: 1;
}
.tablelist .tablelist__row__col {
  flex: 1;
  margin-left: 0;
}
.tablelist .tablelist__row__col:first-child {
  margin-left: 0;
}
.tablelist a,
.tablelist p {
  display: inline-block;
  margin: 0 !important;
}
.tablelist[data-style="editor"] .tablelist__row {
  display: flex;
  margin: 0 0 6px;
}
.tablelist[data-style="editor"] .tablelist__row .flex--9 {
  flex: 9;
}
.tablelist[data-style="editor"] .tablelist__row .flex--8 {
  flex: 8;
}
.tablelist[data-style="editor"] .tablelist__row .flex--7 {
  flex: 7;
}
.tablelist[data-style="editor"] .tablelist__row .flex--6 {
  flex: 6;
}
.tablelist[data-style="editor"] .tablelist__row .flex--5 {
  flex: 5;
}
.tablelist[data-style="editor"] .tablelist__row .flex--4 {
  flex: 4;
}
.tablelist[data-style="editor"] .tablelist__row .flex--3 {
  flex: 3;
}
.tablelist[data-style="editor"] .tablelist__row .flex--2 {
  flex: 2;
}
.tablelist[data-style="editor"] .tablelist__row .flex--1 {
  flex: 1;
}
.tablelist[data-style="editor"] .tablelist__row__col {
  flex: 1;
  margin-left: 6px;
}
.tablelist[data-style="editor"] .tablelist__row__col:first-child {
  margin-left: 0;
}
.tablelist[data-style="editor"] .tablelist__row__col {
  border-radius: 10px;
  background: #161d28;
}
.tablelist[data-style="editor"] .tablelist__row__col div[data-input] {
  border-radius: 10px;
  box-sizing: border-box;
  color: #9da4af;
  font-size: .9em;
  padding: 10px;
  min-height: 100%;
  line-height: 1.5em;
  transition: color .2s, background .2s;
  border: 2px solid #2bb7ff;
}
.tablelist[data-style="editor"] .tablelist__row__col div[data-input]:focus {
  background: #0c131e;
  color: #c5ccd7;
  border-color: #2afe83;
  outline: none;
}
.tablelist[data-style="5"] .tablelist__row {
  display: flex;
  margin: 0 0 0;
}
.tablelist[data-style="5"] .tablelist__row .flex--9 {
  flex: 9;
}
.tablelist[data-style="5"] .tablelist__row .flex--8 {
  flex: 8;
}
.tablelist[data-style="5"] .tablelist__row .flex--7 {
  flex: 7;
}
.tablelist[data-style="5"] .tablelist__row .flex--6 {
  flex: 6;
}
.tablelist[data-style="5"] .tablelist__row .flex--5 {
  flex: 5;
}
.tablelist[data-style="5"] .tablelist__row .flex--4 {
  flex: 4;
}
.tablelist[data-style="5"] .tablelist__row .flex--3 {
  flex: 3;
}
.tablelist[data-style="5"] .tablelist__row .flex--2 {
  flex: 2;
}
.tablelist[data-style="5"] .tablelist__row .flex--1 {
  flex: 1;
}
.tablelist[data-style="5"] .tablelist__row__col {
  flex: 1;
  margin-left: 0;
}
.tablelist[data-style="5"] .tablelist__row__col:first-child {
  margin-left: 0;
}
.tablelist[data-style="5"] .tablelist__row[data-title="1"] {
  margin: 6px 0 0 0;
}
.tablelist[data-style="5"] .tablelist__row[data-title="1"]:first-child {
  margin: 0;
}
.tablelist[data-style="5"] .tablelist__row:nth-child(odd) .tablelist__row__col {
  background: #1c232e;
}
.tablelist[data-style="5"] .tablelist__row:hover .tablelist__row__col {
  background: #19202b;
}
.tablelist[data-style="5"] .tablelist__row:hover:nth-child(odd) .tablelist__row__col {
  background: #1f2631;
}
.tablelist[data-style="5"] .tablelist__row__col {
  flex: 2;
  background: #161d28;
  padding: 10px 14px;
  border-left: 0 solid #252c37;
}
.tablelist[data-style="5"] .tablelist__row__col:empty,
.tablelist[data-style="5"] .tablelist__row__col:nth-child(1),
.tablelist[data-style="5"] .tablelist__row__col:nth-child(2) {
  border: none;
}
.tablelist[data-style="5"] .tablelist__row__col:empty {
  display: none;
}
.tablelist[data-style="5"] .tablelist__row__col:first-child {
  display: block;
  flex: 1;
  color: #9da4af;
  max-width: 146px;
  min-width: 100px;
  text-align: right;
  font-size: 1em;
  font-weight: 600;
  padding-left: 0;
  margin-right: 6px;
  background: #29303b !important;
}
.tablelist[data-style="3"] {
  font-size: .9em;
}
.tablelist[data-style="3"] .tablelist__row {
  display: flex;
  margin: 0 0 2px;
}
.tablelist[data-style="3"] .tablelist__row .flex--9 {
  flex: 9;
}
.tablelist[data-style="3"] .tablelist__row .flex--8 {
  flex: 8;
}
.tablelist[data-style="3"] .tablelist__row .flex--7 {
  flex: 7;
}
.tablelist[data-style="3"] .tablelist__row .flex--6 {
  flex: 6;
}
.tablelist[data-style="3"] .tablelist__row .flex--5 {
  flex: 5;
}
.tablelist[data-style="3"] .tablelist__row .flex--4 {
  flex: 4;
}
.tablelist[data-style="3"] .tablelist__row .flex--3 {
  flex: 3;
}
.tablelist[data-style="3"] .tablelist__row .flex--2 {
  flex: 2;
}
.tablelist[data-style="3"] .tablelist__row .flex--1 {
  flex: 1;
}
.tablelist[data-style="3"] .tablelist__row__col {
  flex: 1;
  margin-left: 2px;
}
.tablelist[data-style="3"] .tablelist__row__col:first-child {
  margin-left: 0;
}
.tablelist[data-style="3"] .tablelist__row:hover .tablelist__row__col {
  border-color: #2bb7ff;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) {
  flex: 1;
  background: #202732;
  background: none;
  font-size: 1em;
  font-weight: 600;
  border: none;
  padding-left: 0;
  padding-right: 6px;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) > div {
  position: relative;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em {
  display: block;
  position: absolute;
  height: 3px;
  width: 80%;
  right: 10%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em i:first-child {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 3px;
  border-radius: 3px;
  background: #111823;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em[data-rating="1"] i:nth-child(2) {
  width: 20%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em[data-rating="2"] i:nth-child(2) {
  width: 40%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em[data-rating="3"] i:nth-child(2) {
  width: 60%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em[data-rating="4"] i:nth-child(2) {
  width: 80%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em[data-rating="5"] i:nth-child(2) {
  width: 100%;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em i:nth-child(2) {
  display: block;
  position: absolute;
  width: 0%;
  left: 0;
  top: 0;
  height: 3px;
  border: 0 solid transparent;
  box-sizing: border-box;
  border-radius: 3px;
  background: linear-gradient(to left, #ffd143 -86%, #cc0f00 100%);
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(1) em i:nth-child(2):after {
  content: "";
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  right: -2px;
  top: -6px;
  background: url(/static/images/icons/flameicon.png) no-repeat center;
  background-size: contain;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(2) {
  background: #1b222d;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(3) {
  flex: 2;
}
.tablelist[data-style="3"] .tablelist__row__col:nth-child(4) {
  flex: 4;
}
.tablelist[data-style="3"] .tablelist__row__col {
  flex: 3;
  background: #343b46;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: .9em;
  transition: border-color 0.2s;
}
.tablelist[data-style="3"] .tablelist__row__col:hover {
  cursor: default;
}
.tablelist[data-style="3"] .tablelist__row__col > div {
  display: flex;
  height: 100%;
  align-items: center;
}
.tablelist[data-style="4"] {
  font-size: .9em;
}
.tablelist[data-style="4"] .tablelist__row {
  display: flex;
  margin: 0 0 2px;
}
.tablelist[data-style="4"] .tablelist__row .flex--9 {
  flex: 9;
}
.tablelist[data-style="4"] .tablelist__row .flex--8 {
  flex: 8;
}
.tablelist[data-style="4"] .tablelist__row .flex--7 {
  flex: 7;
}
.tablelist[data-style="4"] .tablelist__row .flex--6 {
  flex: 6;
}
.tablelist[data-style="4"] .tablelist__row .flex--5 {
  flex: 5;
}
.tablelist[data-style="4"] .tablelist__row .flex--4 {
  flex: 4;
}
.tablelist[data-style="4"] .tablelist__row .flex--3 {
  flex: 3;
}
.tablelist[data-style="4"] .tablelist__row .flex--2 {
  flex: 2;
}
.tablelist[data-style="4"] .tablelist__row .flex--1 {
  flex: 1;
}
.tablelist[data-style="4"] .tablelist__row__col {
  flex: 1;
  margin-left: 2px;
}
.tablelist[data-style="4"] .tablelist__row__col:first-child {
  margin-left: 0;
}
.tablelist[data-style="4"] .tablelist__row:hover .tablelist__row__col {
  background: #161d28;
}
.tablelist[data-style="4"] .tablelist__row:hover .tablelist__row__col:nth-child(1) {
  background: #39404b;
}
.tablelist[data-style="4"] .tablelist__row:last-child {
  border-bottom: none;
}
.tablelist[data-style="4"] .tablelist__row__col:nth-child(1) {
  background: #2f3641;
  font-size: 1em;
  font-weight: 600;
}
.tablelist[data-style="4"] .tablelist__row__col:nth-child(3) {
  flex: 3;
  color: #9da4af;
}
.tablelist[data-style="4"] .tablelist__row__col:empty {
  background: #202732 !important;
}
.tablelist[data-style="4"] .tablelist__row__col {
  flex: 1;
  background: #202732;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 1.3em;
  padding: 2px 8px;
  font-size: .9em;
  transition: background .1s;
}
.tablelist[data-style="4"] .tablelist__row__col:hover {
  cursor: default;
}
.tablelist[data-style="4"] .tablelist__row__col > div {
  display: flex;
  height: 100%;
  align-items: center;
}
.matrix__item {
  line-height: 1.3em;
}
.matrix__item.bubble_wrap {
  background: #202732;
  padding: 40px;
  font-size: .95em;
}
@media screen and (max-width: 660px) {
  .matrix__item.bubble_wrap {
    padding: 13.33333333px;
  }
}
.matrix__item.bubble_wrap h1,
.matrix__item.bubble_wrap h2,
.matrix__item.bubble_wrap h3 {
  font-weight: 600 !important;
}
.matrix__item.bubble_wrap h1 > span {
  border-radius: 0 !important;
}
.matrix__item.bubble_wrap .matrix__text > h2 {
  font-size: 1.3em;
  font-weight: 600;
}
.matrix__item.bubble_wrap p > strong,
.matrix__item.bubble_wrap li > strong,
.matrix__item.bubble_wrap p > em,
.matrix__item.bubble_wrap h1 > span strong {
  color: #2bb7ff !important;
  font-weight: 600;
}
.matrix__item .matrix__description {
  font-size: .95em;
  margin-bottom: 20px;
}
.matrix__item .matrix__title,
.matrix__item .matrix__description,
.matrix__item .matrix__text,
.matrix__item .matrix__json,
.matrix__item .matrix__link {
  padding: 0 ;
}
.matrix__item .matrix__title h1,
.matrix__item .matrix__description h1,
.matrix__item .matrix__text h1,
.matrix__item .matrix__json h1,
.matrix__item .matrix__link h1 {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 1.05em;
  line-height: 36px;
  padding: 10px 0;
  margin-bottom: 30.76923077px;
  margin-left: -5px;
  font-weight: 600;
  text-shadow: 1px 1px 1px rgba(0, 5, 12, 0.2);
  overflow: hidden;
}
.matrix__item .matrix__title h1 > span,
.matrix__item .matrix__description h1 > span,
.matrix__item .matrix__text h1 > span,
.matrix__item .matrix__json h1 > span,
.matrix__item .matrix__link h1 > span {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 3px 0.5em 3px 0;
  display: inline-block;
  letter-spacing: .02em;
  box-sizing: border-box;
}
.matrix__item .matrix__title h1 > span em,
.matrix__item .matrix__description h1 > span em,
.matrix__item .matrix__text h1 > span em,
.matrix__item .matrix__json h1 > span em,
.matrix__item .matrix__link h1 > span em {
  color: #2bb7ff;
  font-weight: 600;
}
.matrix__item .matrix__title h1 > span a,
.matrix__item .matrix__description h1 > span a,
.matrix__item .matrix__text h1 > span a,
.matrix__item .matrix__json h1 > span a,
.matrix__item .matrix__link h1 > span a {
  display: inline-block;
  padding: 0 .35em;
  margin-right: .2em;
  transition: background .2s, color .2s;
  border-radius: 3px;
  font-weight: 500;
  font-size: 1.05em;
}
.matrix__item .matrix__title h1 > span a:hover,
.matrix__item .matrix__description h1 > span a:hover,
.matrix__item .matrix__text h1 > span a:hover,
.matrix__item .matrix__json h1 > span a:hover,
.matrix__item .matrix__link h1 > span a:hover {
  color: #2afe83;
  background: #2f3641;
}
.matrix__item .matrix__title h1 > span:after,
.matrix__item .matrix__description h1 > span:after,
.matrix__item .matrix__text h1 > span:after,
.matrix__item .matrix__json h1 > span:after,
.matrix__item .matrix__link h1 > span:after {
  content: "";
  position: absolute;
  display: block;
  top: 49%;
  left: 100%;
  width: 1000%;
  height: 0;
  border: none;
  border-bottom: 1px solid #2f3641;
  border-top: 1px solid #161d28;
}
.matrix__item .matrix__title h1 em,
.matrix__item .matrix__description h1 em,
.matrix__item .matrix__text h1 em,
.matrix__item .matrix__json h1 em,
.matrix__item .matrix__link h1 em {
  color: #9da4af;
}
.matrix__item .matrix__title .matrix__bubble,
.matrix__item .matrix__description .matrix__bubble,
.matrix__item .matrix__text .matrix__bubble,
.matrix__item .matrix__json .matrix__bubble,
.matrix__item .matrix__link .matrix__bubble,
.matrix__item .matrix__title h5,
.matrix__item .matrix__description h5,
.matrix__item .matrix__text h5,
.matrix__item .matrix__json h5,
.matrix__item .matrix__link h5 {
  color: #9da4af;
  background: #1b222d;
  padding: 13.33333333px 23.52941176px;
  border-radius: 40px;
  border: 1px solid transparent;
  transition: all .3s;
}
.matrix__item .matrix__title .matrix__bubble:hover,
.matrix__item .matrix__description .matrix__bubble:hover,
.matrix__item .matrix__text .matrix__bubble:hover,
.matrix__item .matrix__json .matrix__bubble:hover,
.matrix__item .matrix__link .matrix__bubble:hover,
.matrix__item .matrix__title h5:hover,
.matrix__item .matrix__description h5:hover,
.matrix__item .matrix__text h5:hover,
.matrix__item .matrix__json h5:hover,
.matrix__item .matrix__link h5:hover {
  background: #111823;
  border-color: #2bb7ff;
}
.matrix__item .matrix__title h2,
.matrix__item .matrix__description h2,
.matrix__item .matrix__text h2,
.matrix__item .matrix__json h2,
.matrix__item .matrix__link h2 {
  color: #9da4af;
  font-weight: 500;
  font-size: 1.05m;
}
.matrix__item .matrix__title h3,
.matrix__item .matrix__description h3,
.matrix__item .matrix__text h3,
.matrix__item .matrix__json h3,
.matrix__item .matrix__link h3,
.matrix__item .matrix__title h4,
.matrix__item .matrix__description h4,
.matrix__item .matrix__text h4,
.matrix__item .matrix__json h4,
.matrix__item .matrix__link h4,
.matrix__item .matrix__title h5,
.matrix__item .matrix__description h5,
.matrix__item .matrix__text h5,
.matrix__item .matrix__json h5,
.matrix__item .matrix__link h5,
.matrix__item .matrix__title h6,
.matrix__item .matrix__description h6,
.matrix__item .matrix__text h6,
.matrix__item .matrix__json h6,
.matrix__item .matrix__link h6,
.matrix__item .matrix__title h7,
.matrix__item .matrix__description h7,
.matrix__item .matrix__text h7,
.matrix__item .matrix__json h7,
.matrix__item .matrix__link h7,
.matrix__item .matrix__title h8,
.matrix__item .matrix__description h8,
.matrix__item .matrix__text h8,
.matrix__item .matrix__json h8,
.matrix__item .matrix__link h8 {
  font-weight: 500;
  font-size: 1em;
}
.matrix__item .matrix__title p,
.matrix__item .matrix__description p,
.matrix__item .matrix__text p,
.matrix__item .matrix__json p,
.matrix__item .matrix__link p,
.matrix__item .matrix__title ul,
.matrix__item .matrix__description ul,
.matrix__item .matrix__text ul,
.matrix__item .matrix__json ul,
.matrix__item .matrix__link ul,
.matrix__item .matrix__title ol,
.matrix__item .matrix__description ol,
.matrix__item .matrix__text ol,
.matrix__item .matrix__json ol,
.matrix__item .matrix__link ol,
.matrix__item .matrix__title h2,
.matrix__item .matrix__description h2,
.matrix__item .matrix__text h2,
.matrix__item .matrix__json h2,
.matrix__item .matrix__link h2,
.matrix__item .matrix__title h3,
.matrix__item .matrix__description h3,
.matrix__item .matrix__text h3,
.matrix__item .matrix__json h3,
.matrix__item .matrix__link h3,
.matrix__item .matrix__title h4,
.matrix__item .matrix__description h4,
.matrix__item .matrix__text h4,
.matrix__item .matrix__json h4,
.matrix__item .matrix__link h4,
.matrix__item .matrix__title h5,
.matrix__item .matrix__description h5,
.matrix__item .matrix__text h5,
.matrix__item .matrix__json h5,
.matrix__item .matrix__link h5,
.matrix__item .matrix__title h6,
.matrix__item .matrix__description h6,
.matrix__item .matrix__text h6,
.matrix__item .matrix__json h6,
.matrix__item .matrix__link h6,
.matrix__item .matrix__title h7,
.matrix__item .matrix__description h7,
.matrix__item .matrix__text h7,
.matrix__item .matrix__json h7,
.matrix__item .matrix__link h7,
.matrix__item .matrix__title h8,
.matrix__item .matrix__description h8,
.matrix__item .matrix__text h8,
.matrix__item .matrix__json h8,
.matrix__item .matrix__link h8,
.matrix__item .matrix__title pre,
.matrix__item .matrix__description pre,
.matrix__item .matrix__text pre,
.matrix__item .matrix__json pre,
.matrix__item .matrix__link pre {
  margin-bottom: 30.76923077px;
}
.matrix__item .matrix__title li,
.matrix__item .matrix__description li,
.matrix__item .matrix__text li,
.matrix__item .matrix__json li,
.matrix__item .matrix__link li {
  padding: 0 14px;
  margin: 0 0 8px;
  position: relative;
  border-left: 5px solid #39404b;
  border-radius: 0;
}
.matrix__item .matrix__title li:hover,
.matrix__item .matrix__description li:hover,
.matrix__item .matrix__text li:hover,
.matrix__item .matrix__json li:hover,
.matrix__item .matrix__link li:hover {
  border-left-color: #2bb7ff;
}
.matrix__item .matrix__title li h1,
.matrix__item .matrix__description li h1,
.matrix__item .matrix__text li h1,
.matrix__item .matrix__json li h1,
.matrix__item .matrix__link li h1,
.matrix__item .matrix__title li h2,
.matrix__item .matrix__description li h2,
.matrix__item .matrix__text li h2,
.matrix__item .matrix__json li h2,
.matrix__item .matrix__link li h2,
.matrix__item .matrix__title li h3,
.matrix__item .matrix__description li h3,
.matrix__item .matrix__text li h3,
.matrix__item .matrix__json li h3,
.matrix__item .matrix__link li h3,
.matrix__item .matrix__title li h4,
.matrix__item .matrix__description li h4,
.matrix__item .matrix__text li h4,
.matrix__item .matrix__json li h4,
.matrix__item .matrix__link li h4,
.matrix__item .matrix__title li h5,
.matrix__item .matrix__description li h5,
.matrix__item .matrix__text li h5,
.matrix__item .matrix__json li h5,
.matrix__item .matrix__link li h5,
.matrix__item .matrix__title li h6,
.matrix__item .matrix__description li h6,
.matrix__item .matrix__text li h6,
.matrix__item .matrix__json li h6,
.matrix__item .matrix__link li h6,
.matrix__item .matrix__title li h7,
.matrix__item .matrix__description li h7,
.matrix__item .matrix__text li h7,
.matrix__item .matrix__json li h7,
.matrix__item .matrix__link li h7,
.matrix__item .matrix__title li h8,
.matrix__item .matrix__description li h8,
.matrix__item .matrix__text li h8,
.matrix__item .matrix__json li h8,
.matrix__item .matrix__link li h8,
.matrix__item .matrix__title li p,
.matrix__item .matrix__description li p,
.matrix__item .matrix__text li p,
.matrix__item .matrix__json li p,
.matrix__item .matrix__link li p {
  margin: 0;
}
.matrix__item .matrix__title li h2,
.matrix__item .matrix__description li h2,
.matrix__item .matrix__text li h2,
.matrix__item .matrix__json li h2,
.matrix__item .matrix__link li h2 {
  color: #2bb7ff;
  font-weight: 600;
}
.matrix__item .matrix__title li:last-child,
.matrix__item .matrix__description li:last-child,
.matrix__item .matrix__text li:last-child,
.matrix__item .matrix__json li:last-child,
.matrix__item .matrix__link li:last-child {
  margin-bottom: 0;
}
.matrix__item .matrix__title p > em,
.matrix__item .matrix__description p > em,
.matrix__item .matrix__text p > em,
.matrix__item .matrix__json p > em,
.matrix__item .matrix__link p > em {
  color: #ffffff;
  font-weight: 600;
}
.matrix__item .matrix__title pre,
.matrix__item .matrix__description pre,
.matrix__item .matrix__text pre,
.matrix__item .matrix__json pre,
.matrix__item .matrix__link pre {
  background: #1b222d;
  padding: 20px;
  border: 1px solid #2bb7ff;
  transition: background .3s;
}
.matrix__item .matrix__title pre:hover,
.matrix__item .matrix__description pre:hover,
.matrix__item .matrix__text pre:hover,
.matrix__item .matrix__json pre:hover,
.matrix__item .matrix__link pre:hover {
  background: #161d28;
}
.matrix__item .matrix__title ol > li:nth-child(1):before,
.matrix__item .matrix__description ol > li:nth-child(1):before,
.matrix__item .matrix__text ol > li:nth-child(1):before,
.matrix__item .matrix__json ol > li:nth-child(1):before,
.matrix__item .matrix__link ol > li:nth-child(1):before {
  content: "1";
}
.matrix__item .matrix__title ol > li:nth-child(2):before,
.matrix__item .matrix__description ol > li:nth-child(2):before,
.matrix__item .matrix__text ol > li:nth-child(2):before,
.matrix__item .matrix__json ol > li:nth-child(2):before,
.matrix__item .matrix__link ol > li:nth-child(2):before {
  content: "2";
}
.matrix__item .matrix__title ol > li:nth-child(3):before,
.matrix__item .matrix__description ol > li:nth-child(3):before,
.matrix__item .matrix__text ol > li:nth-child(3):before,
.matrix__item .matrix__json ol > li:nth-child(3):before,
.matrix__item .matrix__link ol > li:nth-child(3):before {
  content: "3";
}
.matrix__item .matrix__title ol > li:nth-child(4):before,
.matrix__item .matrix__description ol > li:nth-child(4):before,
.matrix__item .matrix__text ol > li:nth-child(4):before,
.matrix__item .matrix__json ol > li:nth-child(4):before,
.matrix__item .matrix__link ol > li:nth-child(4):before {
  content: "4";
}
.matrix__item .matrix__title ol > li:nth-child(5):before,
.matrix__item .matrix__description ol > li:nth-child(5):before,
.matrix__item .matrix__text ol > li:nth-child(5):before,
.matrix__item .matrix__json ol > li:nth-child(5):before,
.matrix__item .matrix__link ol > li:nth-child(5):before {
  content: "5";
}
.matrix__item .matrix__title ol > li:nth-child(6):before,
.matrix__item .matrix__description ol > li:nth-child(6):before,
.matrix__item .matrix__text ol > li:nth-child(6):before,
.matrix__item .matrix__json ol > li:nth-child(6):before,
.matrix__item .matrix__link ol > li:nth-child(6):before {
  content: "6";
}
.matrix__item .matrix__title ol > li:nth-child(7):before,
.matrix__item .matrix__description ol > li:nth-child(7):before,
.matrix__item .matrix__text ol > li:nth-child(7):before,
.matrix__item .matrix__json ol > li:nth-child(7):before,
.matrix__item .matrix__link ol > li:nth-child(7):before {
  content: "7";
}
.matrix__item .matrix__title ol > li:nth-child(8):before,
.matrix__item .matrix__description ol > li:nth-child(8):before,
.matrix__item .matrix__text ol > li:nth-child(8):before,
.matrix__item .matrix__json ol > li:nth-child(8):before,
.matrix__item .matrix__link ol > li:nth-child(8):before {
  content: "8";
}
.matrix__item .matrix__title ol > li:nth-child(9):before,
.matrix__item .matrix__description ol > li:nth-child(9):before,
.matrix__item .matrix__text ol > li:nth-child(9):before,
.matrix__item .matrix__json ol > li:nth-child(9):before,
.matrix__item .matrix__link ol > li:nth-child(9):before {
  content: "9";
}
.matrix__item .matrix__title ol > li:nth-child(10):before,
.matrix__item .matrix__description ol > li:nth-child(10):before,
.matrix__item .matrix__text ol > li:nth-child(10):before,
.matrix__item .matrix__json ol > li:nth-child(10):before,
.matrix__item .matrix__link ol > li:nth-child(10):before {
  content: "10";
}
.matrix__item .matrix__title ol > li:nth-child(11):before,
.matrix__item .matrix__description ol > li:nth-child(11):before,
.matrix__item .matrix__text ol > li:nth-child(11):before,
.matrix__item .matrix__json ol > li:nth-child(11):before,
.matrix__item .matrix__link ol > li:nth-child(11):before {
  content: "11";
}
.matrix__item .matrix__title ol > li:nth-child(12):before,
.matrix__item .matrix__description ol > li:nth-child(12):before,
.matrix__item .matrix__text ol > li:nth-child(12):before,
.matrix__item .matrix__json ol > li:nth-child(12):before,
.matrix__item .matrix__link ol > li:nth-child(12):before {
  content: "12";
}
.matrix__item .matrix__title ol > li:nth-child(13):before,
.matrix__item .matrix__description ol > li:nth-child(13):before,
.matrix__item .matrix__text ol > li:nth-child(13):before,
.matrix__item .matrix__json ol > li:nth-child(13):before,
.matrix__item .matrix__link ol > li:nth-child(13):before {
  content: "13";
}
.matrix__item .matrix__title ol > li:nth-child(14):before,
.matrix__item .matrix__description ol > li:nth-child(14):before,
.matrix__item .matrix__text ol > li:nth-child(14):before,
.matrix__item .matrix__json ol > li:nth-child(14):before,
.matrix__item .matrix__link ol > li:nth-child(14):before {
  content: "14";
}
.matrix__item .matrix__title ol > li:nth-child(15):before,
.matrix__item .matrix__description ol > li:nth-child(15):before,
.matrix__item .matrix__text ol > li:nth-child(15):before,
.matrix__item .matrix__json ol > li:nth-child(15):before,
.matrix__item .matrix__link ol > li:nth-child(15):before {
  content: "15";
}
.matrix__item .matrix__title ol > li:nth-child(16):before,
.matrix__item .matrix__description ol > li:nth-child(16):before,
.matrix__item .matrix__text ol > li:nth-child(16):before,
.matrix__item .matrix__json ol > li:nth-child(16):before,
.matrix__item .matrix__link ol > li:nth-child(16):before {
  content: "16";
}
.matrix__item .matrix__title ol > li:nth-child(17):before,
.matrix__item .matrix__description ol > li:nth-child(17):before,
.matrix__item .matrix__text ol > li:nth-child(17):before,
.matrix__item .matrix__json ol > li:nth-child(17):before,
.matrix__item .matrix__link ol > li:nth-child(17):before {
  content: "17";
}
.matrix__item .matrix__title ol > li:nth-child(18):before,
.matrix__item .matrix__description ol > li:nth-child(18):before,
.matrix__item .matrix__text ol > li:nth-child(18):before,
.matrix__item .matrix__json ol > li:nth-child(18):before,
.matrix__item .matrix__link ol > li:nth-child(18):before {
  content: "18";
}
.matrix__item .matrix__title ol > li:nth-child(19):before,
.matrix__item .matrix__description ol > li:nth-child(19):before,
.matrix__item .matrix__text ol > li:nth-child(19):before,
.matrix__item .matrix__json ol > li:nth-child(19):before,
.matrix__item .matrix__link ol > li:nth-child(19):before {
  content: "19";
}
.matrix__item .matrix__title ol > li:nth-child(20):before,
.matrix__item .matrix__description ol > li:nth-child(20):before,
.matrix__item .matrix__text ol > li:nth-child(20):before,
.matrix__item .matrix__json ol > li:nth-child(20):before,
.matrix__item .matrix__link ol > li:nth-child(20):before {
  content: "20";
}
.matrix__item .matrix__title ol li,
.matrix__item .matrix__description ol li,
.matrix__item .matrix__text ol li,
.matrix__item .matrix__json ol li,
.matrix__item .matrix__link ol li {
  line-height: 1.3em;
  border-radius: 0;
  background: #202732;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 32px;
  margin-bottom: 2px;
}
.matrix__item .matrix__title ol li:before,
.matrix__item .matrix__description ol li:before,
.matrix__item .matrix__text ol li:before,
.matrix__item .matrix__json ol li:before,
.matrix__item .matrix__link ol li:before {
  color: #9da4af;
  font-size: .75em;
  font-weight: 600;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #2f3641;
  text-align: center;
  text-indent: 0;
  width: 24px;
  box-sizing: border-box;
  padding: 6px 0.5em;
}
.matrix__item .matrix__title ul ul,
.matrix__item .matrix__description ul ul,
.matrix__item .matrix__text ul ul,
.matrix__item .matrix__json ul ul,
.matrix__item .matrix__link ul ul {
  margin: 0 !important;
  padding: 6px 0;
}
.matrix__item .matrix__title ul ul br,
.matrix__item .matrix__description ul ul br,
.matrix__item .matrix__text ul ul br,
.matrix__item .matrix__json ul ul br,
.matrix__item .matrix__link ul ul br {
  display: none;
}
.matrix__item .matrix__title ul ul li,
.matrix__item .matrix__description ul ul li,
.matrix__item .matrix__text ul ul li,
.matrix__item .matrix__json ul ul li,
.matrix__item .matrix__link ul ul li {
  background: #202732;
}
.matrix__item .matrix__title .note,
.matrix__item .matrix__description .note,
.matrix__item .matrix__text .note,
.matrix__item .matrix__json .note,
.matrix__item .matrix__link .note,
.matrix__item .matrix__title .matrix__note,
.matrix__item .matrix__description .matrix__note,
.matrix__item .matrix__text .matrix__note,
.matrix__item .matrix__json .matrix__note,
.matrix__item .matrix__link .matrix__note {
  background: #202732;
  color: #9da4af;
  font-size: .95em;
  padding: 15.38461538px;
}
.matrix__item .matrix__image {
  background: #252c37;
  margin-bottom: 20px;
  padding: 10px;
}
.matrix__item .matrix__image img {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.matrix__item .list__ranked li {
  display: block;
  overflow: hidden;
  padding: 0;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 0;
  border-left: none;
  line-height: 28px;
}
.matrix__item .list__ranked li > span {
  /* item */
  display: block;
  float: left;
}
.matrix__item .list__ranked li > span a {
  color: #fff;
}
.matrix__item .list__ranked li > em {
  /* value */
  color: #9da4af;
  display: block;
  float: right;
  font-size: .9em;
}
.matrix__item .list__ranked small {
  /* percentage */
  color: #9da4af;
  float: right;
  background: #202732;
  margin-left: 1em;
  font-size: .8em;
  padding: 0 .8em;
  margin: 4px 0 4px 1em;
  line-height: 20px;
  border-radius: 28px;
}
.matrix__item .list__ranked i {
  /* bar */
  position: absolute;
  display: block;
  background: #195898;
  left: 0;
  height: 5px;
  bottom: 0;
  border-radius: 28px;
}
.matrix__item .list__ranked li:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #1b222d;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 28px;
}
.matrix__item .list__grid {
  display: grid;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
  padding: 0 !important;
}
.matrix__item .list__grid[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.matrix__item .list__grid[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.matrix__item .list__grid[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.matrix__item .list__grid[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.matrix__item .list__grid[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.matrix__item .list__grid > li {
  margin: 0;
  border-left: none;
  padding: 0;
  background: #1b222d;
  border-radius: 24px;
}
.matrix__item .list__grid > li:hover {
  background: #0f4e8e;
}
.matrix__item .list__grid > li:hover a {
  color: #c5ccd7;
}
.matrix__item .list__grid > li:hover em {
  border-top-color: #145393;
}
.matrix__item .list__grid > li a {
  position: relative;
  display: block;
  flex: 1;
  color: #2bb7ff;
  font-weight: 600;
  font-size: .9em;
  padding: 12px 22px;
}
.matrix__item .list__grid > li a span {
  position: relative;
  display: block;
}
.matrix__item .list__grid > li a em {
  border-top: 1px solid #202732;
  padding-top: 6px;
  margin-top: 6px;
  display: block;
  font-weight: 500;
  color: rgba(157, 164, 175, 0.7);
  line-height: 1.1em;
  font-size: .95em;
}
@media screen and (max-width: 660px) {
  .matrix__item .list__grid {
    display: grid;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
  .matrix__item .list__grid[data-grid-row="6"] {
    grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
  }
  .matrix__item .list__grid[data-grid-row="6"] {
    grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
  }
  .matrix__item .list__grid[data-grid-row="4"] {
    grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
  }
  .matrix__item .list__grid[data-grid-row="3"] {
    grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
  }
  .matrix__item .list__grid[data-grid-row="2"] {
    grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
  }
}
.matrix__item .list__col {
  padding: 0;
}
.matrix__item .list__col li {
  display: flex;
  border: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 4px;
  border-radius: 30px;
  font-size: .9em;
}
.matrix__item .list__col li .flex--9 {
  flex: 9;
}
.matrix__item .list__col li .flex--8 {
  flex: 8;
}
.matrix__item .list__col li .flex--7 {
  flex: 7;
}
.matrix__item .list__col li .flex--6 {
  flex: 6;
}
.matrix__item .list__col li .flex--5 {
  flex: 5;
}
.matrix__item .list__col li .flex--4 {
  flex: 4;
}
.matrix__item .list__col li .flex--3 {
  flex: 3;
}
.matrix__item .list__col li .flex--2 {
  flex: 2;
}
.matrix__item .list__col li .flex--1 {
  flex: 1;
}
.matrix__item .list__col li:hover span {
  background: #0f4e8e;
}
.matrix__item .list__col li:hover span:first-child {
  color: #c5ccd7;
  background: #2d6cac;
}
.matrix__item .list__col li:hover span a {
  color: #c5ccd7;
}
.matrix__item .list__col li > span {
  flex: 1;
  background: #161d28;
  padding: 6px 12px;
  border-left: 1px solid #202732;
}
.matrix__item .list__col li > span:first-child {
  background: #1b222d;
  color: #9da4af;
  margin-right: 0;
  text-align: center;
  border-radius: 20px 0 0 20px;
  border-left: none;
}
.matrix__item .list__col li > span:nth-child(2),
.matrix__item .list__col li > span:nth-child(3) {
  flex: 4;
}
.matrix__item .list__col li > span a {
  font-weight: 600;
}
.matrix__item .list__col li > span:last-child {
  border-radius: 0 20px 20px 0;
}
.matrix__item .image__text {
  overflow: hidden;
}
.matrix__item .image__text > i {
  display: block;
  border-radius: 220px;
  border: 4px solid transparent;
  box-sizing: border-box;
  background-color: #202732 !important;
  height: 220px;
  width: 220px;
  margin: 0 0 30.76923077px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  float: left;
  position: relative;
  box-shadow: inset 0 0 56px rgba(0, 1, 2, 0.9);
  background-size: 110% !important;
}
.matrix__item .image__text > i:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "";
  border-radius: 220px;
  box-shadow: inset 0 0 56px rgba(0, 1, 2, 0.9);
}
.matrix__item .image__text > p {
  margin-left: 260px;
}
@media screen and (max-width: 660px) {
  .matrix__item .image__text > i {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .matrix__item .image__text > p {
    margin-left: 0;
  }
}
.matrix__item .image__text2 {
  display: flex;
  padding: 30.76923077px 0 61.53846154px;
}
.matrix__item .image__text2 .flex--9 {
  flex: 9;
}
.matrix__item .image__text2 .flex--8 {
  flex: 8;
}
.matrix__item .image__text2 .flex--7 {
  flex: 7;
}
.matrix__item .image__text2 .flex--6 {
  flex: 6;
}
.matrix__item .image__text2 .flex--5 {
  flex: 5;
}
.matrix__item .image__text2 .flex--4 {
  flex: 4;
}
.matrix__item .image__text2 .flex--3 {
  flex: 3;
}
.matrix__item .image__text2 .flex--2 {
  flex: 2;
}
.matrix__item .image__text2 .flex--1 {
  flex: 1;
}
.matrix__item .image__text2 > div {
  flex: 1;
}
.matrix__item .image__text2 > div i {
  display: block;
  border-radius: 200px;
  box-sizing: border-box;
  border: 1px solid #343b46;
  height: 200px;
  width: 200px;
  margin: 0;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  float: left;
  box-shadow: inset 0 0 6px black;
}
.matrix__item .image__text2 div:nth-child(2) {
  flex: 3;
  padding-left: 40px;
}
.matrix__item .image__text2 div:nth-child(2) div {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.matrix__item .image__text2 div:nth-child(2) div p {
  margin: 0;
}
.matrix__item .image__text2 div:nth-child(2) div p > em::first-letter {
  font-size: 2em;
}
.matrix__item .image__text2 div:nth-child(2) div p span {
  display: block;
  font-size: 1.05em;
  font-weight: 600;
  color: #2bb7ff;
  margin-bottom: 13.33333333px;
}
.matrix__item .image__text2 div:nth-child(2) div p span em {
  color: #ffffff;
}
.matrix__item .image__text2 div:nth-child(2) div p span em:after {
  content: " \000BB ";
  opacity: .4;
  color: #ffffff;
}
@media screen and (max-width: 660px) {
  .matrix__item .image__text2 {
    position: relative;
    display: block;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .matrix__item .image__text2 > div {
    position: relative;
    display: block;
    padding: 0 !important;
  }
  .matrix__item .image__text2 > div > i {
    float: none;
    margin: 0 auto 40px;
  }
  .matrix__item .image__text2 > div p > span {
    text-align: center;
    color: #ffffff !important;
  }
}
@media screen and (max-width: 660px) {
  .matrix__item .matrix__text h1,
  .matrix__item .matrix__title h1 {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }
  .matrix__item .matrix__text h1 span,
  .matrix__item .matrix__title h1 span {
    height: inherit;
    line-height: 18px;
    padding: 10px 18px;
    border-radius: 30px;
  }
  .matrix__item .matrix__text h1 span:after,
  .matrix__item .matrix__title h1 span:after {
    display: none !important;
  }
}
.menu__inline__border {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(52, 59, 70, 0.65);
  border-top: 1px solid rgba(52, 59, 70, 0.65);
  padding: 24px;
  overflow: hidden;
}
.menu__inline__border .wrap {
  position: relative;
  display: block;
  max-width: 970px;
  min-width: 200px;
  padding: 0 40px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
.menu__inline__border .wrap.slim {
  max-width: 700px;
}
.menu__inline__border .wrap.tidy {
  max-width: 500px;
}
.menu__inline__border .wrap.slim {
  max-width: 700px;
}
.menu__inline__border .wrap.tidy {
  max-width: 500px;
}
@media screen and (max-width: 660px) {
  .menu__inline__border .wrap {
    padding: 0 13.33333333px;
  }
}
.menu__inline__border .items {
  padding: 0 40px;
}
.menu__inline__border .items span {
  display: block;
  font-size: 1em;
  position: relative;
  /* &:before {
			@shrink: 9px;
			@size: @height - (@shrink*2);
			content: "";
			.arrow--right(@size, @color);
			position: ;
			float: left;
			margin: @shrink @shrink 0 0;
			transition: border-color .1s;
		}
		
		&.active:before {
			border-color: @font__color__link !important;
		} */
}
.menu__inline__border .items span:only-child {
  margin: 0 40px;
}
.menu__inline__border .items span a {
  color: #9da4af;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  position: relative;
  transition: color .1s;
}
.menu__inline__border .items span a:hover,
.menu__inline__border .items span:hover:before {
  color: #c5ccd7;
  border-color: #c5ccd7;
}
.menu__inline__border .items span.active a {
  color: #2bb7ff;
  font-weight: 600;
  /* &:after {
				background: @font__color__link;
				bottom: 0;
				content: "";
				height: 1px;
				left: 0;
				position: absolute;
				width: 100%;
				
			}*/
}
.menus__tabstyle1 {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 40px;
  overflow: hidden;
}
.menus__tabstyle1 li {
  display: block;
  float: left;
  margin: 0 2px 0 0;
}
.menus__tabstyle1 li a {
  position: relative;
  display: block;
  color: #fff;
  line-height: 24px;
  margin-right: 4px;
  padding: 8px 16px;
  border-radius: 30px;
  background: #434a55;
}
.menus__tabstyle1 li a.active,
.menus__tabstyle1 li a.active:hover {
  background: #0f4e8e;
}
.menus__tabstyle1 li a:hover {
  background: #575e69;
}
@media screen and (max-width: 660px) {
  .menus__tabstyle1 {
    background: #202732;
    padding: 20px;
    margin-bottom: 20px;
  }
  .menus__tabstyle1 li {
    margin: 0;
    float: none;
  }
  .menus__tabstyle1 li a {
    padding: 0;
    height: 24px;
    line-height: 24px;
    border-radius: 0;
    background: none !important;
    border-left: 5px solid #343b46;
    padding-left: 5px;
  }
  .menus__tabstyle1 li a.active {
    border-color: #0f4e8e;
    color: #2bb7ff;
  }
}
.rankings__1 h6.arrow-down {
  position: relative;
  display: block;
  margin: 0 0 0 10px;
  font-size: .8em;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  text-transform: lowercase;
  padding: 0;
  padding-top: 50px;
}
.rankings__1 h6.arrow-down em {
  margin: 0 .2em;
  color: #2bb7ff;
  font-weight: 600;
  font-size: 1.4em;
  line-height: .8em;
}
.rankings__1 h6.arrow-down:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #39404b;
  height: 76px;
  margin: 0 0 0 14px;
  top: -40px;
  border-radius: 20px;
}
.rankings__1 h6.arrow-down:after {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  background: #39404b;
  height: 36px;
  margin: 14px 0 0 14px;
  color: #39404b;
  border-radius: 20px;
}
.rankings__1 > div {
  margin: 0 0 0;
  border-radius: 0;
}
.rankings__1 > div.forefront > div {
  border: 2px solid #0f4e8e;
  padding: 0;
  box-shadow: 0 0 10px #161d28;
  background: #39404b;
  border-radius: 10px;
  width: 100%;
}
.rankings__1 > div.forefront > div:hover {
  background: #39404b;
}
.rankings__1 > div.forefront > div:after {
  display: none;
}
.rankings__1 > div.forefront > div .bar > div {
  display: none;
}
.rankings__1 > div.backseat {
  opacity: .3;
  z-index: 0;
  border: 1px solid #0c131e;
  width: 90%;
  margin: 0 5%;
  background: #111823;
  transition: opacity .4s;
  border-radius: 8px;
  overflow: hidden;
}
.rankings__1 > div.backseat:hover {
  opacity: .5;
}
.rankings__1 > div.backseat.above {
  margin-bottom: -14px;
  margin-right: 0;
}
.rankings__1 > div.backseat.below {
  max-width: 98%;
  margin-top: -14px;
}
.rankings__1 > div > div {
  position: relative;
  display: block;
  padding: 0 0;
  border-radius: 0;
  margin: 0;
  line-height: 40px;
  font-size: .9em;
  overflow: hidden;
  z-index: 1;
}
.rankings__1 > div > div:hover {
  background: #1b222d;
}
.rankings__1 > div > div:hover .bar > div {
  /* percentage bar */
}
.rankings__1 > div > div:after {
  content: "";
  position: relative;
  display: block;
  height: 4px;
  clear: both;
  background: #1d242f;
}
.rankings__1 > div > div .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  left: 0;
  z-index: 9;
}
.rankings__1 > div > div .bar > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  box-sizing: border-box;
  border-bottom: 4px solid;
}
.rankings__1 > div > div a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  z-index: 99;
}
.rankings__1 > div > div span {
  position: relative;
  display: block;
  overflow: hidden;
}
.rankings__1 > div > div span b {
  /* position */
  display: block;
  float: left;
  color: rgba(157, 164, 175, 0.5);
  margin-right: 0;
  font-weight: 600;
  font-size: .8em;
  min-width: 1.4em;
  text-align: center;
  background: #1b222d;
  padding: 0 .5em;
}
.rankings__1 > div > div span.meta-1 {
  float: left;
  font-weight: 600;
}
.rankings__1 > div > div span.meta-1 em {
  opacity: .5;
  font-size: .85em;
  font-weight: 600;
  text-transform: lowercase;
}
.rankings__1 > div > div span.meta-2 {
  line-height: 40px;
  background: #252c37;
  padding-left: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
.rankings__1 > div > div span.meta-2 small {
  color: #bbc2cd;
  font-size: .9em;
  font-weight: 600;
}
.rankings__1 > div > div span.meta-2 em {
  font-size: .8em;
  font-weight: 600;
  color: rgba(197, 204, 215, 0.5);
  padding: 0 8px;
  border-radius: 0;
  margin-left: 8px;
}
.rankings__1 > div > div span i {
  display: block;
  float: left;
  height: 40px;
  width: 40px;
  background-color: #161d28 !important;
  border-radius: 0;
  margin: 0 8px 0 0;
  background-size: 100% !important;
  background-repeat: no-repeat;
  border: 2px solid #1b222d;
  box-sizing: border-box;
}
.rankings__2 {
  position: relative;
  display: block;
}
.rankings__2 > div {
  position: relative;
  display: block;
  margin: 0 0 4px;
}
.rankings__2 > div > div:first-child {
  position: relative;
  display: block;
  height: 56px;
  line-height: 56px;
  padding: 0;
  border-bottom: 5px solid transparent;
}
.rankings__2 > div > div:first-child span.left {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 56px;
  overflow: hidden;
}
.rankings__2 > div > div:first-child span.left b {
  font-size: .8em;
  font-weight: 600;
  display: inline-block;
  min-width: 2em;
  text-align: center;
  opacity: .4;
}
.rankings__2 > div > div:first-child span.left a {
  color: #fff;
  font-size: .95em;
  font-weight: 600;
}
.rankings__2 > div > div:first-child span.right {
  position: absolute;
  right: 0;
  top: 0;
  background: #252c37;
  padding-left: 10px;
}
.rankings__2 > div > div:first-child span.right u {
  opacity: .5;
  font-size: .85em;
}
.rankings__2 > div > div:first-child span.right a {
  display: inline-block;
  padding: 0 4px;
  background: #434a55;
  font-size: .9em;
  padding: 0 16.24px;
  color: #fff;
  border-radius: 20px;
  height: 23.52px;
  line-height: 23.52px;
  margin: 16.24px 0 16.24px 8.12px;
  transition: background .2s, color .2s;
}
.rankings__2 > div > div:first-child span.right a:hover {
  background: #0f4e8e !important;
  color: #fff !important;
}
.rankings__2 > div > div:first-child span.right a[data-active='1'] {
  background: #111823;
  color: #2bb7ff;
}
.rankings__2 > div > div:first-child > div {
  /* percentage bar */
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  height: 5px;
  bottom: -5px;
  top: inherit;
  background: #161d28;
  border-radius: 50px;
}
.rankings__2 > div > div:first-child > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background: #2362a2;
  border-radius: 50px;
}
.rankings__2 > div > div:first-child:after {
  content: "";
  clear: both;
}
.rankings__2 > div > div:last-child {
  background: #1b222d;
  padding: 16px;
  font-size: .9em;
  border-radius: 0 18px 18px 18px;
  margin: 10px 0 0 0;
}
.rankings__2 > div > div:last-child > div {
  padding: 0 0 8px;
}
.rankings__2 > div > div:last-child > div span {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 0 4px;
  background: #2f3641;
  border-radius: 4px;
  font-size: .9em;
}
.rankings__2 > div > div:last-child > div span:hover {
  background: #39404b;
  cursor: default;
}
.rankings__2 > div > div:last-child > div span em {
  font-weight: 600;
  color: #2bb7ff;
}
.rankings__2 > div > div:last-child b {
  display: block;
  opacity: .8;
}
.rankings__2 > div > div:last-child b a {
  color: #fff;
  font-weight: 600;
}
.rankings__timeline {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  background: #2f3641;
  padding: 16px;
  border-radius: 4px;
  background: #111823;
  overflow: hidden;
  margin: 0 0 20px;
  height: 252px;
}
.rankings__timeline:after {
  content: "";
  clear: both;
}
.rankings__timeline > div {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 220px;
  border-radius: 30% 30% 0 0;
  border-bottom: 2px solid #0c131e;
}
.rankings__timeline > div:nth-child(odd) .bar:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background: rgba(12, 19, 30, 0.5);
  border-radius: 30% 30% 0 0;
}
.rankings__timeline > div span.bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  border-radius: 30% 30% 0 0;
}
.rankings__timeline > div span.tooltip {
  display: none;
}
.rankings__timeline > div:hover .tooltip {
  display: block;
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 180px;
  height: 16px;
  box-sizing: border-box;
  line-height: 16px;
  padding: 0;
  font-size: .75em;
  font-weight: 500;
}
.rankings__timeline > div:hover,
.rankings__timeline > div:hover span.bar {
  background: #0f4e8e !important;
}
.rankings__timeline > div:hover .tooltip.reverse {
  left: inherit;
  right: 2px;
}
.nxcguides__guasbanner {
  position: relative;
  display: block;
}
.nxcguides__guasbanner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  overflow: hidden;
}
.nxcguides__guasbanner .bg div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background-size: cover !important;
  background-position: center top !important;
}
.nxcguides__navwrap {
  position: relative;
  display: block;
  background: rgba(17, 24, 35, 0.8);
  padding: 26.66666667px 0;
  z-index: 99;
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .nxcguides__navwrap {
    background: rgba(62, 69, 80, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
.nxcguides__navwrap .alt_logo {
  position: relative;
  display: block;
  background: #111823;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 30px;
  border-radius: 40px;
  box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .nxcguides__navwrap .alt_logo {
    background: rgba(17, 24, 35, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
.nxcguides__navwrap .alt_logo a {
  display: block;
  background: url(/static/images/logos/noxxic-b.png) no-repeat center;
  background-size: 100%;
  display: inline-block;
  position: relative;
  width: 100px;
  height: 30px;
  margin: 13px 0;
}
.nxcguides__navwrap .alt_logo:hover {
  background-color: rgba(17, 24, 35, 0.8);
}
.nxcguides__navwrap[data-zindex] {
  z-index: 999;
}
.nxcguides__navwrap .site__menu__dropdown-slim {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 660px) {
  .nxcguides__navwrap {
    padding: 13.33333333px 0;
  }
}
.nxcguides__banner {
  position: relative;
  display: block;
  box-shadow: inset 0 0 40px rgba(2, 9, 20, 0.6);
  background: rgba(12, 19, 30, 0.2);
  padding: 20px 0;
  /*.image {
		.absolute-cover();
		background-size: cover !important;
		background-position: center top !important;
		
		&:after {
			.absolute-cover();
			content: "";
			background: @background__color_down_7;
			opacity: .4;
		}
	}*/
}
@media screen and (max-width: 660px) {
  .nxcguides__banner .image {
    background-size: auto 180% !important;
  }
}
.nxcguides__banner .nxcguides__banner__meta {
  display: flex;
  max-height: 250px;
  overflow: hidden;
}
.nxcguides__banner .nxcguides__banner__meta .flex--9 {
  flex: 9;
}
.nxcguides__banner .nxcguides__banner__meta .flex--8 {
  flex: 8;
}
.nxcguides__banner .nxcguides__banner__meta .flex--7 {
  flex: 7;
}
.nxcguides__banner .nxcguides__banner__meta .flex--6 {
  flex: 6;
}
.nxcguides__banner .nxcguides__banner__meta .flex--5 {
  flex: 5;
}
.nxcguides__banner .nxcguides__banner__meta .flex--4 {
  flex: 4;
}
.nxcguides__banner .nxcguides__banner__meta .flex--3 {
  flex: 3;
}
.nxcguides__banner .nxcguides__banner__meta .flex--2 {
  flex: 2;
}
.nxcguides__banner .nxcguides__banner__meta .flex--1 {
  flex: 1;
}
.nxcguides__banner .nxcguides__banner__meta > div {
  flex: 2;
  justify-content: center;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles {
  display: flex;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--9 {
  flex: 9;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--8 {
  flex: 8;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--7 {
  flex: 7;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--6 {
  flex: 6;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--5 {
  flex: 5;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--4 {
  flex: 4;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--3 {
  flex: 3;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--2 {
  flex: 2;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .flex--1 {
  flex: 1;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles > div {
  /* icon AND titles */
  display: flex;
  align-items: center;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__icon {
  /* icon wrapper */
  flex: 1;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__icon span {
  background: rgba(27, 34, 45, 0.3);
  border-radius: 90px;
  height: 90px;
  width: 90px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 1em;
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .nxcguides__banner .nxcguides__banner__meta > div.titles .titles__icon span {
    background: none;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
  }
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__icon span i {
  /* actual icon */
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  display: block;
  border-radius: 90px;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content {
  flex: 5;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div {
  background: rgba(27, 34, 45, 0.3);
  display: block;
  padding: 10px 20px;
  border-radius: 10px;
  box-sizing: border-box;
  margin-right: 20px;
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div {
    background: none;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
  }
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h1,
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 {
  display: inline-block;
  line-height: 20px;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h1 {
  font-size: 1.3em;
  font-weight: 600;
  padding-top: 5px;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 {
  font-size: 1em;
  color: rgba(197, 204, 215, 0.5);
  font-weight: 600;
  padding-bottom: 5px;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 em {
  display: inline-block;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 em:after {
  content: "\026AC";
  color: rgba(197, 204, 215, 0.3);
  margin: 0 .4em;
  font-size: .8em;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 em:last-child:after {
  display: none;
}
.nxcguides__banner .nxcguides__banner__meta > div.titles .titles__content > div h2 em:only-child:after {
  display: none;
}
.nxcguides__banner .nxcguides__banner__meta > div.sponsor {
  flex: 1;
  min-height: 280px;
  position: relative;
  overflow: hidden !important;
  text-align: right;
}
.nxcguides__banner .nxcguides__banner__meta > div.sponsor .ads__square {
  display: inline-block;
}
@media screen and (max-width: 636px) {
  .nxcguides__banner {
    padding: 0;
    background: none;
  }
  .nxcguides__banner .nxcguides__banner__meta {
    position: relative;
    display: block;
  }
  .nxcguides__banner .nxcguides__banner__meta > div {
    position: relative;
    display: block;
  }
  .nxcguides__banner .titles {
    display: block !important;
    padding: 56px 0 28px !important;
    text-align: center;
  }
  .nxcguides__banner .titles > div {
    display: block !important;
  }
  .nxcguides__banner .titles .titles__content > div,
  .nxcguides__banner .titles .titles__icon > span {
    background: rgba(17, 24, 35, 0.3) !important;
  }
  .nxcguides__banner .titles span {
    display: block !important;
    margin: 0 auto 14px !important;
  }
  .nxcguides__banner .titles h1,
  .nxcguides__banner .titles h2 {
    overflow: inherit !important;
    text-overflow: initial !important;
    white-space: normal !important;
    padding: 0 0 14px !important;
    line-height: inherit !important;
  }
  .nxcguides__banner .sponsors {
    max-width: 100% !important;
    width: 100% !important;
    height: inherit !important;
    padding: 14px 0;
  }
}
.nxcguides__menu {
  display: flex;
  background: linear-gradient(to top, #252c37 0%, #343b46 100%);
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
}
.nxcguides__menu .flex--9 {
  flex: 9;
}
.nxcguides__menu .flex--8 {
  flex: 8;
}
.nxcguides__menu .flex--7 {
  flex: 7;
}
.nxcguides__menu .flex--6 {
  flex: 6;
}
.nxcguides__menu .flex--5 {
  flex: 5;
}
.nxcguides__menu .flex--4 {
  flex: 4;
}
.nxcguides__menu .flex--3 {
  flex: 3;
}
.nxcguides__menu .flex--2 {
  flex: 2;
}
.nxcguides__menu .flex--1 {
  flex: 1;
}
.nxcguides__menu > div {
  flex: 1;
}
.nxcguides__menu > div a {
  position: relative;
  display: block;
  text-align: center;
  color: #c5ccd7;
  font-size: .85em;
  font-weight: 600;
  padding: 10px;
}
.nxcguides__menu > div a:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "";
  background: rgba(57, 64, 75, 0.5);
  width: 0;
  transition: width .4s;
}
.nxcguides__menu > div a.active:before,
.nxcguides__menu > div a:hover:before {
  width: 100%;
}
.nxcguides__menu > div a.active:before {
  background: #0f4e8e;
}
.nxcguides__menu > div a span {
  position: relative;
  display: block;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
}
.nxcguides__menu > div a span:last-child {
  color: rgba(197, 204, 215, 0.5);
  font-weight: 500;
}
.nxcguides__menu > div a span.icon {
  line-height: 36px;
  height: 36px;
}
.nxcguides__menu > div a span.icon i {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 2px solid #111823;
  box-sizing: border-box;
  background-color: #1b222d !important;
  background-size: 100% !important;
  background-position: center !important;
}
@media screen and (max-width: 660px) {
  .nxcguides__menu {
    position: relative;
    display: block;
    background: none;
    box-shadow: none;
    border-radius: 0;
  }
  .nxcguides__menu > div {
    position: relative;
    display: block;
  }
  .nxcguides__menu > div a {
    border-left: 5px solid #2f3641;
    padding-left: 15px;
    font-size: 1em;
    text-align: left;
  }
  .nxcguides__menu > div a.active {
    border-color: #0f4e8e;
    color: #2bb7ff;
  }
  .nxcguides__menu > div a.active span:last-child {
    color: rgba(43, 183, 255, 0.6);
  }
  .nxcguides__menu > div a:before {
    display: none;
  }
  .nxcguides__menu > div a span {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: .2em;
  }
}
.nxcguides__iconmenu {
  display: flex;
}
.nxcguides__iconmenu .flex--9 {
  flex: 9;
}
.nxcguides__iconmenu .flex--8 {
  flex: 8;
}
.nxcguides__iconmenu .flex--7 {
  flex: 7;
}
.nxcguides__iconmenu .flex--6 {
  flex: 6;
}
.nxcguides__iconmenu .flex--5 {
  flex: 5;
}
.nxcguides__iconmenu .flex--4 {
  flex: 4;
}
.nxcguides__iconmenu .flex--3 {
  flex: 3;
}
.nxcguides__iconmenu .flex--2 {
  flex: 2;
}
.nxcguides__iconmenu .flex--1 {
  flex: 1;
}
.nxcguides__iconmenu > div {
  flex: 1;
  margin-right: 10px;
}
.nxcguides__iconmenu > div:last-child {
  margin-right: 0;
}
.nxcguides__iconmenu > div a {
  position: relative;
  display: block;
  background: rgba(12, 19, 30, 0.5);
  border-radius: 32px;
  box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
  padding: 5px;
  transition: background .2s;
}
.nxcguides__iconmenu > div a.active:hover,
.nxcguides__iconmenu > div a.active {
  background: rgba(15, 78, 142, 0.9);
}
.nxcguides__iconmenu > div a:hover {
  background: rgba(12, 19, 30, 0.9);
}
.nxcguides__iconmenu > div a i {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 2px solid #111823;
  box-sizing: border-box;
  background-color: rgba(27, 34, 45, 0.5) !important;
  background-size: 100% !important;
  background-position: center !important;
}
@media screen and (max-width: 660px) {
  .nxcguides__iconmenu {
    display: grid;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-columns: repeat(3, minmax(30px, 1fr));
    overflow-x: scroll;
  }
  .nxcguides__iconmenu[data-grid-row="6"] {
    grid-template-columns: repeat(6, minmax(30px, 1fr)) !important;
  }
  .nxcguides__iconmenu[data-grid-row="6"] {
    grid-template-columns: repeat(5, minmax(30px, 1fr)) !important;
  }
  .nxcguides__iconmenu[data-grid-row="4"] {
    grid-template-columns: repeat(4, minmax(30px, 1fr)) !important;
  }
  .nxcguides__iconmenu[data-grid-row="3"] {
    grid-template-columns: repeat(3, minmax(30px, 1fr)) !important;
  }
  .nxcguides__iconmenu[data-grid-row="2"] {
    grid-template-columns: repeat(2, minmax(30px, 1fr)) !important;
  }
  .nxcguides__iconmenu > div {
    margin: 0;
  }
  .nxcguides__iconmenu > div a {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px;
    overflow: hidden;
    height: 30px;
  }
  .nxcguides__iconmenu > div a i {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 auto;
  }
}
.nxcguides__content {
  padding: 40px 0;
  border-radius: 0 0 40px 40px;
  margin-top: 0;
  z-index: 10;
}
.nxcguides__content__footer {
  display: flex;
  padding: 40px 0;
}
.nxcguides__content__footer .flex--9 {
  flex: 9;
}
.nxcguides__content__footer .flex--8 {
  flex: 8;
}
.nxcguides__content__footer .flex--7 {
  flex: 7;
}
.nxcguides__content__footer .flex--6 {
  flex: 6;
}
.nxcguides__content__footer .flex--5 {
  flex: 5;
}
.nxcguides__content__footer .flex--4 {
  flex: 4;
}
.nxcguides__content__footer .flex--3 {
  flex: 3;
}
.nxcguides__content__footer .flex--2 {
  flex: 2;
}
.nxcguides__content__footer .flex--1 {
  flex: 1;
}
.nxcguides__content__footer > div {
  flex: 1;
  position: relative;
  display: block;
}
.nxcguides__content__footer > div a {
  position: relative;
  display: block;
  color: #9da4af;
}
.nxcguides__content__footer > div a:hover {
  color: #c5ccd7;
}
.nxcguides__content__footer > div a:hover i {
  background: #0f4e8e;
  color: #c5ccd7;
}
.nxcguides__content__footer > div em {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  padding: 14px;
  transition: color .4s;
}
.nxcguides__content__footer > div em span {
  position: relative;
  display: block;
  line-height: 16px;
}
.nxcguides__content__footer > div em span:last-child {
  font-weight: 300;
}
.nxcguides__content__footer > div i {
  position: relative;
  display: block;
  background: #1b222d;
  border-radius: 60px;
  color: #2bb7ff;
  font-size: 1.8em;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  transition: all .5s;
}
.nxcguides__content__footer > div:nth-child(1) {
  /* left button */
}
.nxcguides__content__footer > div:nth-child(1) em {
  margin-left: 60px;
}
.nxcguides__content__footer > div:nth-child(1) i {
  float: left;
}
.nxcguides__content__footer > div:nth-child(2) {
  /* center text */
  flex: 5;
  text-align: center;
}
.nxcguides__content__footer > div:nth-child(2):after {
  content: "";
  position: absolute;
  top: 50%;
  background: #2f3641;
  border-top: 1px solid #1b222d;
  width: 100%;
  height: 1px;
  left: 0;
}
.nxcguides__content__footer > div:nth-child(3) {
  /* right button */
  text-align: right;
}
.nxcguides__content__footer > div:nth-child(3) em {
  margin-right: 60px;
}
.nxcguides__content__footer > div:nth-child(3) i {
  float: right;
}
@media screen and (max-width: 660px) {
  .nxcguides__content__footer > div:nth-child(2) {
    display: none;
  }
  .nxcguides__content__footer div a em {
    display: block;
    float: none;
    clear: both;
    margin: 0 !important;
  }
}
.nxcguides__menu__settings {
  position: relative;
  display: block;
  height: 56px;
  z-index: 99;
}
.nxcguides__menu__settings > div {
  position: relative;
  display: block;
  float: left;
}
.nxcguides__menu__settings > div.right {
  float: right;
}
.nxcguides__menu__settings > div > a {
  /* lone wolf button */
  position: relative;
  display: block;
  color: rgba(197, 204, 215, 0.5);
  font-size: .9em;
  line-height: 56px;
}
.nxcguides__menu__settings > div > a:hover {
  color: #2bb7ff;
}
.nxcguides__menu__settings > div > div {
  position: relative;
  display: block;
  background: linear-gradient(to top, #252c37 0%, #343b46 100%);
  border-radius: 30px;
  float: left;
  text-align: center;
  margin-right: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  padding-top: 9.33333333px;
}
.nxcguides__menu__settings > div > div:hover {
  background: #39404b;
  cursor: pointer;
  border-radius: 24px 24px 0 0;
}
.nxcguides__menu__settings > div > div:hover em {
  border-radius: 30px 30px 0 0 !important;
}
.nxcguides__menu__settings > div > div:hover em:before {
  bottom: 0!important;
}
.nxcguides__menu__settings > div > div:hover > div {
  display: block;
}
.nxcguides__menu__settings > div > div > div {
  display: none;
  position: absolute;
  background: linear-gradient(to bottom, #0f4e8e 0%, #2362a2 100%);
  border-radius: 0 0 30px 30px;
  width: 100%;
  transition: border-radius 0.3s;
  overflow: hidden;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.nxcguides__menu__settings > div > div > div a {
  position: relative;
  display: block;
  padding: 12px 2px;
  color: #c5ccd7;
  border-bottom: 1px solid rgba(0, 28, 57, 0.15);
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 600;
  transition: background .2s, color .2s;
}
.nxcguides__menu__settings > div > div > div a:last-child {
  border-bottom: none;
}
.nxcguides__menu__settings > div > div > div a:hover {
  background: rgba(0, 58, 117, 0.6);
  color: #2bb7ff;
}
.nxcguides__menu__settings > div > div > div a.active {
  display: none;
}
.nxcguides__menu__settings > div > div > div a em {
  color: rgba(197, 204, 215, 0.5);
  font-weight: 500;
}
.nxcguides__menu__settings > div > div > span {
  position: relative;
  display: block;
  padding: 0 56px;
}
.nxcguides__menu__settings > div > div > em:nth-child(1) {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  border-radius: 30px;
  overflow: hidden;
}
.nxcguides__menu__settings > div > div > em:nth-child(1):before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 32.66666667px;
  background: #0f4e8e;
  bottom: -46%;
  transition: bottom .3s;
}
.nxcguides__menu__settings > div > div > span:nth-child(2) {
  color: rgba(157, 164, 175, 0.7);
  text-transform: lowercase;
  font-weight: 300;
  line-height: 9.33333333px;
}
.nxcguides__menu__settings > div > div > span:nth-child(3) {
  font-size: 1.1em;
  font-weight: 600;
  line-height: 37.33333333px;
  text-transform: uppercase;
}
@media screen and (max-width: 905px) {
  .nxcguides__menu__settings {
    height: inherit;
  }
  .nxcguides__menu__settings > div {
    float: none;
    box-shadow: none;
  }
  .nxcguides__menu__settings > div.right {
    float: none;
    text-align: center;
  }
  .nxcguides__menu__settings > div > div {
    margin: 0 0 2px;
    float: none;
    padding: 0;
    background: none !important;
    border-radius: 0;
    box-shadow: none;
  }
  .nxcguides__menu__settings > div > div:last-child {
    margin-bottom: 0;
  }
  .nxcguides__menu__settings > div > div > em {
    display: none !important;
  }
  .nxcguides__menu__settings > div > div > span {
    display: inline-block;
    display: none;
  }
  .nxcguides__menu__settings > div > div:hover > div {
    display: block;
    display: flex;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--9 {
    flex: 9;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--8 {
    flex: 8;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--7 {
    flex: 7;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--6 {
    flex: 6;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--5 {
    flex: 5;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--4 {
    flex: 4;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--3 {
    flex: 3;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--2 {
    flex: 2;
  }
  .nxcguides__menu__settings > div > div:hover > div .flex--1 {
    flex: 1;
  }
  .nxcguides__menu__settings > div > div > div {
    position: relative;
    display: block;
    display: flex;
    padding: 8px;
    box-sizing: border-box;
    width: inherit;
    background: rgba(62, 69, 80, 0.25);
    border-radius: 20px !important;
    box-shadow: none;
  }
  .nxcguides__menu__settings > div > div > div .flex--9 {
    flex: 9;
  }
  .nxcguides__menu__settings > div > div > div .flex--8 {
    flex: 8;
  }
  .nxcguides__menu__settings > div > div > div .flex--7 {
    flex: 7;
  }
  .nxcguides__menu__settings > div > div > div .flex--6 {
    flex: 6;
  }
  .nxcguides__menu__settings > div > div > div .flex--5 {
    flex: 5;
  }
  .nxcguides__menu__settings > div > div > div .flex--4 {
    flex: 4;
  }
  .nxcguides__menu__settings > div > div > div .flex--3 {
    flex: 3;
  }
  .nxcguides__menu__settings > div > div > div .flex--2 {
    flex: 2;
  }
  .nxcguides__menu__settings > div > div > div .flex--1 {
    flex: 1;
  }
  .nxcguides__menu__settings > div > div > div a {
    flex: 1;
    text-transform: capitalize;
    text-indent: 8px;
    padding: 8px 12px;
    background: #3e4550;
    border-radius: 20px;
    margin: 0 8px 0 0;
  }
  .nxcguides__menu__settings > div > div > div a:last-child {
    margin-right: 0;
  }
  .nxcguides__menu__settings > div > div > div a.active {
    display: inline-block;
    flex: 1;
    background: #0f4e8e;
  }
  .nxcguides__menu__settings > div > div > div a.active em {
    color: #2bb7ff;
  }
}
/* .site__blur {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	
	div {
		display: inline-block;
		background: url(/static/images/template/blur.png) no-repeat;
		background-size: 112%;
		background-position: center -5px;
		height: 180px;col
		width: 520px;
		opacity: .6;
	}
}*/
.flexible--sponsor--adbanner {
  transition: all .5s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 270px !important;
  height: inherit !important;
  max-width: 100% !important;
  width: inherit !important;
  min-height: 90px !important;
  padding: 10px 0;
}
.flexible--sponsor--adbanner:before {
  display: none;
}
.flexible--sponsor--adbanner .ads__banner {
  height: inherit;
  width: inherit;
}
@media screen and (min-width: 940px) {
  .ad_takeover_campaign.detail_template {
    background: none;
  }
  .ad_takeover_campaign.detail_template .site__content {
    z-index: 9999;
    max-width: 975px;
    margin: 0 auto;
    background: #252c37;
    border: 1px solid #343b46;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 -1px 15px 4px rgba(17, 24, 35, 0.2);
    transition: all .5s;
  }
  .ad_takeover_campaign.detail_template .site__content .nxcguides__guasbanner .nxcguides__navwrap.top_version {
    border-radius: 20px 20px 0 0;
  }
  .ad_takeover_campaign.detail_template .site__navigation {
    height: inherit;
    background: none;
  }
  .ad_takeover_campaign.detail_template .site__navigation .container {
    display: block;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .ad_takeover_campaign.detail_template .site__navigation .container .site__logo {
    transition: all .5s;
    z-index: 9999;
    float: none !important;
    background: #202732;
    max-width: 970px !important;
    width: 100% !important;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 10px 10px;
    border: 1px solid #343b46;
    border-top: none;
    box-shadow: 0 1px 15px 4px rgba(17, 24, 35, 0.2);
  }
  .ad_takeover_campaign.detail_template .site__navigation .container .sponsor {
    transition: all .5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 270px !important;
    height: inherit !important;
    max-width: 100% !important;
    width: inherit !important;
    min-height: 90px !important;
    padding: 10px 0;
  }
  .ad_takeover_campaign.detail_template .site__navigation .container .sponsor:before {
    display: none;
  }
  .ad_takeover_campaign.detail_template .site__navigation .container .sponsor .ads__banner {
    height: inherit;
    width: inherit;
  }
  .ad_takeover_campaign.detail_template .sponsors.below .container .sponsor.ads__wrap {
    transition: all .5s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 270px !important;
    height: inherit !important;
    max-width: 100% !important;
    width: inherit !important;
    min-height: 90px !important;
    padding: 10px 0;
  }
  .ad_takeover_campaign.detail_template .sponsors.below .container .sponsor.ads__wrap:before {
    display: none;
  }
  .ad_takeover_campaign.detail_template .sponsors.below .container .sponsor.ads__wrap .ads__banner {
    height: inherit;
    width: inherit;
  }
}
.site__navigation {
  display: block;
  position: relative;
  height: 90px;
  background: #252c37;
  overflow: hidden;
  z-index: 99;
}
.site__navigation.alt {
  background: #161d28;
}
.site__navigation.alt .site__logo {
  background: #070e19;
}
.site__navigation.alt .site__logo:hover {
  background: #00040f;
}
.site__navigation.wallpaper {
  background: rgba(12, 19, 30, 0.6);
}
.site__navigation.wallpaper .site__logo {
  background: none;
}
.site__navigation.wallpaper .site__logo:hover {
  background: none;
}
.site__navigation .container {
  position: relative;
  display: block;
}
.site__navigation .no-bg .site__logo {
  background: none;
}
.site__navigation .no-bg .site__logo:hover {
  background: none;
}
.site__navigation .site__logo {
  position: relative;
  display: block;
  max-width: 130px;
  height: 90px;
  background: rgba(22, 29, 40, 0.5);
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 660px) {
}
.site__navigation .site__logo.left {
  float: left;
  background: rgba(7, 14, 25, 0.3);
  padding: 0 25px;
}
.site__navigation .site__logo:hover {
  background: rgba(52, 59, 70, 0.8);
}
.site__navigation .site__logo a {
  display: block;
  background: url(/static/images/logos/noxxic-b.png) no-repeat center;
  background-size: 100%;
  display: inline-block;
  position: relative;
  width: 130px;
  height: 50px;
  background-size: 100% !important;
  padding: 20px 0;
}
.site__navigation .sponsor {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  width: 730px;
  max-height: 90px;
}
.site__navigation .sponsor:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "noxxic is supported entirely by ads. please whitelist us to support our continuation of guide updates and site development. <3";
  color: rgba(157, 164, 175, 0.18);
  line-height: 12px;
  padding: 33px 20px 0;
  font-size: .8em;
  text-align: right;
  box-sizing: border-box;
  max-width: 67%;
  right: 0;
  left: inherit;
}
.site__navigation .sponsor .ads__unit-banner {
  float: right;
}
.site__navigation .sponsor.full_wide {
  position: relative;
  display: block;
  width: 100%;
}
.site__navigation .sponsor.full_wide .ads__unit-banner {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.site__navigation .sponsor.full_wide .ads__unit-banner > div {
  display: inline-block;
}
@media screen and (max-width: 940px) {
  .site__navigation {
    height: inherit;
  }
  .site__navigation .container {
    padding: 0;
  }
  .site__navigation .site__logo {
    background: none !important;
  }
  .site__navigation .site__logo.left {
    float: none;
  }
  .site__navigation .sponsor {
    position: relative;
    width: 100%;
    background: #1b222d;
    box-shadow: inset 0 -5px 8px rgba(12, 19, 30, 0.2);
    min-height: 70px;
  }
  .site__navigation .sponsor div {
    height: 70px !important;
  }
  .site__navigation .sponsor .ads__unit-banner {
    max-height: 70px !important;
    height: 70px !important;
  }
  .site__navigation .sponsor:before {
    text-align: center;
    padding: 23px 20px 0;
    max-width: 100%;
    font-size: .7em;
    line-height: 11px;
  }
}
.site__content {
  position: relative;
  display: block;
  overflow: hidden;
}
.site__content .sponsors.below {
  padding: 30px 0;
}
.site__content .sponsors.below .container {
  text-align: center;
}
.site__content .sponsors.below .container > div {
  display: inline-block;
  overflow: hidden !important;
  max-width: 100%;
}
.site__collections {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(1, minmax(200px, 1fr));
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.site__collections[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.gap--small {
  grid-column-gap: 6px !important;
  grid-row-gap: 6px !important;
}
.site__collections.row--7 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(7, minmax(200px, 1fr));
}
.site__collections.row--7[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--7[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--7[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--7[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--7[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.row--6 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(6, minmax(200px, 1fr));
}
.site__collections.row--6[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--6[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--6[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--6[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--6[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.row--5 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(5, minmax(200px, 1fr));
}
.site__collections.row--5[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--5[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--5[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--5[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--5[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.row--4 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
}
.site__collections.row--4[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--4[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--4[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--4[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--4[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.row--3 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
}
.site__collections.row--3[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--3[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--3[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--3[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--3[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections.row--2 {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.site__collections.row--2[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections.row--2[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections.row--2[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections.row--2[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections.row--2[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="6"] {
  grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="6"] {
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="4"] {
  grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="3"] {
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
}
.site__collections[data-grid-row="2"] {
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
}
.site__collections > div {
  position: relative;
  display: block;
  height: 275px;
}
.site__collections > div:hover .mask {
  opacity: 0;
}
.site__collections > div .background_image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background-size: cover !important;
}
.site__collections > div .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  background: #3e4550;
  opacity: 0;
  transition: opacity 1s;
}
.site__collections > div a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
}
.site__collections > div a:hover h1 {
  color: #c5ccd7;
}
.site__collections > div a:hover h1:after {
  width: 100%;
}
.site__collections > div a:hover:after {
  width: 100%;
}
.site__collections > div a:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: #2bb7ff;
  height: 3px;
  width: 0;
  transition: width 1s;
}
.site__collections > div:nth-child(even) a:after {
  left: 0;
}
.site__collections > div:nth-child(even) a h1 {
  left: 0;
}
.site__collections > div:nth-child(odd) a:after {
  right: 0;
}
.site__collections > div:nth-child(odd) a h1 {
  right: 0;
  text-align: right;
}
.site__collections > div h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(62, 69, 80, 0.8);
  color: rgba(197, 204, 215, 0.5);
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  line-height: 60px;
  height: 60px;
  padding: 0 30px;
  font-weight: 600;
  font-size: 1em;
  transition: color 0.5s, background 1s, backdrop-filter 1s, -webkit-backdrop-filter 1s;
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .site__collections > div h1 {
    background: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
.site__collections > div h1 i {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  float: left;
}
@media screen and (max-width: 660px) {
  .site__collections {
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
  .site__collections[data-grid-row="6"] {
    grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
  }
  .site__collections[data-grid-row="6"] {
    grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
  }
  .site__collections[data-grid-row="4"] {
    grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
  }
  .site__collections[data-grid-row="3"] {
    grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
  }
  .site__collections[data-grid-row="2"] {
    grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
  }
  .site__collections > div {
    height: 137.5px !important;
    text-align: center;
  }
  .site__collections > div a:after {
    display: none !important;
  }
  .site__collections > div a:hover h1 {
    color: #ffffff;
  }
  .site__collections .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    display: block;
    background: none !important;
    opacity: 1 !important;
    background: rgba(62, 69, 80, 0.8);
  }
  @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
    .site__collections .mask {
      background: none;
      backdrop-filter: blur(0px);
      -webkit-backdrop-filter: blur(0px);
    }
  }
  .site__collections > div h1 {
    background: rgba(62, 69, 80, 0.8);
    background: #0f4e8e !important;
    border-radius: 4px;
    color: #ffffff;
    left: inherit !important;
    right: inherit !important;
    text-align: center !important;
    display: inline-block !important;
    padding: 0 25.375px !important;
    position: relative;
    line-height: 36px !important;
    height: 36px !important;
    margin: 50.75px 0;
    box-shadow: 0 0 15px rgba(0, 5, 12, 0.3);
  }
  @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
    .site__collections > div h1 {
      background: none;
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
    }
  }
}
.site__collection__detail {
  position: relative;
  display: block;
  margin: 140px auto;
  max-width: 760px;
  text-align: center;
}
.site__collection__detail > div {
  background: rgba(12, 19, 30, 0.6);
  border-radius: 50px;
  display: inline-block;
  padding: 10px;
  text-align: left;
  border: 2px solid #2bb7ff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  box-sizing: border-box;
  position: relative;
}
.site__collection__detail .container {
  padding: 0;
}
.site__collection__detail .meta {
  display: flex;
  color: #9da4af;
  line-height: 20px;
  top: -30px;
  position: absolute;
  font-size: .85em;
  width: 100%;
  left: 0;
  padding: 0 60px;
  box-sizing: border-box;
}
.site__collection__detail .meta .flex--9 {
  flex: 9;
}
.site__collection__detail .meta .flex--8 {
  flex: 8;
}
.site__collection__detail .meta .flex--7 {
  flex: 7;
}
.site__collection__detail .meta .flex--6 {
  flex: 6;
}
.site__collection__detail .meta .flex--5 {
  flex: 5;
}
.site__collection__detail .meta .flex--4 {
  flex: 4;
}
.site__collection__detail .meta .flex--3 {
  flex: 3;
}
.site__collection__detail .meta .flex--2 {
  flex: 2;
}
.site__collection__detail .meta .flex--1 {
  flex: 1;
}
.site__collection__detail .meta div {
  flex: 1;
}
.site__collection__detail .meta div:last-child {
  flex: 2;
  text-align: right;
}
.site__collection__detail .meta a {
  color: #9da4af;
}
.site__collection__detail .meta a:hover {
  color: #c5ccd7;
}
.site__collection__detail .meta em {
  color: #2bb7ff;
}
.site__collection__detail > p {
  position: relative;
  display: block;
  color: rgba(157, 164, 175, 0.8);
  font-size: .85em;
  text-align: center;
  text-transform: lowercase;
  margin: 0 0 10px;
}
@media screen and (max-width: 660px) {
  .site__collection__detail {
    max-width: 580px;
    margin-top: 40px;
  }
  .site__collection__detail > div {
    position: relative;
    border: none;
    background: rgba(17, 24, 35, 0);
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    border-radius: 0;
  }
  .site__collection__detail .site__menu .mobile__toggle {
    display: none !important;
  }
  .site__collection__detail .site__menu .menus {
    display: block !important;
  }
  .site__collection__detail .meta {
    display: none;
  }
}
.site__menu__dropdown.left {
  float: left;
  margin-right: 8px;
}
.site__menu {
  position: relative;
  display: block;
}
.site__menu .mobile__toggle {
  display: none;
}
.site__menu .menus {
  position: relative;
  display: block;
}
@media screen and (max-width: 660px) {
  .site__menu .menus {
    display: none;
  }
  .site__menu .menus.active {
    display: block;
  }
  .site__menu .mobile__toggle {
    position: relative;
    display: block;
    background: #0f4e8e;
    color: #c5ccd7;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 20px;
  }
  .site__menu .mobile__toggle.active {
    margin-bottom: 4px;
  }
  .site__menu .mobile__toggle:before {
    position: relative;
    display: block;
    border: solid #c5ccd7;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 11px 0 0 0.5em;
    float: right;
  }
  .site__menu .mobile__toggle.active:before {
    border: solid #c5ccd7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 11px 0 0 0.5em;
    float: right;
    position: relative;
    display: block;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .site__menu .mobile__toggle.active:after {
    content: "Site Menu";
    color: #c5ccd7;
    font-size: .95em;
    font-weight: 600;
  }
  .site__menu .mobile__toggle.active em {
    display: none;
  }
}
.site__menu__dd {
  display: inline-block;
  position: relative;
  height: 56px;
  z-index: 9999999;
  border-radius: 40px;
  box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
}
.site__menu__dd .mobile {
  display: none;
}
.site__menu__dd.left {
  float: left;
  margin-right: 6px;
}
.site__menu__dd > ul > li > ul > li > ul {
  z-index: 9;
}
.site__menu__dd ul {
  position: relative;
  display: block;
}
.site__menu__dd ul li {
  position: relative;
  display: block;
}
.site__menu__dd ul li:hover > a {
  background: #0f4e8e;
  transition: background .1s;
}
.site__menu__dd ul li:hover > ul {
  display: block;
}
.site__menu__dd ul ul {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  width: 100%;
  box-sizing: border-box;
  border-radius: 20px;
  background: rgba(17, 24, 35, 0.8);
  padding: 6px;
  box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
  min-width: 166px;
}
.site__menu__dd ul ul li {
  margin-bottom: 2px;
}
.site__menu__dd ul ul li:last-child {
  margin-bottom: 0;
}
.site__menu__dd ul ul li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #c5ccd7;
  font-weight: 600;
  font-size: .95em;
  line-height: 27px;
  padding: 1px 1px;
  background: rgba(47, 54, 65, 0.9);
  border-radius: 20px;
}
.site__menu__dd ul ul li a i {
  position: relative;
  display: block;
  background-color: #161d28 !important;
  background-size: cover !important;
  border: 1px solid #161d28;
  border-radius: 27px;
  box-sizing: border-box;
  float: left;
  width: 27px;
  height: 27px;
  margin: 0px 0.5em 0 0px;
}
.site__menu__dd ul ul li a.dd-icon:after {
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 8.5px 0 0 0.5em;
  float: right;
}
.site__menu__dd ul ul li a.active.dd-icon:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 8.5px 0 0 0.5em;
  float: right;
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.site__menu__dd ul ul li a.larger {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #c5ccd7;
  font-weight: 600;
  font-size: .95em;
  line-height: 37px;
  padding: 1px 1px;
}
.site__menu__dd ul ul li a.larger i {
  position: relative;
  display: block;
  background-color: #161d28 !important;
  background-size: cover !important;
  border: 1px solid #161d28;
  border-radius: 37px;
  box-sizing: border-box;
  float: left;
  width: 37px;
  height: 37px;
  margin: 0px 0.5em 0 0px;
}
.site__menu__dd ul ul li a.larger.dd-icon:after {
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 13.5px 0 0 0.5em;
  float: right;
}
.site__menu__dd ul ul li a.larger.active.dd-icon:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 13.5px 0 0 0.5em;
  float: right;
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.site__menu__dd ul ul li a.active {
  background: #0f4e8e;
}
.site__menu__dd > ul {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
}
.site__menu__dd > ul:first-child > li > a {
  border-radius: 40px 0 0 40px;
}
.site__menu__dd > ul:last-child > li > a {
  border-radius: 0 40px 40px 0;
}
.site__menu__dd > ul:only-child > li > a {
  border-radius: 40px;
}
.site__menu__dd > ul.active > li > a {
  background: #0f4e8e;
}
.site__menu__dd > ul > li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #c5ccd7;
  font-weight: 600;
  font-size: .95em;
  line-height: 56px;
  padding: 0 26px;
  background: rgba(47, 54, 65, 0.9);
  background: linear-gradient(to bottom, #252c37 0%, #343b46 100%);
  min-width: 156px;
}
.site__menu__dd > ul > li > a i {
  position: relative;
  display: block;
  background-color: #161d28 !important;
  background-size: cover !important;
  border: 1px solid #161d28;
  border-radius: 32px;
  box-sizing: border-box;
  float: left;
  width: 32px;
  height: 32px;
  margin: 12px 0.5em 0 0px;
}
.site__menu__dd > ul > li > a.dd-icon:after {
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 23px 0 0 0.5em;
  float: right;
}
.site__menu__dd > ul > li > a.active.dd-icon:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  margin: 23px 0 0 0.5em;
  float: right;
  position: relative;
  display: block;
  border: solid #2bb7ff;
  border-width: 0 1.5px 1.5px 0;
  padding: 1.5px;
  height: 6px;
  width: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.site__menu__dd > ul > li > ul > li > ul {
  left: 74%;
  top: -13.5px;
}
.site__menu__dd > ul > li > ul > li > ul.lonely {
  top: -6px;
}
@media screen and (max-width: 660px) {
  .site__menu__dd {
    display: block;
    height: inherit;
    box-shadow: none;
  }
  .site__menu__dd ul,
  .site__menu__dd li {
    position: relative;
    display: block;
    box-shadow: none !important;
  }
  .site__menu__dd ul.active,
  .site__menu__dd li.active {
    display: block;
  }
  .site__menu__dd ul li:hover ul {
    display: none;
  }
  .site__menu__dd ul li:hover ul.active {
    display: block;
  }
  .site__menu__dd.left {
    float: none;
    margin: 0;
  }
  .site__menu__dd > ul {
    background: none;
    float: none;
    margin: 0 0 4px;
  }
  .site__menu__dd > ul.active > li > a {
    background: linear-gradient(to top, #252c37 0%, #343b46 100%);
  }
  .site__menu__dd > ul:last-child {
    margin-bottom: 0;
  }
  .site__menu__dd > ul:only-child {
    margin: 0 0 4px;
  }
  .site__menu__dd > ul > li > a {
    border-radius: 40px !important;
    background: linear-gradient(to top, #2f3641 0%, #39404b 100%);
    box-shadow: 0 1px 2px rgba(0, 1, 2, 0.8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block;
    box-sizing: border-box;
    color: #c5ccd7;
    font-weight: 600;
    font-size: .95em;
    line-height: 50px;
    padding: 0 20px;
  }
  .site__menu__dd > ul > li > a i {
    position: relative;
    display: block;
    background-color: #161d28 !important;
    background-size: cover !important;
    border: 1px solid #161d28;
    border-radius: 30px;
    box-sizing: border-box;
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 0.5em 0 -10px;
  }
  .site__menu__dd > ul > li > a.dd-icon:after {
    position: relative;
    display: block;
    border: solid #2bb7ff;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 20px 0 0 0.5em;
    float: right;
  }
  .site__menu__dd > ul > li > a.active.dd-icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 20px 0 0 0.5em;
    float: right;
    position: relative;
    display: block;
    border: solid #2bb7ff;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .site__menu__dd > ul > li > a.darker {
    background: linear-gradient(to top, #252c37 0%, #2f3641 100%);
    color: #9da4af;
  }
  .site__menu__dd > ul > li > a em.mobile {
    display: inline-block;
    color: #2bb7ff;
  }
  .site__menu__dd > ul > li > ul {
    margin-top: 4px;
  }
  .site__menu__dd > ul ul {
    position: relative;
    left: inherit !important;
    top: inherit !important;
    width: inherit !important;
  }
  .site__menu__dd > ul ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block;
    box-sizing: border-box;
    color: #c5ccd7;
    font-weight: 600;
    font-size: .95em;
    line-height: 40px;
    padding: 0;
  }
  .site__menu__dd > ul ul li a i {
    position: relative;
    display: block;
    background-color: #161d28 !important;
    background-size: cover !important;
    border: 1px solid #161d28;
    border-radius: 30px;
    box-sizing: border-box;
    float: left;
    width: 30px;
    height: 30px;
    margin: 5px 0.5em 0 5px;
  }
  .site__menu__dd > ul ul li a.dd-icon:after {
    position: relative;
    display: block;
    border: solid #2bb7ff;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 15px 0 0 0.5em;
    float: right;
  }
  .site__menu__dd > ul ul li a.active.dd-icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin: 15px 0 0 0.5em;
    float: right;
    position: relative;
    display: block;
    border: solid #2bb7ff;
    border-width: 0 1.5px 1.5px 0;
    padding: 1.5px;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .site__menu__dd > ul ul ul a {
    background: rgba(47, 54, 65, 0.8) !important;
  }
  .site__menu__dd > ul > li > ul > li ul {
    margin-top: 2px;
  }
  .site__menu__dd > ul > li > ul > li.active ul {
    border: 2px solid #0f4e8e;
  }
}
.site__footer {
  text-align: center;
  font-size: .8em;
  line-height: 1.2em;
}
.site__footer p {
  color: #9da4af;
  display: block;
  padding: 2px 0 6px;
}
.site__footer a {
  font-weight: 600;
  text-transform: lowercase;
}
.site__footer a:hover {
  color: #c5ccd7;
}
.site__footer a:after {
  content: "\026AC";
  color: rgba(157, 164, 175, 0.5);
}
.site__footer a:last-child:after {
  display: none;
}
.site__footer .wrapper {
  background: #161d28;
  padding: 100px 0;
  text-align: left;
}
@media screen and (max-width: 660px) {
  .site__footer .wrapper {
    text-align: center;
  }
}
.site__error {
  max-width: 500px;
  margin: 0 auto;
  padding: 120px 25px;
  text-align: center;
}
.site__error h1 {
  text-transform: uppercase;
}
.site__error h1,
.site__error h2 {
  font-size: 66px;
  background: linear-gradient(30deg, #2bb7ff 20%, #2afe83 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 14px;
}
.site__error h2 {
  font-size: 26px;
  text-transform: lowercase;
}
.site__error h2:before {
  content: " { ";
}
.site__error h2:after {
  content: " } ";
}
.site__error h3 {
  position: relative;
  display: block;
  padding: 30px 0;
  font-size: 15px;
  line-height: 1.2em;
  color: rgba(157, 164, 175, 0.6);
  max-width: 300px;
  margin: 0 auto;
  text-transform: inherit;
}
.site__splashimg {
  width: 260px;
  height: 260px;
  margin: 0 auto 40px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  border-radius: 200px;
  border: 1px solid #343b46;
  box-shadow: 5px 5px 5px rgba(12, 19, 30, 0.6);
}
.site__splashmsg {
  background: #1b222d;
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  font-size: .9em;
  font-weight: 600;
}
.site__splashmsg span {
  color: #2bb7ff;
}
.site__splashbox {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0;
}
.site__splashbox h3 {
  font-size: 1.1em !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #c5ccd7;
}
.site__splashbox > em {
  position: relative;
  display: block;
  background: #202732;
  padding: 8px;
  margin: 8px 0;
  font-size: .85em;
  text-align: left;
}
.site__splashbox > em > i {
  color: #9da4af;
}
.site__splashbox > em > em {
  color: #2bb7ff;
}
.site__splashbox span {
  position: relative;
  display: block;
  color: #9da4af;
  text-transform: lowercase;
  font-size: .9em;
}
.site__splashbox span:before,
.site__splashbox span:after {
  color: #2bb7ff;
  font-weight: 600;
}
.site__splashbox span:before {
  content: " { ";
}
.site__splashbox span:after {
  content: " } ";
}
.site__splashbox p {
  color: #2bb7ff;
  font-weight: 600;
  font-size: .95em;
  margin: 0 !important;
}
.site__wallpaper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  filter: blur(12px);
  -webkit-filter: blur(12px);
  background-size: cover !important;
}
.site__wallpaper:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  display: block;
  content: "";
  background: #161d28;
  opacity: 0.6;
}
@media screen and (max-width: 660px) {
  .site__wallpaper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    display: block;
    filter: blur(0);
    -webkit-filter: blur(0);
    background-size: cover !important;
    background-position: center center !important;
  }
  .site__wallpaper:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    display: block;
    content: "";
    background: #161d28;
    opacity: 0.7;
  }
}