@font-face {
  font-family: "Neo Sans";
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/neo-sans/bae1d605-eb27-4e21-9562-b3050ad5abd9.eot?#iefix");
  src: url("/fonts/neo-sans/bae1d605-eb27-4e21-9562-b3050ad5abd9.eot?#iefix") format("eot"), url("/fonts/neo-sans/c1570077-59c3-4077-aa44-cdfd0c5a5dd1.woff2") format("woff2"), url("/fonts/neo-sans/82c10631-512f-424b-a205-92ff6d7ff625.woff") format("woff"), url("/fonts/neo-sans/566e55ab-1cd4-430a-83c8-b0417652db48.ttf") format("truetype"), url("/fonts/neo-sans/d183f914-ca8e-47a2-800c-1c798d327022.svg#d183f914-ca8e-47a2-800c-1c798d327022") format("svg"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/neo-sans/d11711c0-50af-41c8-9f85-3997c9f6d80d.eot?#iefix");
  src: url("/fonts/neo-sans/d11711c0-50af-41c8-9f85-3997c9f6d80d.eot?#iefix") format("eot"), url("/fonts/neo-sans/803c9f1d-6950-4c87-aa3e-0c014011a3df.woff2") format("woff2"), url("/fonts/neo-sans/a9edc9ca-e80b-4980-be72-a61233f08071.woff") format("woff"), url("/fonts/neo-sans/504947d7-98d6-4ce3-b301-33b0deb9e0e4.ttf") format("truetype"), url("/fonts/neo-sans/4b54c107-7313-4836-b298-f58ec6105a33.svg#4b54c107-7313-4836-b298-f58ec6105a33") format("svg"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: bold;
  font-style: normal;
  src: url("/fonts/neo-sans/5ec4623d-3b6a-4580-918c-cc0b1de4dc22.eot?#iefix");
  src: url("/fonts/neo-sans/5ec4623d-3b6a-4580-918c-cc0b1de4dc22.eot?#iefix") format("eot"), url("/fonts/neo-sans/4ec41395-2074-4503-b9e2-bd7e8901758b.woff2") format("woff2"), url("/fonts/neo-sans/fadc73d8-1cc6-42c1-8f2a-4d03770b8faa.woff") format("woff"), url("/fonts/neo-sans/9de9709d-f77a-44ad-96b9-6fea586f7efb.ttf") format("truetype"), url("/fonts/neo-sans/8e964c77-f043-4e9e-86fa-4166864f4411.svg#8e964c77-f043-4e9e-86fa-4166864f4411") format("svg"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 800;
  font-style: normal;
  src: url("/fonts/neo-sans/f9431299-18f6-4149-807f-8a5a14f39176.eot?#iefix");
  src: url("/fonts/neo-sans/f9431299-18f6-4149-807f-8a5a14f39176.eot?#iefix") format("eot"), url("/fonts/neo-sans/0999c1ba-5516-4c4c-bf22-1a287dc6ae7d.woff2") format("woff2"), url("/fonts/neo-sans/e8d94f12-b027-4503-a8d7-0f957996aea0.woff") format("woff"), url("/fonts/neo-sans/ee0603a9-63c1-40bf-853f-922c1c17c12a.ttf") format("truetype"), url("/fonts/neo-sans/ff0875eb-0631-442b-a8b5-cf92954a3b34.svg#ff0875eb-0631-442b-a8b5-cf92954a3b34") format("svg"); }

@font-face {
  font-family: "Neo Sans";
  font-weight: 900;
  font-style: normal;
  src: url("/fonts/neo-sans/176ec36c-caca-4c49-b9d8-f2f45991dd83.eot?#iefix");
  src: url("/fonts/neo-sans/176ec36c-caca-4c49-b9d8-f2f45991dd83.eot?#iefix") format("eot"), url("/fonts/neo-sans/3bd98c46-1a24-4651-bdb2-b9067a835b62.woff2") format("woff2"), url("/fonts/neo-sans/54c27c41-1e70-4473-8d55-044ddddea22a.woff") format("woff"), url("/fonts/neo-sans/4f6273c4-49a8-48b6-ba1d-4eb8cb5578fd.ttf") format("truetype"), url("/fonts/neo-sans/3917e825-d468-469f-983c-c80dcd2dbe42.svg#3917e825-d468-469f-983c-c80dcd2dbe42") format("svg"); }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/fonts/proxima-nova/light/proximanova-light-webfont.eot");
  src: url("/fonts/proxima-nova/light/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima-nova/light/proximanova-light-webfont.woff") format("woff"), url("/fonts/proxima-nova/light/proximanova-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/fonts/proxima-nova/regular/proximanova-reg-webfont.eot");
  src: url("/fonts/proxima-nova/regular/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima-nova/regular/proximanova-reg-webfont.woff") format("woff"), url("/fonts/proxima-nova/regular/proximanova-reg-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/fonts/proxima-nova/semibold/proximanova-sbold-webfont.eot");
  src: url("/fonts/proxima-nova/semibold/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima-nova/semibold/proximanova-sbold-webfont.woff") format("woff"), url("/fonts/proxima-nova/semibold/proximanova-sbold-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("/fonts/proxima-nova/bold/Proxima_Nova_Bold.eot");
  src: url("/fonts/proxima-nova/bold/Proxima_Nova_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima-nova/bold/Proxima_Nova_Bold.woff") format("woff"), url("/fonts/proxima-nova/bold/Proxima_Nova_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Blender';
  src: url("/fonts/blender/thin/Blender_Pro_Thin.eot");
  src: url("/fonts/blender/thin/Blender_Pro_Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/blender/thin/Blender_Pro_Thin.woff2") format("woff2"), url("/fonts/blender/thin/Blender_Pro_Thin.woff") format("woff"), url("/fonts/blender/thin/Blender_Pro_Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Blender';
  src: url("/fonts/blender/book/Blender_Pro_Book.eot");
  src: url("/fonts/blender/book/Blender_Pro_Book.eot?#iefix") format("embedded-opentype"), url("/fonts/blender/book/Blender_Pro_Book.woff2") format("woff2"), url("/fonts/blender/book/Blender_Pro_Book.woff") format("woff"), url("/fonts/blender/book/Blender_Pro_Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Blender';
  src: url("/fonts/blender/medium/Blender_Pro_Medium.eot");
  src: url("/fonts/blender/medium/Blender_Pro_Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/blender/medium/Blender_Pro_Medium.woff2") format("woff2"), url("/fonts/blender/medium/Blender_Pro_Medium.woff") format("woff"), url("/fonts/blender/medium/Blender_Pro_Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Blender';
  src: url("/fonts/blender/bold/Blender_Pro_Bold.eot");
  src: url("/fonts/blender/bold/Blender_Pro_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/blender/bold/Blender_Pro_Bold.woff2") format("woff2"), url("/fonts/blender/bold/Blender_Pro_Bold.woff") format("woff"), url("/fonts/blender/bold/Blender_Pro_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Blender';
  src: url("/fonts/blender/heavy/Blender_Pro_Heavy.eot");
  src: url("/fonts/blender/heavy/Blender_Pro_Heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/blender/heavy/Blender_Pro_Heavy.woff2") format("woff2"), url("/fonts/blender/heavy/Blender_Pro_Heavy.woff") format("woff"), url("/fonts/blender/heavy/Blender_Pro_Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  height: 100%; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.2; }

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; }

.highlighted {
  color: #9effa9; }

.back-highlighted {
  background-color: rgba(158, 255, 169, 0.2); }

.negative-highlight {
  background-color: rgba(255, 0, 0, 0.2); }

.positive-highlight {
  background-color: rgba(158, 255, 169, 0.2); }

.positive-text {
  color: #9effa9;
  font-weight: 400; }

.negative-text {
  color: red;
  font-weight: 400; }

.neutral-text {
  font-weight: 400; }

address {
  font-style: normal; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a.btn:hover, a.btn:focus {
  text-decoration: none; }

.btn {
  text-decoration: none;
  border: none;
  background-color: #fff;
  color: #333;
  padding: 0;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:hover, .btn:focus {
    text-decoration: none; }

.btn-large {
  padding: 12px 20px;
  font-size: 26px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-arrow {
  font-size: 12px;
  font-weight: 600;
  color: #9effa9;
  text-transform: uppercase;
  cursor: pointer; }
  .btn-arrow:after {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block;
    border-left: 4px solid #9effa9;
    content: '';
    top: 0px;
    margin-left: 4px;
    left: 3px;
    position: relative;
    -webkit-transition: left 200ms;
    -moz-transition: left 200ms;
    -o-transition: left 200ms;
    transition: left 200ms; }
  .btn-arrow:hover:after {
    left: 5px; }

.btn-green {
  font-size: 12px; }
  .btn-green:hover, .btn-green:focus {
    text-decoration: none; }

.btn.btn-mob {
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  background-color: rgba(74, 144, 226, 0.1);
  color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }
  .btn.btn-mob.btn-yellow {
    background-color: #F4B126;
    color: #0E2036; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.cursor-pointer {
  cursor: pointer; }

.flex-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.flex-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

html {
  color: #fff;
  background-color: #0b2034;
  font-family: 'Neo Sans', Helvetica, Arial, sans-serif; }
  html.modal-opened {
    overflow: hidden; }
  html input,
  html textarea,
  html keygen,
  html select {
    font-family: 'Neo Sans', Helvetica, Arial, sans-serif; }
  html button,
  html input[type=submit] {
    font-family: 'Blender', serif; }
  html p a {
    font-family: 'Neo Sans', Helvetica, Arial, sans-serif; }
  html iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    float: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Blender', serif; }

a, input, button {
  -ms-touch-action: none !important; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: underline; }

.site-title {
  margin: 0; }
  .site-title a {
    text-decoration: none;
    display: block;
    margin: 0 auto; }

.maxwidth-wrapper {
  width: 1360px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative; }

.text-purple {
  color: #ff00ff; }

.text-medium, .medium-text {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500; }

.text-large {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }

.align-center {
  text-align: center; }

.col-6 {
  color: black; }

.col-1 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 1);
  max-width: -moz-calc(100% / 12 * 1);
  max-width: calc(100% / 12 * 1); }

.col-2 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 2);
  max-width: -moz-calc(100% / 12 * 2);
  max-width: calc(100% / 12 * 2); }

.col-3 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 3);
  max-width: -moz-calc(100% / 12 * 3);
  max-width: calc(100% / 12 * 3); }

.col-4 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 4);
  max-width: -moz-calc(100% / 12 * 4);
  max-width: calc(100% / 12 * 4); }

.col-5 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 5);
  max-width: -moz-calc(100% / 12 * 5);
  max-width: calc(100% / 12 * 5); }

.col-6 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 6);
  max-width: -moz-calc(100% / 12 * 6);
  max-width: calc(100% / 12 * 6); }

.col-7 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 7);
  max-width: -moz-calc(100% / 12 * 7);
  max-width: calc(100% / 12 * 7); }

.col-8 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 8);
  max-width: -moz-calc(100% / 12 * 8);
  max-width: calc(100% / 12 * 8); }

.col-9 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 9);
  max-width: -moz-calc(100% / 12 * 9);
  max-width: calc(100% / 12 * 9); }

.col-10 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 10);
  max-width: -moz-calc(100% / 12 * 10);
  max-width: calc(100% / 12 * 10); }

.col-11 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 11);
  max-width: -moz-calc(100% / 12 * 11);
  max-width: calc(100% / 12 * 11); }

.col-12 {
  width: 100%;
  max-width: -webkit-calc(100% / 12 * 12);
  max-width: -moz-calc(100% / 12 * 12);
  max-width: calc(100% / 12 * 12); }

.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-row--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .flex-row--wrap .col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 1);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 1);
    flex: 1 calc(100% / 12 * 1); }
  .flex-row--wrap .col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 2);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 2);
    flex: 1 calc(100% / 12 * 2); }
  .flex-row--wrap .col-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 3);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 3);
    flex: 1 calc(100% / 12 * 3); }
  .flex-row--wrap .col-4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 4);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 4);
    flex: 1 calc(100% / 12 * 4); }
  .flex-row--wrap .col-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 5);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 5);
    flex: 1 calc(100% / 12 * 5); }
  .flex-row--wrap .col-6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 6);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 6);
    flex: 1 calc(100% / 12 * 6); }
  .flex-row--wrap .col-7 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 7);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 7);
    flex: 1 calc(100% / 12 * 7); }
  .flex-row--wrap .col-8 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 8);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 8);
    flex: 1 calc(100% / 12 * 8); }
  .flex-row--wrap .col-9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 9);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 9);
    flex: 1 calc(100% / 12 * 9); }
  .flex-row--wrap .col-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 10);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 10);
    flex: 1 calc(100% / 12 * 10); }
  .flex-row--wrap .col-11 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 11);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 11);
    flex: 1 calc(100% / 12 * 11); }
  .flex-row--wrap .col-12 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 -webkit-calc(100% / 12 * 12);
    -moz-box-flex: 1;
    -ms-flex: 1 calc(100% / 12 * 12);
    flex: 1 calc(100% / 12 * 12); }

.flex-column.align--start-start,
.flex-row.align--start-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-column.align--start-center,
.flex-row.align--start-center {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column.align--start-end,
.flex-row.align--start-end {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-column.align--start-around,
.flex-row.align--start-around {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-column.align--start-between,
.flex-row.align--start-between {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-column.align--start-none,
.flex-row.align--start-none {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-column.align--center-start,
.flex-row.align--center-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-column.align--center-center,
.flex-row.align--center-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column.align--center-end,
.flex-row.align--center-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-column.align--center-around,
.flex-row.align--center-around {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-column.align--center-between,
.flex-row.align--center-between {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-column.align--center-none,
.flex-row.align--center-none {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-column.align--end-start,
.flex-row.align--end-start {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-column.align--end-center,
.flex-row.align--end-center {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column.align--end-end,
.flex-row.align--end-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-column.align--end-around,
.flex-row.align--end-around {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-column.align--end-between,
.flex-row.align--end-between {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-column.align--end-none,
.flex-row.align--end-none {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex-column.align--stretch-start,
.flex-row.align--stretch-start {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-column.align--stretch-center,
.flex-row.align--stretch-center {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column.align--stretch-end,
.flex-row.align--stretch-end {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-column.align--stretch-around,
.flex-row.align--stretch-around {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-column.align--stretch-between,
.flex-row.align--stretch-between {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-column.align--stretch-none,
.flex-row.align--stretch-none {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.flex-column.align--none-start,
.flex-row.align--none-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-column.align--none-center,
.flex-row.align--none-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column.align--none-end,
.flex-row.align--none-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-column.align--none-around,
.flex-row.align--none-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-column.align--none-between,
.flex-row.align--none-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

form fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.form-narrow {
  width: 150px; }

input {
  background-color: rgba(74, 144, 226, 0.1);
  display: inline-block;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  border: none;
  outline: 0;
  font-weight: 700; }
  input.short {
    width: 60px; }
  input.narrow {
    width: 30px; }
  input.medium {
    width: 80px; }

select, input, textarea {
  color: white; }

.form-control-checkbox {
  display: block;
  font-size: 0; }
  .form-control-checkbox input {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1000; }
    .form-control-checkbox input:checked + span:before {
      opacity: 1; }
    .form-control-checkbox input:focus + span {
      -webkit-box-shadow: 0 0 0 2px #9effa9;
      box-shadow: 0 0 0 2px #9effa9; }
  .form-control-checkbox .fake-checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #26394e;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 0;
    position: relative;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
    -webkit-transition: -webkit-box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
    -o-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
    margin-right: 8px;
    vertical-align: middle; }
    .form-control-checkbox .fake-checkbox:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 5px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 6px;
      left: 5px;
      opacity: 0;
      -webkit-transition: opacity 200ms;
      -moz-transition: opacity 200ms;
      -o-transition: opacity 200ms;
      transition: opacity 200ms; }
  .form-control-checkbox .checkbox-label {
    display: inline;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    vertical-align: middle;
    font-weight: bold; }

.icon-small,
.icon-medium {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center; }
  .icon-small img,
  .icon-medium img {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0; }

.icon-small {
  width: 30px;
  min-width: 30px;
  height: 30px; }

.icon-medium {
  width: 48px;
  min-width: 48px;
  height: 48px; }

.icon--team-placeholder {
  background-color: #0d2137; }

.icon--default-top {
  background-image: url("/images/replay_icons/default_top.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--default-jun {
  background-image: url("/images/replay_icons/default_jun.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--default-mid {
  background-image: url("/images/replay_icons/default_mid.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--default-adc {
  background-image: url("/images/replay_icons/default_adc.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--default-sup {
  background-image: url("/images/replay_icons/default_sup.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--default-benched {
  background-image: url("/images/replay_icons/default_benched.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-top {
  background-image: url("/images/replay_icons/blue_top.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-jun {
  background-image: url("/images/replay_icons/blue_jun.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-mid {
  background-image: url("/images/replay_icons/blue_mid.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-adc {
  background-image: url("/images/replay_icons/blue_adc.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-sup {
  background-image: url("/images/replay_icons/blue_sup.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--blue-benched {
  background-image: url("/images/replay_icons/blue_benched.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-top {
  background-image: url("/images/replay_icons/purple_top.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-jun {
  background-image: url("/images/replay_icons/purple_jun.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-mid {
  background-image: url("/images/replay_icons/purple_mid.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-adc {
  background-image: url("/images/replay_icons/purple_adc.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-sup {
  background-image: url("/images/replay_icons/purple_sup.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--purple-benched {
  background-image: url("/images/replay_icons/purple_benched.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.icon--green-arrow-right,
.icon--green-arrow-left {
  background-image: url("/images/green_arrow_right.svg");
  width: 7px;
  height: 12px;
  -o-background-size: contain;
  background-size: contain;
  display: inline-block; }

.icon--green-arrow-left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon--green-arrow-up {
  background-image: url("/images/green-arrow-up.svg");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 11px;
  height: 16px;
  display: block; }

.icon--red-arrow-down {
  background-image: url("/images/red-arrow-down.svg");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 11px;
  height: 16px;
  display: block;
  min-width: 11px; }

.icon--clock {
  background-image: url("/images/clock-icon.svg");
  width: 10px;
  min-width: 10px;
  height: 10px;
  display: inline-block;
  -o-background-size: contain;
  background-size: contain; }

.icon--pencil {
  width: 60px;
  height: 60px;
  background-image: url(/images/pencil.svg); }

.icon--country {
  width: 34px;
  min-width: 34px;
  height: -webkit-calc(34px * 3 / 4);
  height: -moz-calc(34px * 3 / 4);
  height: calc(34px * 3 / 4);
  display: inline-block; }

.icon--cloud {
  background-image: url("/images/cloud.svg");
  width: 22px;
  min-width: 22px;
  height: 20px;
  display: block; }

.icon--dollar {
  background-image: url("/images/icons/finance/i_dollar.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 12px;
  height: 21px;
  display: block;
  min-width: 12px; }

.icon--growth {
  background-image: url("/images/icons/finance/i_growth.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 25px;
  height: 21px;
  display: block;
  min-width: 25px; }

.icon--income {
  background-image: url("/images/icons/finance/i_income.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  min-width: 24px; }

.icon--view-col {
  background-image: url("/images/icons/filter/view-column.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 15px;
  height: 10px;
  display: block;
  min-width: 15px; }

.icon--view-row {
  background-image: url("/images/icons/filter/view-row.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 12px;
  display: block;
  min-width: 10px; }

.icon--vote-up,
.icon--vote-down {
  background-image: url("/images/icons/navigation/navigate-disabled.png");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 6px;
  min-width: 10px;
  cursor: pointer;
  display: inline-block; }
  .icon--vote-up.active,
  .icon--vote-down.active {
    background-image: url("/images/icons/navigation/navigate.png");
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }

.icon--vote-up {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }
  .icon--vote-up:hover, .icon--vote-up.active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

.icon--vote-down:hover, .icon--vote-down.active {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

.icon--trash {
  background-image: url("/images/icons/trash.svg");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  min-width: 14px;
  height: 16px; }

.icon--back {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid white;
  position: relative; }

.icon--forward {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid white;
  position: relative; }

.icon--up {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 5px solid white;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: relative; }

.icon--down {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid white;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: relative; }

.icon--badge {
  background-color: rgba(74, 144, 226, 0.1);
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer; }

.icon--close {
  background-image: url("/images/icons/navigation/close.svg");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  min-width: 26px; }

.icon--edit {
  background-image: url("/images/icons/actions/edit.svg");
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  min-width: 14px;
  height: 14px; }

.standard-table-wrapper {
  overflow-x: hidden; }

.standard-table {
  margin: 30px -40px;
  width: -webkit-calc(100% + 80px);
  width: -moz-calc(100% + 80px);
  width: calc(100% + 80px);
  border-collapse: separate;
  border-spacing: 0 2px;
  font-size: 14px; }
  .standard-table td, .standard-table th {
    font-weight: 400;
    padding: 18px 30px;
    text-align: left;
    margin-bottom: 1px; }
    .standard-table td:first-child, .standard-table td:last-child, .standard-table th:first-child, .standard-table th:last-child {
      padding: 18px 50px; }
    .standard-table td:last-child, .standard-table th:last-child {
      padding: 18px 70px; }
  .standard-table.full-width td:last-child, .standard-table.full-width th:last-child {
    padding: 18px 30px;
    padding-left: 0px;
    padding-right: 70px;
    text-align: right; }
  .standard-table.lowercase td {
    text-transform: none; }
  .standard-table th {
    font-family: 'Blender', serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase; }
  .standard-table tr {
    background-color: rgba(0, 0, 0, 0.1); }
    .standard-table tr.js-clickable-row {
      cursor: pointer; }
    .standard-table tr:hover, .standard-table tr:first-child {
      background-color: transparent; }
  .standard-table th {
    color: #4A90E2; }
    .standard-table th a {
      color: #4A90E2; }
  .standard-table .cell {
    position: relative;
    cursor: pointer; }
  .standard-table .action-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .standard-table .action-cell label {
      padding: 0 10px;
      width: 80px; }
  .standard-table.dark-title {
    color: rgba(255, 255, 255, 0.8); }
    .standard-table.dark-title th {
      color: rgba(255, 255, 255, 0.4); }
  .standard-table.very-small td, .standard-table.very-small th, .standard-table.very-small-alt td, .standard-table.very-small-alt th {
    padding: 18px 5px; }
    .standard-table.very-small td:first-child, .standard-table.very-small th:first-child, .standard-table.very-small-alt td:first-child, .standard-table.very-small-alt th:first-child {
      padding-left: 40px; }
    .standard-table.very-small td:last-child, .standard-table.very-small th:last-child, .standard-table.very-small-alt td:last-child, .standard-table.very-small-alt th:last-child {
      padding-right: 40px; }
  .standard-table.very-small-alt td, .standard-table.very-small-alt th {
    padding: 15px 5px; }
    .standard-table.very-small-alt td:last-child, .standard-table.very-small-alt th:last-child {
      padding-right: 15px; }
  .standard-table.very-small-alt th {
    text-align: center; }
    .standard-table.very-small-alt th:first-child {
      text-align: left; }
  .standard-table .topic td {
    padding: 6px 30px; }
    .standard-table .topic td:first-child {
      padding-left: 40px; }
    .standard-table .topic td .forum--post-votes {
      min-width: 25px; }

.standard-table-wrapper {
  max-width: 100%; }

.dataTables_wrapper {
  /*    input {
        @include input();
        margin: 0 10px;
    }*/ }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 10px; }
  .dataTables_wrapper select {
    display: block;
    width: 100%;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(74, 144, 226, 0.1);
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    display: inline-block;
    margin: 0 10px; }
    .dataTables_wrapper select option {
      background-color: #233546;
      border: none;
      outline: none; }
  .dataTables_wrapper label {
    font-family: 'Blender', serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    height: 30px;
    line-height: 30px;
    position: relative; }
    .dataTables_wrapper label select, .dataTables_wrapper label input {
      position: absolute;
      left: 100px;
      width: 120px; }
  .dataTables_wrapper .dataTables_info {
    font-family: 'Blender', serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }

.dataTables_paginate {
  margin-top: 20px;
  margin-bottom: 40px; }
  .dataTables_paginate a {
    margin: 0 10px;
    cursor: pointer; }

.pagination {
  padding: 0;
  list-style-type: none; }
  .pagination li {
    display: inline-block;
    margin: 0 10px; }

.empty-table {
  opacity: 0.8;
  padding-bottom: 40px; }

.empty-content {
  opacity: 0.8;
  padding-bottom: 40px; }

.data-table-wrapper {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(74, 144, 226, 0.1);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 15px; }

.data-table .cell {
  position: relative; }
  .data-table .cell.limited {
    max-width: 100px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.sorting, .sorting_desc, .sorting_asc {
  cursor: pointer;
  outline: none; }

.info-table {
  border-collapse: separate;
  border-spacing: 0 2px;
  font-size: 12px; }
  .info-table td, .info-table th {
    font-weight: 400;
    padding: 18px 30px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1px; }
  .info-table td {
    background-color: rgba(0, 0, 0, 0.1); }
  .info-table th {
    color: #4A90E2; }

.manager--icon {
  width: 62px;
  min-width: 62px;
  height: 62px;
  overflow: hidden; }
  .manager--icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.manager--icon-big {
  width: 100px;
  min-width: 100px;
  height: 100px;
  overflow: hidden; }
  .manager--icon-big img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.club--icon {
  width: 100px;
  min-width: 100px;
  height: 100px;
  overflow: hidden; }
  .club--icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.team--icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  overflow: hidden; }
  .team--icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.team--logo-square {
  width: 140px;
  min-width: 140px;
  height: 140px;
  overflow: hidden; }
  .team--logo-square img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.team--logo-rectangle {
  width: 185px;
  min-width: 185px;
  height: -webkit-calc(185px / 16 * 9);
  height: -moz-calc(185px / 16 * 9);
  height: calc(185px / 16 * 9);
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .team--logo-rectangle img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.manager--icon svg,
.club--icon svg,
.team--icon svg {
  width: 100%;
  height: 100%;
  fill: white; }

.manager--icon-big svg,
.team--logo-square svg,
.team--logo-rectangle svg {
  width: 80%;
  height: 80%;
  margin: 10%;
  fill: white; }

.social {
  margin-bottom: 50px; }
  .social .channel-wrapper {
    text-align: center;
    margin: 18px 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0); }
  .social .channel {
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -moz-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms; }
    .social .channel:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px;
      width: 32px;
      height: 32px;
      -webkit-transition: -webkit-transform 300ms;
      -moz-transition: -moz-transform 300ms;
      -o-transition: -o-transform 300ms;
      transition: transform 300ms; }
    .social .channel:hover {
      -webkit-transform: translateX(5px);
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -o-transform: translateX(5px);
      transform: translateX(5px); }
      .social .channel:hover:before {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    .social .channel.twitter:before {
      background-image: url("/images/twitter.png"); }
    .social .channel.facebook:before {
      background-image: url("/images/facebook.png"); }
    .social .channel.discord:before {
      background-image: url("/images/discord.svg");
      -o-background-size: 120%;
      background-size: 120%;
      background-position: center center; }

.icon--division-1 {
  background-image: url("/images/divisions/division_1.png");
  width: 78px;
  min-width: 78px;
  height: 75px; }

.icon--division-2 {
  background-image: url("/images/divisions/division_2.png");
  width: 78px;
  min-width: 78px;
  height: 75px; }

.icon--division-3 {
  background-image: url("/images/divisions/division_3.png");
  width: 77px;
  min-width: 77px;
  height: 75px; }

.icon--division-4 {
  background-image: url("/images/divisions/division_4.png");
  width: 66px;
  min-width: 66px;
  height: 75px; }

.icon--division-5 {
  background-image: url("/images/divisions/division_5.png");
  width: 70px;
  min-width: 70px;
  height: 75px; }

.icon--division-6 {
  background-image: url("/images/divisions/division_6.png");
  width: 79px;
  min-width: 79px;
  height: 75px; }

.icon--division-7 {
  background-image: url("/images/divisions/division_7.png");
  width: 84px;
  min-width: 84px;
  height: 75px; }

.icon--division-1-big {
  background-image: url("/images/divisions/division_1_big.png");
  width: 100px;
  min-width: 100px;
  height: 97px; }

.icon--division-2-big {
  background-image: url("/images/divisions/division_2_big.png");
  width: 100px;
  min-width: 100px;
  height: 97px; }

.icon--division-3-big {
  background-image: url("/images/divisions/division_3_big.png");
  width: 100px;
  min-width: 100px;
  height: 98px; }

.icon--division-4-big {
  background-image: url("/images/divisions/division_4_big.png");
  width: 87px;
  min-width: 87px;
  height: 100px; }

.icon--division-5-big {
  background-image: url("/images/divisions/division_5_big.png");
  width: 93px;
  min-width: 93px;
  height: 100px; }

.icon--division-6-big {
  background-image: url("/images/divisions/division_6_big.png");
  width: 100px;
  min-width: 100px;
  height: 96px; }

.icon--division-7-big {
  background-image: url("/images/divisions/division_7_big.png");
  width: 100px;
  min-width: 100px;
  height: 90px; }

.icon--division-1-small {
  background-image: url("/images/divisions/division_1_small.png");
  width: 52px;
  min-width: 52px;
  height: 50px; }

.icon--division-2-small {
  background-image: url("/images/divisions/division_2_small.png");
  width: 52px;
  min-width: 52px;
  height: 50px; }

.icon--division-3-small {
  background-image: url("/images/divisions/division_3_small.png");
  width: 52px;
  min-width: 52px;
  height: 50px; }

.icon--division-4-small {
  background-image: url("/images/divisions/division_4_small.png");
  width: 44px;
  min-width: 44px;
  height: 50px; }

.icon--division-5-small {
  background-image: url("/images/divisions/division_5_small.png");
  width: 47px;
  min-width: 47px;
  height: 50px; }

.icon--division-6-small {
  background-image: url("/images/divisions/division_6_small.png");
  width: 53px;
  min-width: 53px;
  height: 50px; }

.icon--division-7-small {
  background-image: url("/images/divisions/division_7_small.png");
  width: 56px;
  min-width: 56px;
  height: 50px; }

.icon--division-1,
.icon--division-2,
.icon--division-3,
.icon--division-4,
.icon--division-5,
.icon--division-6,
.icon--division-7,
.icon--division-1-small,
.icon--division-2-small,
.icon--division-3-small,
.icon--division-4-small,
.icon--division-5-small,
.icon--division-6-small,
.icon--division-7-small {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block; }

.sub-modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 20;
  font-family: 'Blender', serif; }
  .sub-modal-container .sub-modal-ovelay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(74, 144, 226, 0.1); }
  .sub-modal-container .sub-modal {
    width: 616px;
    height: 398px;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("/images/subscriber/sub-modal-bg.png"); }
  .sub-modal-container .sub-modal-content {
    text-align: center;
    width: 260px;
    top: 40px;
    left: 50px;
    position: relative; }
    .sub-modal-container .sub-modal-content h4 {
      text-transform: uppercase;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      margin-top: 10px;
      margin-bottom: 15px; }
    .sub-modal-container .sub-modal-content p {
      line-height: 20px;
      margin-top: 5px;
      font-weight: 300;
      margin-bottom: 25px; }

/*.advisor-system {
    zoom: 2;
    transform: scale(0.5);
}*/
#advisor {
  display: none;
  /*    font-smoothing: none;
    text-shadow: 0 0 1px #101010;
    -webkit-font-smoothing: subpixel-antialiased;

    * {
        font-smoothing: none;
        text-shadow: 0 0 1px #101010;
        -webkit-font-smoothing: subpixel-antialiased;
    }*/ }

.advisor-system {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5000000; }
  .advisor-system .advisor-pop-up {
    opacity: 1;
    position: fixed;
    z-index: 1;
    color: white;
    width: 624px;
    height: 354px;
    pointer-events: all;
    background-color: #0C2035;
    -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.28);
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.28);
    /* Track */
    /* Handle */ }
    .advisor-system .advisor-pop-up .advisor-top-bar {
      height: 36px;
      line-height: 36px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 16px;
      border-bottom: 1px solid rgba(74, 144, 226, 0.1); }
      .advisor-system .advisor-pop-up .advisor-top-bar div {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center; }
      .advisor-system .advisor-pop-up .advisor-top-bar .draggable-icon {
        zoom: 1;
        width: 16px;
        position: relative;
        top: 0; }
        .advisor-system .advisor-pop-up .advisor-top-bar .draggable-icon:before, .advisor-system .advisor-pop-up .advisor-top-bar .draggable-icon:after {
          content: "";
          display: table; }
        .advisor-system .advisor-pop-up .advisor-top-bar .draggable-icon:after {
          clear: both; }
        .advisor-system .advisor-pop-up .advisor-top-bar .draggable-icon > div {
          background-color: white;
          height: 2px;
          width: 2px;
          margin: 1px;
          opacity: 0.4;
          display: block;
          float: left; }
      .advisor-system .advisor-pop-up .advisor-top-bar .draggable-text {
        font-family: 'Blender', serif;
        color: rgba(255, 255, 255, 0.4);
        font-weight: 500;
        font-size: 12px;
        margin-left: 16px; }
      .advisor-system .advisor-pop-up .advisor-top-bar .btn-green {
        margin-left: auto;
        margin-right: 5px; }
    .advisor-system .advisor-pop-up .advisor-content-container {
      padding-top: 28px; }
      .advisor-system .advisor-pop-up .advisor-content-container > div {
        display: inline-block;
        vertical-align: top; }
    .advisor-system .advisor-pop-up .advisor-profile {
      width: 240px;
      text-align: center;
      padding-top: 10px; }
      .advisor-system .advisor-pop-up .advisor-profile .advisor-avatar {
        display: inline-block;
        width: 104px;
        height: 104px;
        background-image: url("/images/advisor.png");
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: top; }
      .advisor-system .advisor-pop-up .advisor-profile .advisor-title {
        font-family: 'Blender', serif;
        font-size: 12px;
        margin-top: 12px; }
      .advisor-system .advisor-pop-up .advisor-profile .advisor-description {
        display: inline-block;
        opacity: 0.4;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        width: 184px;
        margin-top: 7px; }
    .advisor-system .advisor-pop-up ::-webkit-scrollbar {
      width: 6px; }
    .advisor-system .advisor-pop-up ::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      -webkit-border-radius: 10px;
      border-radius: 3px; }
    .advisor-system .advisor-pop-up ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 3px;
      background: rgba(74, 144, 226, 0.3);
      -webkit-box-shadow: none; }
    .advisor-system .advisor-pop-up ::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(74, 144, 226, 0.1); }
    .advisor-system .advisor-pop-up .advisor-content {
      width: 322px;
      height: 220px;
      text-align: left;
      font-size: 14px;
      line-height: 22px;
      overflow-y: scroll;
      margin-left: 32px;
      padding-right: 40px;
      position: relative;
      font-weight: 300; }
      .advisor-system .advisor-pop-up .advisor-content p {
        padding: 0;
        margin: 0;
        margin-bottom: 10px; }
    .advisor-system .advisor-pop-up .advisor-divider {
      height: 168px;
      width: 1px;
      background-color: #4A90E2;
      opacity: 0.1; }
    .advisor-system .advisor-pop-up .advisor-actions {
      font-family: 'Blender', serif;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding-bottom: 20px;
      padding-right: 20px;
      text-align: right;
      border-top: 1px solid rgba(74, 144, 226, 0.1);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 36px;
      padding-top: 15px; }
      .advisor-system .advisor-pop-up .advisor-actions > div {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center; }
        .advisor-system .advisor-pop-up .advisor-actions > div:first-child {
          margin-top: 5px;
          margin-left: 20px; }
          .advisor-system .advisor-pop-up .advisor-actions > div:first-child span.checkbox-label {
            opacity: 0.4;
            font-size: 12px;
            font-weight: 500;
            line-height: 12px;
            margin-left: 5px; }
        .advisor-system .advisor-pop-up .advisor-actions > div:last-child {
          margin-left: auto; }

#goal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000000005;
  display: none; }
  #goal * {
    display: none; }
  #goal .goal-modal {
    width: 609px;
    height: 397px;
    background-image: url("/images/goal_background_2.png");
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    #goal .goal-modal .badge-background {
      display: inline-block;
      top: -55px;
      width: 179px;
      height: 171px;
      background-position: center;
      position: relative;
      background-repeat: no-repeat; }
      #goal .goal-modal .badge-background .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-top: -10px;
        max-width: 30px;
        opacity: 0.75; }
    #goal .goal-modal .unlocked {
      color: rgba(74, 144, 226, 0.4);
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700;
      margin-top: -30px; }
    #goal .goal-modal .title {
      font-size: 26px;
      font-weight: 500;
      color: white;
      margin-top: 20px; }
    #goal .goal-modal .description {
      margin-top: 10px; }
    #goal .goal-modal .description {
      font-size: 16px; }
    #goal .goal-modal .bottom-area {
      position: absolute;
      bottom: 0;
      left: 40px;
      right: 40px;
      height: 100px;
      border-top: 1px solid rgba(74, 144, 226, 0.2);
      padding-top: 20px; }
      #goal .goal-modal .bottom-area a {
        display: block; }
        #goal .goal-modal .bottom-area a:first-child {
          float: left;
          color: white;
          font-size: 10px;
          text-transform: uppercase; }
        #goal .goal-modal .bottom-area a:last-child {
          float: right;
          text-transform: uppercase; }

.forum--topic .topic--moderator {
  border-bottom: 1px solid rgba(74, 144, 226, 0.1);
  padding-bottom: 20px;
  margin-bottom: 15px; }

.forum--topic .pagination {
  margin-top: 25px; }

.forum--topic .topic--header,
.forum--topic .topic--footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: 'Blender', serif; }
  .forum--topic .topic--header .topic--breadcrumbs,
  .forum--topic .topic--footer .topic--breadcrumbs {
    list-style: none;
    padding-left: 0;
    margin: 0px; }
    .forum--topic .topic--header .topic--breadcrumbs li,
    .forum--topic .topic--footer .topic--breadcrumbs li {
      display: inline;
      font-size: 14px;
      font-weight: bold;
      padding-left: 20px;
      position: relative;
      text-transform: uppercase; }
      .forum--topic .topic--header .topic--breadcrumbs li a,
      .forum--topic .topic--footer .topic--breadcrumbs li a {
        color: rgba(74, 144, 226, 0.5); }
      .forum--topic .topic--header .topic--breadcrumbs li span,
      .forum--topic .topic--footer .topic--breadcrumbs li span {
        color: #9effa9; }
      .forum--topic .topic--header .topic--breadcrumbs li:before,
      .forum--topic .topic--footer .topic--breadcrumbs li:before {
        content: "-";
        position: absolute;
        left: 5px;
        top: 0;
        font-weight: bold;
        font-size: 20px;
        line-height: 10px; }
      .forum--topic .topic--header .topic--breadcrumbs li:first-child,
      .forum--topic .topic--footer .topic--breadcrumbs li:first-child {
        padding-left: 0px; }
        .forum--topic .topic--header .topic--breadcrumbs li:first-child:before,
        .forum--topic .topic--footer .topic--breadcrumbs li:first-child:before {
          content: none; }
  .forum--topic .topic--header .topic--header-actions,
  .forum--topic .topic--footer .topic--header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto; }
    .forum--topic .topic--header .topic--header-actions a,
    .forum--topic .topic--footer .topic--header-actions a {
      text-transform: uppercase;
      font-size: 14px;
      margin-left: 10px; }
      .forum--topic .topic--header .topic--header-actions a.btn,
      .forum--topic .topic--footer .topic--header-actions a.btn {
        font-size: 12px; }

.forum--topic .topic--header {
  border-bottom: 1px solid rgba(74, 144, 226, 0.1);
  padding-bottom: 20px; }

.forum--topic .topic--footer {
  border-top: 1px solid rgba(74, 144, 226, 0.1);
  padding-top: 15px;
  margin-bottom: 20px; }

.forum--topic .topic--reply {
  border-top: 1px solid rgba(74, 144, 226, 0.1);
  padding: 10px 0px; }
  .forum--topic .topic--reply textarea {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px; }

.forum--posts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .forum--posts .forum--post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(74, 144, 226, 0.1); }
    .forum--posts .forum--post:last-child {
      border-bottom: none; }
    .forum--posts .forum--post.forum--post-reply time {
      opacity: 0.5; }
    .forum--posts .forum--post aside {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-family: 'Blender', serif;
      width: 180px;
      min-width: 180px;
      margin-right: 40px;
      padding: 0px 10px;
      border-right: 1px solid rgba(74, 144, 226, 0.1); }
      .forum--posts .forum--post aside .forum--post-author-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto; }
        .forum--posts .forum--post aside .forum--post-author-header .author--badge {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: auto;
          margin-right: 8px; }
        .forum--posts .forum--post aside .forum--post-author-header .author--name {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: auto; }
          .forum--posts .forum--post aside .forum--post-author-header .author--name a {
            font-size: 18px;
            line-height: 18px;
            font-weight: 700; }
          .forum--posts .forum--post aside .forum--post-author-header .author--name .author--title {
            max-width: 80px;
            margin-top: 2px;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase; }
      .forum--posts .forum--post aside .manager--icon {
        width: 76px;
        height: 76px;
        min-width: 76px;
        margin: 15px 0px; }
      .forum--posts .forum--post aside .forum--post-author-stats {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; }
        .forum--posts .forum--post aside .forum--post-author-stats span {
          font-size: 14px;
          font-weight: 600; }
      .forum--posts .forum--post aside .forum--post-author-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center; }
    .forum--posts .forum--post .forum--post-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-right: 40px; }
      .forum--posts .forum--post .forum--post-main header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        font-family: 'Blender', serif;
        margin-bottom: 30px; }
        .forum--posts .forum--post .forum--post-main header .forum--post-header {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          width: auto; }
          .forum--posts .forum--post .forum--post-main header .forum--post-header time {
            font-size: 14px;
            font-weight: bold;
            color: #4A90E2;
            text-transform: uppercase; }
          .forum--posts .forum--post .forum--post-main header .forum--post-header h1,
          .forum--posts .forum--post .forum--post-main header .forum--post-header h2 {
            font-weight: 600;
            margin: 0px;
            padding: 0px;
            color: white; }
          .forum--posts .forum--post .forum--post-main header .forum--post-header h1 {
            font-size: 28px;
            margin-top: 4px; }
            .forum--posts .forum--post .forum--post-main header .forum--post-header h1 a {
              color: white; }
          .forum--posts .forum--post .forum--post-main header .forum--post-header h2 {
            font-size: 20px;
            line-height: 18px; }
      .forum--posts .forum--post .forum--post-main main {
        line-height: 26px;
        padding-bottom: 50px; }
        .forum--posts .forum--post .forum--post-main main h1, .forum--posts .forum--post .forum--post-main main h2, .forum--posts .forum--post .forum--post-main main h3, .forum--posts .forum--post .forum--post-main main h4, .forum--posts .forum--post .forum--post-main main h5 {
          font-family: 'Blender', serif;
          margin: 0;
          padding: 0;
          display: inline-block;
          margin-top: 20px;
          margin-bottom: 20px; }
        .forum--posts .forum--post .forum--post-main main p,
        .forum--posts .forum--post .forum--post-main main a {
          font-family: 'Neo Sans', Helvetica, Arial, sans-serif; }
        .forum--posts .forum--post .forum--post-main main img {
          max-width: 100%; }

.post--votes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  margin-right: 15px; }
  .post--votes a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px; }
    .post--votes a.active .icon--vote-up,
    .post--votes a.active .icon--vote-down, .post--votes a:hover .icon--vote-up,
    .post--votes a:hover .icon--vote-down {
      background-image: url("/images/icons/navigation/navigate.png");
      -o-background-size: contain;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
    .post--votes a.active .icon--vote-up, .post--votes a:hover .icon--vote-up {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    .post--votes a.active .icon--vote-down, .post--votes a:hover .icon--vote-down {
      -webkit-transform: rotateZ(180deg);
      -moz-transform: rotateZ(180deg);
      transform: rotateZ(180deg); }
  .post--votes span {
    padding: 5px 0px 5px 1px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600; }

.post--votes-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .post--votes-wrapper .post--votes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-right: 15px; }
    .post--votes-wrapper .post--votes a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding: 3px; }
      .post--votes-wrapper .post--votes a.active .icon--vote-up,
      .post--votes-wrapper .post--votes a.active .icon--vote-down, .post--votes-wrapper .post--votes a:hover .icon--vote-up,
      .post--votes-wrapper .post--votes a:hover .icon--vote-down {
        background-image: url("/images/icons/navigation/navigate.png");
        -o-background-size: contain;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat; }
      .post--votes-wrapper .post--votes a.active .icon--vote-up, .post--votes-wrapper .post--votes a:hover .icon--vote-up {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
      .post--votes-wrapper .post--votes a.active .icon--vote-down, .post--votes-wrapper .post--votes a:hover .icon--vote-down {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg); }
    .post--votes-wrapper .post--votes span {
      padding: 5px 0px 5px 1px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 600; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a, input, button {
  -ms-touch-action: none !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Blender', serif; }

p {
  font-family: 'Neo Sans', Helvetica, Arial, sans-serif; }

#wrapper.header--fixed #header {
  background-color: #0b2034;
  height: 64px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 3px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 3px -2px rgba(0, 0, 0, 0.1); }
  #wrapper.header--fixed #header li a:after {
    bottom: -5px; }
  #wrapper.header--fixed #header .header--mobile-nav .burger {
    top: 12px; }

#header {
  height: 160px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: height .2s ease-in, -webkit-box-shadow .2s ease-in, background-color .2s ease-in .2s;
  -moz-transition: height .2s ease-in, box-shadow .2s ease-in, background-color .2s ease-in .2s;
  -o-transition: height .2s ease-in, box-shadow .2s ease-in, background-color .2s ease-in .2s;
  transition: height .2s ease-in, box-shadow .2s ease-in, background-color .2s ease-in .2s; }
  #header .header--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0px 40px; }
    #header .header--wrapper .header--logo {
      max-width: 280px;
      width: 100%;
      display: inline-block; }
      #header .header--wrapper .header--logo img {
        width: 100%; }
    #header .header--wrapper .header--navigation {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: auto;
      list-style-type: none;
      padding: 0; }
      #header .header--wrapper .header--navigation li {
        margin-top: 0px;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
        #header .header--wrapper .header--navigation li:hover {
          margin-top: -2px; }
          #header .header--wrapper .header--navigation li:hover a:after {
            opacity: 1;
            bottom: -2px; }
        #header .header--wrapper .header--navigation li a {
          font-family: 'Blender', serif;
          display: inline-block;
          padding: 10px 25px;
          font-size: 16px;
          font-weight: 700;
          color: white;
          text-transform: uppercase;
          text-decoration: none;
          position: relative; }
          #header .header--wrapper .header--navigation li a:after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            height: 6px;
            width: 100%;
            background-image: url("/images/btn_glow.png");
            background-position: center center;
            -o-background-size: 100% 100%;
            background-size: 100% 100%;
            opacity: 0;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out; }
        #header .header--wrapper .header--navigation li.btn--login:hover {
          margin-top: 0; }
          #header .header--wrapper .header--navigation li.btn--login:hover a {
            background-color: white;
            color: #0b2034; }
        #header .header--wrapper .header--navigation li.btn--login a {
          border: 1px solid rgba(255, 255, 255, 0.2);
          -webkit-border-radius: 3px;
          border-radius: 3px;
          padding: 8px 35px;
          -webkit-transition: all .2s ease-out;
          -moz-transition: all .2s ease-out;
          -o-transition: all .2s ease-out;
          transition: all .2s ease-out; }
          #header .header--wrapper .header--navigation li.btn--login a:after {
            content: none; }
    #header .header--wrapper .header--mobile-nav {
      display: none; }
      #header .header--wrapper .header--mobile-nav .mobile-nav-js {
        position: fixed;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(11, 32, 52, 0.9);
        display: none; }
        #header .header--wrapper .header--mobile-nav .mobile-nav-js ul {
          margin: 0;
          padding: 0;
          max-width: 200px; }
          #header .header--wrapper .header--mobile-nav .mobile-nav-js ul li {
            margin-bottom: 20px;
            text-align: center; }
            #header .header--wrapper .header--mobile-nav .mobile-nav-js ul li a {
              font-family: 'Blender', serif;
              color: white;
              font-size: 26px;
              font-weight: 500; }
              #header .header--wrapper .header--mobile-nav .mobile-nav-js ul li a:hover {
                text-decoration: underline; }
      #header .header--wrapper .header--mobile-nav.open .burger div:nth-of-type(2) {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px); }
      #header .header--wrapper .header--mobile-nav.open .burger div:nth-of-type(1) {
        -webkit-transform: rotate(45deg) translate(0px, -5px);
        -moz-transform: rotate(45deg) translate(0px, -5px);
        -ms-transform: rotate(45deg) translate(0px, -5px);
        -o-transform: rotate(45deg) translate(0px, -5px);
        transform: rotate(45deg) translate(0px, -5px); }
      #header .header--wrapper .header--mobile-nav.open .burger div:nth-of-type(3) {
        -webkit-transform: rotate(-45deg) translate(2px, 0px);
        -moz-transform: rotate(-45deg) translate(2px, 0px);
        -ms-transform: rotate(-45deg) translate(2px, 0px);
        -o-transform: rotate(-45deg) translate(2px, 0px);
        transform: rotate(-45deg) translate(2px, 0px); }
      #header .header--wrapper .header--mobile-nav .burger {
        height: 40px;
        width: 40px;
        display: inline-block;
        padding-top: 13px;
        position: fixed;
        z-index: 10001;
        top: 26px;
        right: 20px;
        -webkit-transition: top .2s ease-in;
        -moz-transition: top .2s ease-in;
        -o-transition: top .2s ease-in;
        transition: top .2s ease-in; }
        #header .header--wrapper .header--mobile-nav .burger div {
          height: 2px;
          width: 20px;
          background-color: white;
          margin: 0 auto;
          margin-bottom: 4px;
          -webkit-transition-duration: 200ms;
          -moz-transition-duration: 200ms;
          -o-transition-duration: 200ms;
          transition-duration: 200ms;
          -webkit-transform-origin: 0 0;
          -moz-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          -o-transform-origin: 0 0;
          transform-origin: 0 0; }
  @media (max-width: 1279px), (max-height: 780px) {
    #header {
      height: 100px; }
      #header .header--wrapper .header--logo {
        max-width: 240px; }
      #header .header--wrapper .header--navigation li a {
        padding: 20px 14px;
        font-weight: 500; }
      #header .header--wrapper .header--navigation li.btn--login {
        margin-top: 10px; } }
  @media (max-width: 959px) {
    #header .header--wrapper .header--navigation {
      display: none; }
    #header .header--wrapper .header--mobile-nav {
      display: block; }
      #header .header--wrapper .header--mobile-nav.open .mobile-nav-js {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; } }
  @media (max-width: 599px) {
    #header {
      height: 64px;
      background-color: #0b2034; }
      #header .header--wrapper {
        padding: 0px 20px; }
        #header .header--wrapper .header--logo {
          width: -webkit-calc(100% - 60px);
          width: -moz-calc(100% - 60px);
          width: calc(100% - 60px);
          max-width: 240px; }
        #header .header--wrapper .header--mobile-nav .burger {
          top: 12px; } }

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 65px;
  border-top: 1px solid rgba(5, 163, 255, 0.1); }
  #footer .footer--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0px 40px; }
    #footer .footer--wrapper .footer--logo {
      max-width: 190px;
      width: 100%;
      display: inline-block; }
      #footer .footer--wrapper .footer--logo img {
        width: 100%; }
    #footer .footer--wrapper .footer--social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      #footer .footer--wrapper .footer--social .facebook,
      #footer .footer--wrapper .footer--social .twitter,
      #footer .footer--wrapper .footer--social .discord {
        font-family: 'Blender', serif;
        padding-left: 35px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
        position: relative;
        margin: 10px 54px 10px 0px;
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
        transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
        #footer .footer--wrapper .footer--social .facebook:hover,
        #footer .footer--wrapper .footer--social .twitter:hover,
        #footer .footer--wrapper .footer--social .discord:hover {
          padding-left: 45px;
          padding-right: 0px; }
        #footer .footer--wrapper .footer--social .facebook:before,
        #footer .footer--wrapper .footer--social .twitter:before,
        #footer .footer--wrapper .footer--social .discord:before {
          content: "";
          width: 26px;
          height: 26px;
          min-width: 26px;
          position: absolute;
          left: 0;
          top: -6px;
          background-position: center center;
          -o-background-size: cover;
          background-size: cover; }
      #footer .footer--wrapper .footer--social .facebook:before {
        background-image: url("/images/../images/facebook.png"); }
      #footer .footer--wrapper .footer--social .twitter:before {
        background-image: url("/images/../images/twitter.png"); }
      #footer .footer--wrapper .footer--social .discord:before {
        background-image: url("/images/discord.svg");
        width: 30px;
        height: 30px;
        min-width: 30px; }
  @media (max-width: 1279px), (max-height: 780px) {
    #footer {
      height: 130px;
      background: #0b2034; }
      #footer .footer--wrapper .footer--social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        #footer .footer--wrapper .footer--social .facebook,
        #footer .footer--wrapper .footer--social .twitter,
        #footer .footer--wrapper .footer--social .discord {
          margin-right: 0px; } }
  @media (max-width: 599px) {
    #footer {
      height: 200px; }
      #footer .footer--wrapper {
        padding: 0px 0px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #footer .footer--wrapper .footer--logo {
          margin: 20px 0px; }
        #footer .footer--wrapper .footer--social {
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }

a {
  color: #9effa9; }

.btn--green {
  font-family: 'Blender', serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 8px;
  min-width: 100px;
  color: white;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  position: relative;
  overflow: hidden;
  color: #0C2035;
  background-color: #9effa9;
  border: 1px solid #9effa9; }
  .btn--green:hover {
    padding-right: 30px; }
    .btn--green:hover:after {
      right: 20px; }
  .btn--green:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #0d233a;
    border-bottom: 2px solid #0d233a;
    top: -webkit-calc(50% - 4px);
    top: -moz-calc(50% - 4px);
    top: calc(50% - 4px);
    right: -8px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }

.btn--transparent {
  font-family: 'Blender', serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 8px;
  min-width: 100px;
  color: white;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2); }
  .btn--transparent:hover {
    padding-right: 30px; }
    .btn--transparent:hover:after {
      right: 20px; }
  .btn--transparent:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    top: -webkit-calc(50% - 4px);
    top: -moz-calc(50% - 4px);
    top: calc(50% - 4px);
    right: -8px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1); }

.btn--facebook, .btn--google {
  font-family: 'Blender', serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 8px;
  min-width: 100px;
  color: white;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  position: relative;
  overflow: hidden;
  color: white;
  position: relative;
  padding-left: 30px;
  text-align: left !important; }
  .btn--facebook:hover, .btn--google:hover {
    padding-left: 40px; }
  .btn--facebook:after, .btn--google:after {
    content: "";
    background-image: url("/images/facebook-logo.svg");
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 2px; }

.btn--google {
  margin-bottom: 8px; }
  .btn--google:after {
    background-image: url("/images/google-logo.svg");
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat; }

.btn--google-primary {
  display: block;
  width: 100%;
  background: white;
  color: #3c4043 !important;
  text-align: center !important;
  margin-bottom: 14px; }
  .btn--google-primary:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    vertical-align: -3px;
    background: url("/images/google-logo.svg") no-repeat center/contain; }

.signup-divider {
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 14px; }

.signup-email {
  margin-bottom: 14px; }

body {
  height: auto; }

#wrapper {
  position: relative;
  padding-top: 160px;
  padding-bottom: 66px;
  min-height: 100%;
  -webkit-transition: padding-top .2s linear;
  -moz-transition: padding-top .2s linear;
  -o-transition: padding-top .2s linear;
  transition: padding-top .2s linear;
  overflow: hidden; }
  #wrapper #content .mob--page-wrapper {
    background-image: url(/images/bg.png);
    background-attachment: fixed;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -160px;
    padding-top: 160px;
    padding-bottom: 60px;
    width: 100%;
    min-height: -webkit-calc(100vh - 66px);
    min-height: -moz-calc(100vh - 66px);
    min-height: calc(100vh - 66px); }
    #wrapper #content .mob--page-wrapper .mob--page {
      max-width: 1040px;
      padding: 0px 20px;
      margin: 0 auto; }
      #wrapper #content .mob--page-wrapper .mob--page p {
        line-height: 26px; }
  @media (max-width: 1279px), (max-height: 780px) {
    #wrapper {
      padding-top: 100px;
      padding-bottom: 130px; }
      #wrapper #content .mob--page-wrapper {
        min-height: -webkit-calc(100vh - 131px);
        min-height: -moz-calc(100vh - 131px);
        min-height: calc(100vh - 131px);
        margin-top: -100px;
        padding-top: 100px;
        padding-bottom: 60px; } }
  @media (max-width: 599px) {
    #wrapper {
      padding-top: 64px;
      padding-bottom: 200px; }
      #wrapper #content .mob--page-wrapper {
        min-height: -webkit-calc(100vh - 131px);
        min-height: -moz-calc(100vh - 131px);
        min-height: calc(100vh - 131px);
        margin-top: -60px;
        padding-top: 60px; }
        #wrapper #content .mob--page-wrapper .mob--page h1 {
          font-size: 26px; }
        #wrapper #content .mob--page-wrapper .mob--page h2 {
          font-size: 22px; } }

.pagination {
  text-align: center;
  padding: 0;
  list-style-type: none; }
  .pagination a {
    text-decoration: none; }
  .pagination > a {
    color: white; }
  .pagination > li, .pagination > a {
    margin: 0 3px;
    background-color: rgba(74, 144, 226, 0.1);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700; }
    .pagination > li a, .pagination > a a {
      font-weight: 700;
      color: white;
      padding: 5px 10px; }
    .pagination > li.active, .pagination > lispan, .pagination > li.current, .pagination > a.active, .pagination > aspan, .pagination > a.current {
      background-color: rgba(0, 0, 0, 0.1);
      color: #9effa9;
      font-weight: 700; }
    .pagination > li.active, .pagination > a.active {
      padding: 5px 10px; }
    .pagination > li.disabled, .pagination > a.disabled {
      color: rgba(255, 255, 255, 0.5);
      background-color: rgba(0, 0, 0, 0.1);
      opacity: 1; }
  .pagination > li {
    display: inline-block; }
    .pagination > li a {
      display: inline-block;
      width: 100%;
      height: 100%; }
  .pagination > span > a {
    color: white;
    margin: 0 3px;
    background-color: rgba(74, 144, 226, 0.1);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700; }
    .pagination > span > a a {
      font-weight: 700;
      color: white;
      padding: 5px 10px; }
    .pagination > span > a.active, .pagination > span > aspan, .pagination > span > a.current {
      background-color: rgba(0, 0, 0, 0.1);
      color: #9effa9;
      font-weight: 700; }
    .pagination > span > a.active {
      padding: 5px 10px; }
    .pagination > span > a.disabled {
      color: rgba(255, 255, 255, 0.5);
      background-color: rgba(0, 0, 0, 0.1);
      opacity: 1; }

#landing-page-video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 0 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }
  #landing-page-video.open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: lpVideoBgFadeIn 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    -moz-animation: lpVideoBgFadeIn 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    -o-animation: lpVideoBgFadeIn 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    animation: lpVideoBgFadeIn 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1); }
    #landing-page-video.open .lp--hero-video-container {
      -webkit-animation: lpVideoFadeIn 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1) 0.1s;
      -moz-animation: lpVideoFadeIn 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1) 0.1s;
      -o-animation: lpVideoFadeIn 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1) 0.1s;
      animation: lpVideoFadeIn 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1) 0.1s; }
  #landing-page-video.close {
    -webkit-animation: lpVideoBgFadeOut 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    -moz-animation: lpVideoBgFadeOut 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    -o-animation: lpVideoBgFadeOut 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1);
    animation: lpVideoBgFadeOut 0.3s forwards cubic-bezier(0.55, 0, 0.1, 1); }
    #landing-page-video.close .lp--hero-video-container {
      -webkit-animation: lpVideoFadeOut 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1);
      -moz-animation: lpVideoFadeOut 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1);
      -o-animation: lpVideoFadeOut 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1);
      animation: lpVideoFadeOut 0.4s forwards cubic-bezier(0.55, 0, 0.1, 1); }
  #landing-page-video .lp--hero-video-container {
    position: relative;
    padding-top: 30px;
    height: 0;
    width: 0%;
    padding-bottom: 0%;
    margin: 0 auto;
    opacity: 0; }
    #landing-page-video .lp--hero-video-container i {
      position: fixed;
      top: 50px;
      right: 50px;
      cursor: pointer;
      z-index: 10;
      width: 50px;
      height: 50px;
      min-width: 50px; }
    #landing-page-video .lp--hero-video-container iframe,
    #landing-page-video .lp--hero-video-container .object,
    #landing-page-video .lp--hero-video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@-webkit-keyframes lpVideoFadeIn {
  0% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; }
  100% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; } }

@-moz-keyframes lpVideoFadeIn {
  0% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; }
  100% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; } }

@-o-keyframes lpVideoFadeIn {
  0% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; }
  100% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; } }

@keyframes lpVideoFadeIn {
  0% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; }
  100% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; } }

@-webkit-keyframes lpVideoFadeOut {
  0% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; }
  100% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; } }

@-moz-keyframes lpVideoFadeOut {
  0% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; }
  100% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; } }

@-o-keyframes lpVideoFadeOut {
  0% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; }
  100% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; } }

@keyframes lpVideoFadeOut {
  0% {
    padding-bottom: 56.25%;
    width: 100%;
    opacity: 1; }
  100% {
    width: 30%;
    padding-bottom: 15%;
    opacity: 0; } }

@-webkit-keyframes lpVideoBgFadeIn {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }

@-moz-keyframes lpVideoBgFadeIn {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }

@-o-keyframes lpVideoBgFadeIn {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }

@keyframes lpVideoBgFadeIn {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.8); } }

@-webkit-keyframes lpVideoBgFadeOut {
  0% {
    background-color: rgba(0, 0, 0, 0.8); }
  100% {
    background-color: transparent; } }

@-moz-keyframes lpVideoBgFadeOut {
  0% {
    background-color: rgba(0, 0, 0, 0.8); }
  100% {
    background-color: transparent; } }

@-o-keyframes lpVideoBgFadeOut {
  0% {
    background-color: rgba(0, 0, 0, 0.8); }
  100% {
    background-color: transparent; } }

@keyframes lpVideoBgFadeOut {
  0% {
    background-color: rgba(0, 0, 0, 0.8); }
  100% {
    background-color: transparent; } }

.view--lp {
  width: 100%;
  padding-top: 100vh; }
  .view--lp .lp--indiegogo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(14, 32, 54, 0.8);
    z-index: 10; }
    .view--lp .lp--indiegogo .indiegogo--content {
      background-color: #081524;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      max-width: 800px;
      width: 100%;
      height: 50vh;
      max-height: 480px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      overflow: hidden; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--bg {
        max-width: 636px;
        width: 100%;
        position: absolute;
        top: -128px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--logo,
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--logo-small {
        padding: 25px; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--logo-small {
        display: none; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--close {
        font-family: 'Blender', serif;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 25px;
        color: rgba(255, 255, 255, 0.4);
        font-size: 12px;
        font-weight: 900;
        cursor: pointer; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--close:after {
          content: "x";
          color: white;
          font-weight: bold;
          font-size: 16px;
          padding-left: 8px; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title {
        max-width: 345px;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        -ms-transform: translate(-50%, -35%);
        -o-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%);
        margin-top: 35px; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title span {
          font-family: 'Blender', serif;
          color: white;
          font-size: 30px;
          font-weight: 900;
          text-align: center;
          display: block;
          margin-bottom: 25px;
          line-height: 25px; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title a {
          font-family: 'Blender', serif;
          display: block;
          margin: 0 auto;
          width: 135px;
          background-color: white;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          font-size: 12px;
          font-weight: bold;
          color: #0E2036;
          text-decoration: none; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--support-us {
        font-family: 'Blender', serif;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 25px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        color: white; }
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features {
        position: absolute;
        bottom: 0;
        right: 0;
        list-style: none;
        margin: 0;
        padding: 25px; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features li {
          font-family: 'Blender', serif;
          padding: 10px 0;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 900;
          text-align: right;
          color: rgba(255, 255, 255, 0.5); }
    @media (max-width: 959px) {
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--support-us,
      .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features {
        display: none; } }
    @media (max-width: 599px) {
      .view--lp .lp--indiegogo .indiegogo--content {
        height: 90vh;
        max-height: 100vh;
        max-width: 80vw;
        /*                .indiegogo--title {
                    padding: 0 10px;
                    top: 22vh;

                    span {
                        font-size: 24px;
                    }
                }*/ }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--bg {
          top: 10%; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title {
          top: 45%;
          padding: 0 20px; }
          .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title span {
            font-size: 7vw; } }
  @media (max-width: 599px) and (max-height: 580px) {
    .view--lp .lp--indiegogo .indiegogo--content .indiegogo--bg {
      top: 0%; }
    .view--lp .lp--indiegogo .indiegogo--content .indiegogo--title {
      top: 35%; } }
    @media (max-width: 599px) {
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--logo-small {
          display: block;
          max-width: 80px; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--logo {
          display: none; }
        .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features {
          display: block;
          text-align: center; }
          .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features li {
            display: inline-block;
            padding: 5px 10px; }
            .view--lp .lp--indiegogo .indiegogo--content .indiegogo--features li:before {
              content: "";
              display: inline-block;
              margin-right: 6px;
              width: 6px;
              height: 6px;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              background-color: rgba(255, 255, 255, 0.4); } }
  .view--lp .lp--hero {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(270deg, #071323 0%, #071323 50.51%, #0C2035 100%);
    background: -moz-linear-gradient(270deg, #071323 0%, #071323 50.51%, #0C2035 100%);
    background: -o-linear-gradient(270deg, #071323 0%, #071323 50.51%, #0C2035 100%);
    background: linear-gradient(180deg, #071323 0%, #071323 50.51%, #0C2035 100%); }
    .view--lp .lp--hero .lp--hero-background {
      position: fixed;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%; }
    .view--lp .lp--hero .lp--hero-content {
      margin-top: -webkit-calc(50vh - 100px);
      margin-top: -moz-calc(50vh - 100px);
      margin-top: calc(50vh - 100px);
      -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear; }
      .view--lp .lp--hero .lp--hero-content .lp--hero-title {
        text-align: center;
        padding: 0px 20px;
        position: relative; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title h1 {
          font-size: 28px;
          line-height: 28px;
          color: rgba(255, 255, 255, 0.6);
          font-weight: normal;
          margin: 0px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title h2 {
          font-size: 66px;
          line-height: 66px;
          margin: 0px;
          display: inline-block;
          font-weight: 400; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title span {
          display: inline-block;
          position: relative;
          margin-top: 16px;
          padding-left: 20px;
          font-size: 14px;
          color: white; }
          .view--lp .lp--hero .lp--hero-content .lp--hero-title span:before {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 15px;
            height: 9px;
            background: url("/images/icons/double-check.svg");
            -o-background-size: contain;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title p {
          max-width: 500px;
          width: 100%;
          margin: 0 auto 25px;
          font-size: 18px;
          line-height: 24px;
          color: rgba(255, 255, 255, 0.6); }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title .btn--green {
          width: 130px;
          display: block;
          margin: 0 auto; }
  .view--lp .lp--features {
    background: #0b2034;
    background-image: url("/images/landing/grid2.png");
    background: url("/images/landing/grid2.png"), -webkit-linear-gradient(270deg, rgba(11, 32, 52, 0.3) 0%, #0b2034 40%, #0b2034 100%), -webkit-linear-gradient(270deg, rgba(11, 32, 52, 0) 0%, #0b2034 30%, #0b2034 100%);
    background: url("/images/landing/grid2.png"), -moz-linear-gradient(270deg, rgba(11, 32, 52, 0.3) 0%, #0b2034 40%, #0b2034 100%), -moz-linear-gradient(270deg, rgba(11, 32, 52, 0) 0%, #0b2034 30%, #0b2034 100%);
    background: url("/images/landing/grid2.png"), -o-linear-gradient(270deg, rgba(11, 32, 52, 0.3) 0%, #0b2034 40%, #0b2034 100%), -o-linear-gradient(270deg, rgba(11, 32, 52, 0) 0%, #0b2034 30%, #0b2034 100%);
    background: url("/images/landing/grid2.png"), linear-gradient(180deg, rgba(11, 32, 52, 0.3) 0%, #0b2034 40%, #0b2034 100%), linear-gradient(180deg, rgba(11, 32, 52, 0) 0%, #0b2034 30%, #0b2034 100%);
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-top: 1px solid rgba(5, 163, 255, 0.05);
    padding: 60px 0px;
    position: relative; }
    .view--lp .lp--features .lp--features-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      max-width: 1100px;
      margin: 0 auto; }
      .view--lp .lp--features .lp--features-wrapper .lp--feature {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 320px;
        text-align: center;
        padding: 0px 20px; }
        .view--lp .lp--features .lp--features-wrapper .lp--feature .lp--feature-img {
          position: relative; }
          .view--lp .lp--features .lp--features-wrapper .lp--feature .lp--feature-img .lp--feature-icon {
            position: absolute;
            bottom: 35px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%); }
        .view--lp .lp--features .lp--features-wrapper .lp--feature h2 {
          font-size: 16px;
          font-weight: 700;
          margin: 20px 0px 10px; }
        .view--lp .lp--features .lp--features-wrapper .lp--feature p {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.8);
          line-height: 24px; }
  .view--lp .lp--screenshots {
    background-color: #0b2034;
    text-align: center;
    padding: 60px 0px;
    position: relative; }
    .view--lp .lp--screenshots .lp--screenshots-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      max-width: 1600px;
      width: 100%;
      margin: 0 auto; }
      .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot {
        width: 100%;
        margin: 0px 15px; }
        .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot:nth-of-type(1), .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot:nth-of-type(3) {
          max-width: -webkit-calc(30% - 30px);
          max-width: -moz-calc(30% - 30px);
          max-width: calc(30% - 30px); }
        .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot:nth-of-type(2) {
          max-width: -webkit-calc(40% - 30px);
          max-width: -moz-calc(40% - 30px);
          max-width: calc(40% - 30px); }
        .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot img {
          width: 100%; }
    .view--lp .lp--screenshots .btn--transparent {
      width: 200px; }
  .view--lp .lp--play-now {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0b2034;
    background-image: url("/images/landing/grid.png");
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 50px 0px; }
    .view--lp .lp--play-now img {
      display: inline-block;
      max-width: 650px;
      width: 50%;
      margin-bottom: -50px; }
    .view--lp .lp--play-now .lp--play-wrapper {
      margin-left: 100px; }
      .view--lp .lp--play-now .lp--play-wrapper h3 {
        color: white;
        font-size: 26px;
        line-height: 26px;
        margin: 0 0 20px;
        padding: 0px;
        font-weight: 400;
        max-width: 275px;
        width: 100%; }
      .view--lp .lp--play-now .lp--play-wrapper .btn--green {
        width: 130px;
        display: block; }
      .view--lp .lp--play-now .lp--play-wrapper span {
        display: inline-block;
        position: relative;
        margin-top: 10px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 24px; }
        .view--lp .lp--play-now .lp--play-wrapper span:before {
          content: "";
          position: absolute;
          top: 4px;
          left: 0;
          width: 15px;
          height: 9px;
          background: url("/images/icons/double-check.svg");
          -o-background-size: contain;
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat; }
  @media (max-width: 1279px), (max-height: 780px) {
    .view--lp .lp--hero .lp--hero-content .lp--hero-video {
      max-width: 460px;
      margin: 0px auto 20px; }
    .view--lp .lp--play-now img {
      max-width: 50%; } }
  @media (max-width: 959px) {
    .view--lp {
      padding-top: 0px; }
      .view--lp .lp--hero {
        position: relative;
        height: auto;
        background: #0b2034;
        padding-bottom: 50px; }
        .view--lp .lp--hero .lp--hero-background {
          display: none; }
        .view--lp .lp--hero .lp--hero-content {
          margin-top: 0px;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; }
      .view--lp .lp--features {
        padding: 50px 10px; }
        .view--lp .lp--features .lp--features-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .view--lp .lp--features .lp--features-wrapper .lp--feature {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -moz-box-orient: horizontal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
            -moz-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: left;
            max-width: 550px;
            padding: 10px 0px; }
            .view--lp .lp--features .lp--features-wrapper .lp--feature .lp--feature-text {
              padding-left: 20px; }
      .view--lp .lp--screenshots .lp--screenshots-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot {
          margin: 20px 15px 0px;
          display: none; }
          .view--lp .lp--screenshots .lp--screenshots-wrapper .lp--screenshot:nth-of-type(2) {
            max-width: -webkit-calc(100% - 30px);
            max-width: -moz-calc(100% - 30px);
            max-width: calc(100% - 30px);
            display: block; }
      .view--lp .lp--play-now {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .view--lp .lp--play-now img {
          max-width: 80%;
          width: 100%; }
        .view--lp .lp--play-now .lp--play-wrapper {
          margin-left: 0px;
          text-align: center; }
          .view--lp .lp--play-now .lp--play-wrapper h3 {
            margin-top: 20px; }
          .view--lp .lp--play-now .lp--play-wrapper .btn--green {
            margin: 0 auto; } }
  @media (max-width: 599px) {
    .view--lp .lp--hero .lp--hero-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .view--lp .lp--hero .lp--hero-content .lp--hero-video {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-video .lp--hero-video-text {
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
      .view--lp .lp--hero .lp--hero-content .lp--hero-title {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 30px 0px 15px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title h1 {
          font-size: 20px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title h2 {
          font-size: 40px;
          line-height: 40px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-title p {
          font-size: 16px; }
      .view--lp .lp--hero .lp--hero-content .lp--hero-cta {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 20px; }
        .view--lp .lp--hero .lp--hero-content .lp--hero-cta .btn--green,
        .view--lp .lp--hero .lp--hero-content .lp--hero-cta .btn--transparent {
          width: -webkit-calc(50% - 20px);
          width: -moz-calc(50% - 20px);
          width: calc(50% - 20px);
          margin: 10px 5px 0px; }
    .view--lp .lp--features {
      padding: 30px 20px;
      border-top: none; }
      .view--lp .lp--features .lp--features-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .view--lp .lp--features .lp--features-wrapper .lp--feature h2 {
          position: relative;
          padding-left: 30px; }
          .view--lp .lp--features .lp--features-wrapper .lp--feature h2:before {
            content: "";
            position: absolute;
            top: -webkit-calc(50% - 12px);
            top: -moz-calc(50% - 12px);
            top: calc(50% - 12px);
            left: 0;
            width: 24px;
            height: 24px;
            background-position: center center;
            -o-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat; }
        .view--lp .lp--features .lp--features-wrapper .lp--feature:nth-of-type(1) h2:before {
          background-image: url("/images/landing/icon_tamagotchi.svg"); }
        .view--lp .lp--features .lp--features-wrapper .lp--feature:nth-of-type(2) h2:before {
          background-image: url("/images/landing/icon_simulation.svg"); }
        .view--lp .lp--features .lp--features-wrapper .lp--feature:nth-of-type(3) h2:before {
          background-image: url("/images/landing/icon_strategic_gameplay.svg"); }
        .view--lp .lp--features .lp--features-wrapper .lp--feature .lp--feature-img {
          display: none; }
        .view--lp .lp--features .lp--features-wrapper .lp--feature .lp--feature-text {
          padding-left: 0px; }
    .view--lp .lp--screenshots {
      padding: 30px 0px; }
    .view--lp .lp--play-now img {
      width: 100%;
      max-width: 100%; } }

@media (min-width: 1280px) and (max-height: 850px) {
  .header--fixed .view--lp .lp--hero .lp--hero-content {
    opacity: 0; } }

.screenshots-container {
  text-align: center;
  margin: 5px; }
  .screenshots-container .img-container {
    display: inline-block;
    margin: 10px;
    max-width: 95%;
    zoom: 1;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
    .screenshots-container .img-container:before, .screenshots-container .img-container:after {
      content: "";
      display: table; }
    .screenshots-container .img-container:after {
      clear: both; }
    .screenshots-container .img-container img {
      max-width: 100%;
      height: auto; }
    @media (max-width: 800px) {
      .screenshots-container .img-container {
        margin: 5px; } }

.view--daily-update-info ul {
  max-width: 600px;
  width: 100%;
  margin: 50px auto 0px;
  list-style: none;
  padding: 0; }
  .view--daily-update-info ul li {
    margin-bottom: 5px; }
    .view--daily-update-info ul li b:after {
      content: "-";
      padding: 0px 10px; }

@media (max-width: 599px) {
  .view--daily-update-info ul li {
    margin-bottom: 10px; }
    .view--daily-update-info ul li b {
      display: block; }
      .view--daily-update-info ul li b:after {
        content: ""; } }

/* Preload images */
body:after {
  content: url(/lightbox/dist/images/close.png) url(/lightbox/dist/images/loading.gif) url(/lightbox/dist/images/prev.png) url(/lightbox/dist/images/next.png);
  display: none; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-container {
  padding: 4px; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/lightbox/dist/images/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/lightbox/dist/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/lightbox/dist/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/lightbox/dist/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

html[data-module="app"] .mob--page-auth .main-heading {
  text-align: center;
  font-size: 40px;
  font-weight: 300;
  margin-top: 50px; }

html[data-module="app"] .mob--page-auth .btn {
  background-color: #9effa9;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 50px;
  line-height: 50px;
  color: #0d233a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  display: block;
  width: 100%;
  -webkit-transition: padding-right 200ms, padding-left 200ms;
  -moz-transition: padding-right 200ms, padding-left 200ms;
  -o-transition: padding-right 200ms, padding-left 200ms;
  transition: padding-right 200ms, padding-left 200ms;
  position: relative;
  overflow: hidden; }
  html[data-module="app"] .mob--page-auth .btn:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #0d233a;
    border-bottom: 2px solid #0d233a;
    top: 20px;
    right: -60px;
    -webkit-transition: -webkit-transform 200ms, opacity 200ms;
    -moz-transition: -moz-transform 200ms, opacity 200ms;
    -o-transition: -o-transform 200ms, opacity 200ms;
    transition: transform 200ms, opacity 200ms; }
  html[data-module="app"] .mob--page-auth .btn:hover, html[data-module="app"] .mob--page-auth .btn:focus {
    padding-right: 80px;
    padding-left: -80px; }
    html[data-module="app"] .mob--page-auth .btn:hover:after, html[data-module="app"] .mob--page-auth .btn:focus:after {
      -webkit-transform: rotate(-45deg) translate(-56.5685424949px, -56.5685424949px);
      -moz-transform: rotate(-45deg) translate(-56.5685424949px, -56.5685424949px);
      -ms-transform: rotate(-45deg) translate(-56.5685424949px, -56.5685424949px);
      -o-transform: rotate(-45deg) translate(-56.5685424949px, -56.5685424949px);
      transform: rotate(-45deg) translate(-56.5685424949px, -56.5685424949px); }
  html[data-module="app"] .mob--page-auth .btn:before {
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 40%;
    right: 40%;
    height: 4px;
    background-color: rgba(13, 35, 58, 0.3);
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
    -webkit-animation: go-right linear 1s infinite;
    -moz-animation: go-right linear 1s infinite;
    -o-animation: go-right linear 1s infinite;
    animation: go-right linear 1s infinite; }

html[data-module="app"] .mob--page-auth .form.loading .btn:after {
  opacity: 0; }

html[data-module="app"] .mob--page-auth .form.loading .btn:before {
  opacity: 1; }

@-webkit-keyframes go-right {
  0% {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%); }
  100% {
    -webkit-transform: translateX(300%);
    transform: translateX(300%); } }

@-moz-keyframes go-right {
  0% {
    -moz-transform: translateX(-300%);
    transform: translateX(-300%); }
  100% {
    -moz-transform: translateX(300%);
    transform: translateX(300%); } }

@-o-keyframes go-right {
  0% {
    -o-transform: translateX(-300%);
    transform: translateX(-300%); }
  100% {
    -o-transform: translateX(300%);
    transform: translateX(300%); } }

@keyframes go-right {
  0% {
    -webkit-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
    -o-transform: translateX(-300%);
    transform: translateX(-300%); }
  100% {
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -o-transform: translateX(300%);
    transform: translateX(300%); } }

html[data-module="app"] .mob--page-auth .form .form-group {
  margin-bottom: 11px; }

html[data-module="app"] .mob--page-auth .form input[type="text"],
html[data-module="app"] .mob--page-auth .form input[type="email"],
html[data-module="app"] .mob--page-auth .form input[type="password"], html[data-module="app"] .mob--page-auth .form select {
  border: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #26394e;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.2px;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
  -webkit-transition: -webkit-box-shadow 200ms;
  -moz-transition: box-shadow 200ms;
  -o-transition: box-shadow 200ms;
  transition: box-shadow 200ms; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]:-webkit-autofill, html[data-module="app"] .mob--page-auth .form input[type="text"]:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form input[type="email"]:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form input[type="email"]:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form input[type="password"]:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form input[type="password"]:-webkit-autofill:focus, html[data-module="app"] .mob--page-auth .form select:-webkit-autofill, html[data-module="app"] .mob--page-auth .form select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #26394e inset;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-text-fill-color: #fff; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]::-webkit-input-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="email"]::-webkit-input-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="password"]::-webkit-input-placeholder, html[data-module="app"] .mob--page-auth .form select::-webkit-input-placeholder {
    color: #ffffff;
    text-transform: uppercase; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]:-moz-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="email"]:-moz-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="password"]:-moz-placeholder, html[data-module="app"] .mob--page-auth .form select:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
    text-transform: uppercase; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]::-moz-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="email"]::-moz-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="password"]::-moz-placeholder, html[data-module="app"] .mob--page-auth .form select::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
    text-transform: uppercase; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]:-ms-input-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="email"]:-ms-input-placeholder,
  html[data-module="app"] .mob--page-auth .form input[type="password"]:-ms-input-placeholder, html[data-module="app"] .mob--page-auth .form select:-ms-input-placeholder {
    color: #ffffff;
    text-transform: uppercase; }
  html[data-module="app"] .mob--page-auth .form input[type="text"]:focus,
  html[data-module="app"] .mob--page-auth .form input[type="email"]:focus,
  html[data-module="app"] .mob--page-auth .form input[type="password"]:focus, html[data-module="app"] .mob--page-auth .form select:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 2px #9effa9;
    box-shadow: 0 0 0 2px #9effa9; }

html[data-module="app"] .mob--page-auth .form .checkbox {
  text-align: left;
  margin-top: -1px; }
  html[data-module="app"] .mob--page-auth .form .checkbox > label input {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1000; }
    html[data-module="app"] .mob--page-auth .form .checkbox > label input:checked + span:before {
      opacity: 1; }
    html[data-module="app"] .mob--page-auth .form .checkbox > label input:focus + span {
      -webkit-box-shadow: 0 0 0 2px #9effa9;
      box-shadow: 0 0 0 2px #9effa9; }
  html[data-module="app"] .mob--page-auth .form .checkbox > label > span:first-of-type {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #26394e;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 0;
    position: relative;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1e-06);
    -webkit-transition: -webkit-box-shadow 200ms;
    -moz-transition: box-shadow 200ms;
    -o-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
    margin-right: 8px;
    vertical-align: middle;
    top: -1px; }
    html[data-module="app"] .mob--page-auth .form .checkbox > label > span:first-of-type:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 5px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 6px;
      left: 5px;
      opacity: 0;
      -webkit-transition: opacity 200ms;
      -moz-transition: opacity 200ms;
      -o-transition: opacity 200ms;
      transition: opacity 200ms; }
  html[data-module="app"] .mob--page-auth .form .checkbox > label > span:last-child {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    vertical-align: middle; }

html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"], html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"]:focus,
html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"],
html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"]:focus,
html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"],
html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"]:focus {
  -webkit-box-shadow: 0 0 0 2px #ff0000;
  box-shadow: 0 0 0 2px #ff0000; }
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"]:-webkit-autofill, html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"]:-webkit-autofill:focus, html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"]:focus:-webkit-autofill, html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="text"]:focus:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"]:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"]:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"]:focus:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="email"]:focus:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"]:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"]:-webkit-autofill:focus,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"]:focus:-webkit-autofill,
  html[data-module="app"] .mob--page-auth .form .form-group.has-error input[type="password"]:focus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #26394e inset; }

html[data-module="app"] .mob--page-auth .form .form-group.has-error .checkbox > label input + span {
  -webkit-box-shadow: 0 0 0 2px #ff0000;
  box-shadow: 0 0 0 2px #ff0000; }

html[data-module="app"] .mob--page-auth .form .errors-molecule {
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
  font-weight: 700;
  text-align: left;
  color: #ff9999;
  text-transform: uppercase;
  font-size: 12px; }
  html[data-module="app"] .mob--page-auth .form .errors-molecule > ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    html[data-module="app"] .mob--page-auth .form .errors-molecule > ul > li {
      display: block; }

html[data-module="app"] .mob--page-auth .main-box {
  margin: 0 auto;
  max-width: 280px;
  width: 100%; }
  html[data-module="app"] .mob--page-auth .main-box.wide {
    max-width: 700px;
    color: rgba(255, 255, 255, 0.95); }

html[data-module="app"] .mob--page-auth .main-box-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 20px; }

html[data-module="app"] .mob--page-auth .view--create-team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 40px; }
  html[data-module="app"] .mob--page-auth .view--create-team .logo {
    margin-top: 40px; }
    html[data-module="app"] .mob--page-auth .view--create-team .logo img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
  html[data-module="app"] .mob--page-auth .view--create-team .main-heading {
    margin-top: 0px; }
  html[data-module="app"] .mob--page-auth .view--create-team .content {
    max-width: 570px;
    margin: 0 auto;
    opacity: .8;
    line-height: 26px;
    font-weight: 300; }
  html[data-module="app"] .mob--page-auth .view--create-team .social {
    margin-top: 50px;
    margin-bottom: 50px; }
    html[data-module="app"] .mob--page-auth .view--create-team .social .channel-wrapper {
      text-align: center;
      margin: 18px 0; }
    html[data-module="app"] .mob--page-auth .view--create-team .social .channel {
      font-size: 14px;
      line-height: 15px;
      text-transform: uppercase;
      display: inline-block;
      -webkit-transition: -webkit-transform 300ms;
      -moz-transition: -moz-transform 300ms;
      -o-transition: -o-transform 300ms;
      transition: transform 300ms; }
      html[data-module="app"] .mob--page-auth .view--create-team .social .channel:hover {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px); }
        html[data-module="app"] .mob--page-auth .view--create-team .social .channel:hover:before {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px); }
      html[data-module="app"] .mob--page-auth .view--create-team .social .channel:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        width: 32px;
        height: 32px;
        -webkit-transition: -webkit-transform 300ms;
        -moz-transition: -moz-transform 300ms;
        -o-transition: -o-transform 300ms;
        transition: transform 300ms; }
      html[data-module="app"] .mob--page-auth .view--create-team .social .channel.twitter:before {
        background-image: url("/images/twitter.png"); }
      html[data-module="app"] .mob--page-auth .view--create-team .social .channel.facebook:before {
        background-image: url("/images/facebook.png"); }
      html[data-module="app"] .mob--page-auth .view--create-team .social .channel.discord:before {
        background-image: url("/images/discord.svg");
        -o-background-size: 120%;
        background-size: 120%;
        background-position: center center; }
  html[data-module="app"] .mob--page-auth .view--create-team .main-box-wrapper {
    padding-top: 60px;
    padding-bottom: 90px;
    background-color: rgba(0, 0, 0, 0.2); }
    html[data-module="app"] .mob--page-auth .view--create-team .main-box-wrapper .main-heading {
      max-width: 472px;
      margin: 0 auto; }
    html[data-module="app"] .mob--page-auth .view--create-team .main-box-wrapper .main-box {
      margin-top: 40px; }
  html[data-module="app"] .mob--page-auth .view--create-team .main-box {
    max-width: 100%;
    width: 460px; }
  html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-left {
    width: 60%;
    float: left;
    text-align: center; }
  html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right {
    width: 40%;
    float: right;
    padding-top: 98px; }
    html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right ul li {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab; }
    html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right .roles {
      padding-left: 10px;
      margin-top: 107px;
      float: left; }
      html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right .roles li {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
        line-height: 40px;
        text-align: center;
        font-size: 10px;
        margin-bottom: 21px; }
    html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right .traits {
      margin-top: 113px;
      float: left;
      font-size: 10px;
      padding-left: 10px; }
      html[data-module="app"] .mob--page-auth .view--create-team .team-creation-container .area-right .traits li {
        height: 30px;
        width: 80px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 31px;
        background-color: rgba(255, 255, 255, 0.1); }

html[data-module="app"] .mob--page-auth .view--introduction {
  text-align: center; }
  html[data-module="app"] .mob--page-auth .view--introduction .btn--green {
    color: #0C2035;
    width: 240px; }

html[data-module="app"] .mob--page-auth .social-media-container {
  margin-bottom: 50px; }
  html[data-module="app"] .mob--page-auth .social-media-container .channel-wrapper {
    text-align: center;
    margin: 18px 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0); }
  html[data-module="app"] .mob--page-auth .social-media-container .channel {
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -moz-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms; }
    html[data-module="app"] .mob--page-auth .social-media-container .channel:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px;
      width: 32px;
      height: 32px;
      -webkit-transition: -webkit-transform 300ms;
      -moz-transition: -moz-transform 300ms;
      -o-transition: -o-transform 300ms;
      transition: transform 300ms; }
    html[data-module="app"] .mob--page-auth .social-media-container .channel:hover {
      -webkit-transform: translateX(5px);
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -o-transform: translateX(5px);
      transform: translateX(5px); }
      html[data-module="app"] .mob--page-auth .social-media-container .channel:hover:before {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px); }
    html[data-module="app"] .mob--page-auth .social-media-container .channel.twitter:before {
      background-image: url("/images/twitter.png"); }
    html[data-module="app"] .mob--page-auth .social-media-container .channel.facebook:before {
      background-image: url("/images/facebook.png"); }

html[data-module="app"] .mob--page-auth .view--team-inactive h1 {
  line-height: 40px;
  font-weight: normal;
  text-align: center;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
  font-size: 36px; }

html[data-module="app"] .mob--page-auth .view--team-inactive p {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 15px;
  line-height: 26px; }

html[data-module="app"] .mob--page-auth .view--team-inactive .main-box {
  text-align: center; }

html[data-module="app"] .mob--page-auth .view--team-inactive form {
  margin-top: 35px; }
  html[data-module="app"] .mob--page-auth .view--team-inactive form button {
    margin: 0 auto;
    max-width: 255px;
    width: 100%; }

html[data-module="app"] .mob--page-auth .view--team-inactive .social {
  margin-top: 15px; }
  html[data-module="app"] .mob--page-auth .view--team-inactive .social.social--discord {
    margin: 0px; }
    html[data-module="app"] .mob--page-auth .view--team-inactive .social.social--discord .channel-wrapper {
      margin: 0px; }

html[data-module="app"] .mob--page-auth a {
  color: #ffffff; }

/*# sourceMappingURL=landing.css.map */