/**
** -----------------------------------
** -----------------------------------
**	TERMS  ---------------------------
** -----------------------------------
** -----------------------------------
**/

@font-face {
  font-family: 'gilroyregular';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regular-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regular-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regular-webfont.svg#gilroyregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroyregular_italic';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.svg#gilroyregular_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroymedium';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-medium-webfont.svg#gilroymedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroymedium_italic';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.svg#gilroymedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroybold';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bold-webfont.svg#gilroybold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroybold_italic';
  src: url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff2') format('woff2'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff') format('woff'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.ttf') format('truetype'), url('https://static.crowd1.com/static/assets/fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.svg#gilroybold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
** -----------------------------------
** -----------------------------------
**	VARIABLES  -----------------------
** -----------------------------------
** -----------------------------------
**/
:root {
  --white: #fff;
  --black: #000;
  --grey: #828282;
  --grey-light: #adadad;
  --dark: #141322;
  --red: #EB5757;
  --green: #00CA7F;
  --blue-dark: #424EFB;
  --blue-medium: #535EFB;
  --blue-light: #646EFB;
  --lime-dark: #00F69B;
  --lime-medium: #45F8B6;
  --lime-light: #73FAC8;
  --orchid-dark: #7435DD;
  --orchid-medium: #8047E0;
  --orchid-light: #8D59E3;
  --midnight-dark: #0F0E1C;
  --midnight-medium: #1E213A;
  --midnight-light: #2A2E52;
  --midnight-lighter: #939ABA;
  --plum-dark: #EAE8FF;
  --plum-dark-opacity: rgba(234, 232, 255, 0.5);
  --plum-medium: #EFEEFF;
  --plum-light: #F5F4FF;
  --regular: 'gilroyregular', Helvetica, Arial, sans-serif;
  --regularItalic: 'gilroyregular_italic', Helvetica, Arial, sans-serif;
  --medium: 'gilroymedium', Helvetica, Arial, sans-serif;
  --mediumItalic: 'gilroymedium_italic', Helvetica, Arial, sans-serif;
  --bold: 'gilroybold', Helvetica, Arial, sans-serif;
  --boldItalic: 'gilroybold_italic', Helvetica, Arial, sans-serif;
  --heading1: 56px;
  --heading1slim: 42px;
  --heading2: 33px;
  --heading3: 25px;
  --fs: 19px;
  --small: 14px;
  --smaller: 12px;
  --tiny: 10px;
  /* GUTTER BASE, FROM WHICH ALL SIZES ARE CALCULATED */
  --gutterTiny: 4px;
  --gutterSmall: 8px;
  --gutter: 16px;
  --gutterTinyNegative: -4px;
  --gutterSmallNegative: -8px;
  --gutterNegative: -16px;
  --gutter2xNegative: -32px;
  --gutter3xNegative: -48px;
  --gutter4xNegative: -64px;
  --gutter2x: 32px;
  --gutter3x: 48px;
  --gutter4x: 64px;
  --gutter5x: 80px;
  --gutter-mega-negative: -100px;
  --border-radius-big: 24px;
  --border-radius-medium: 20px;
  --border-radius: 12px;
  --border-radius-small: 5px;
}
/**
** -----------------------------------
** -----------------------------------
**	GENERAL  -------------------------
** -----------------------------------
** -----------------------------------
**/
body {
  background: var(--midnight-dark);
  color: var(--white);
  font-size: var(--small);
  line-height: 1.58;
  font-family: var(--regular);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}
body.is-freezed {
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
hr {
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--midnight-light);
  margin: var(--gutter2x) 0;
}
hr.light {
  height: 3px;
  border-bottom: 0;
  margin: var(--gutter4x) 0;
  background: linear-gradient(90deg, #0F0E1C 0%, #646EFB 50%, #0F0E1C 100%);
}
td, th {
  padding-right: 20px;
}
.container {
  position: relative;
  z-index: 1;
}
section,
article,
aside,
h1,
h2,
h3,
p,
table,
blockquote {
  margin: 0 0 var(--gutter);
}
.block,
.block__body,
.block__footer {
  position: relative;
}
.block {
  position: relative;
  margin-bottom: var(--gutter2x);
  border-radius: var(--border-radius);
  background: var(--midnight-medium);
}
.block a {
  color: var(--white);
}
.block--padding {
  padding: var(--gutter2x);
}
.block--connected {
  position: relative;
}
.block--connected:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 3px;
  height: var(--gutter4x);
  margin-left: -1px;
  background: var(--midnight-medium);
}
.block--gradient {
  background: linear-gradient(254.94deg, #2A2E52 13.78%, #1E213A 90.3%);
}
.block--vertical-gradient {
  background: linear-gradient(180deg, #1E213A 0%, rgba(30, 33, 58, 0) 100%);
}
.block__progress {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: var(--midnight-dark);
}
.block__progress-bar {
  display: block;
  height: 100%;
  background: var(--blue-dark);
}
.block__body--gradient {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  background: linear-gradient(90.08deg, #1E213A 0.02%, #141322 99.94%);
}
.block__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gutter);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: var(--midnight-light);
}
.block__footer--gradient {
  background: linear-gradient(89.51deg, #2A2E52 0.13%, #141322 85.89%);
}
.article {
  color: var(--midnight-lighter);
}
.article h1,
.article h2,
.article h3 {
  color: var(--white);
}
.article h4 {
  color: var(--blue-medium);
}
#sticky-wrapper {
  position: relative;
  z-index: 999999;
}
.bf-current-level-title {
  padding-right: 128px;
}
.bf-current-level-box {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 100%;
  border-bottom-right-radius: var(--border-radius);
  background: linear-gradient(270deg, #424EFB 0%, #535EFB 100%);
}
.bf-current-level {
  margin: 0;
  font-size: var(--heading2);
  font-family: var(--bold);
}
.block-img--middle-right {
  position: relative;
  right: var(--gutter);
  top: 100%;
  z-index: 7;
  margin-top: -80px;
}
.arrow-signature {
  position: relative;
  overflow: visible;
  margin-bottom: 80px !important;
  background: var(--midnight-light);
}
.arrow-signature:before,
.arrow-signature:after {
  content: "";
  position: absolute;
}
.arrow-signature:before {
  bottom: -24px;
  right: 60px;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid var(--midnight-light);
}
.arrow-signature:after {
  width: 157px;
  height: 20px;
  background: url(https://static.crowd1.com/static/assets/images/logos/logo-crowd1-v1.svg) no-repeat center center;
  right: 10px;
  bottom: -60px;
}
@media all and (max-width: 1200px) {
  .top-overflow--tablet {
    margin-top: var(--gutter5x);
  }
}
@media all and (max-width: 768px) {
  .block--inline-lr .content--left,
  .block--inline-lr .content--right {
    text-align: center;
  }
  .block--inline-lr .content--left * {
    font-size: var(--small);
  }
  .bf-current-level-box {
    width: 56px;
  }
  .bf-current-level-title {
    padding-right: 60px;
    font-size: var(--small);
  }
  .bf-current-level {
    font-size: var(--heading3);
  }
  .block__body.block--padding {
    padding: var(--gutter2x) var(--gutter);
  }
}
.content--height64 {
  display: flex;
  width: 100%;
  height: 64px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.content--height64 img {
  max-height: 64px;
  width: auto;
}
.sponsor-link {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 var(--gutterSmall);
  border-radius: var(--border-radius-small);
  line-height: 50px;
  color: var(--white);
  background: var(--dark);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sponsor-link:hover {
  color: var(--lime-light);
}
@media all and (max-width: 768px) {
  .block-img--middle-right {
    position: static;
    margin-top: 0;
    margin-bottom: var(--gutter);
  }
}
@media all and (max-width: 600px) {
  .chart-wrapper {
    width: 200%;
    margin-left: -100%;
  }
}
.full-width-bg--mlight {
  position: relative;
  padding: var(--gutter4x) var(--gutter);
  margin: 0;
  margin-top: var(--gutter5x);
  background: var(--midnight-light);
}
.full-width-bg--mlight:before,
.full-width-bg--mlight:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--midnight-light);
}
.full-width-bg--mlight:before {
  left: -100%;
}
.full-width-bg--mlight:after {
  left: 100%;
}
@media all and (max-width: 768px) {
  .full-width-bg--mlight .elmc {
    margin-bottom: 0;
  }
  .full-width-bg--mlight .elmc > *:first-child {
    margin-bottom: 0;
  }
}
.page-bg {
  background-color: var(--dark);
}
.page-bg--triangle {
  position: relative;
}
.page-bg--triangle:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 7;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 150px 4000px;
  border-color: transparent transparent var(--midnight-dark) transparent;
}
.page-bg--img {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media all and (max-width: 1080px) {
  .page-bg--triangle:after {
    display: none;
  }
}
.back-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
  color: var(--white);
}
.back-link:hover {
  color: var(--white);
}
.back-link__icn {
  position: relative;
  top: -1px;
  margin-right: var(--gutterSmall);
}
.bottom-gradient {
  position: relative;
}
.bottom-gradient:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  z-index: -1;
  width: 300%;
  height: 200px;
  background: linear-gradient(180deg, #0F0E1C, #1E213A);
}
.overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/**
** -----------------------------------
** -----------------------------------
**	TYPOGRAPHY -----------------------
** -----------------------------------
** -----------------------------------
**/
a {
  color: var(--blue-medium);
  transition: all 0.15s ease;
}
a:hover {
  color: var(--blue-dark);
  text-decoration: none;
}
a:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
strong {
  font-family: var(--bold);
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
strong a {
  color: var(--white);
}
h1,
h2,
h3,
h4 {
  margin: 0 0 var(--gutter);
}
h1 {
  font-family: var(--bold);
  font-size: var(--heading1);
  line-height: 64px;
}
h2 {
  font-family: var(--bold);
  font-size: var(--heading2);
  line-height: 40px;
}
h3 {
  font-size: var(--heading3);
}
h4 {
  font-size: var(--fs);
}
p {
  margin: 0 0 var(--gutter2x);
}
small {
  font-size: var(--smaller);
}
.tiny {
  font-size: var(--tiny);
}
@media all and (max-width: 576px) {
  h1 {
    font-size: var(--heading2);
    line-height: 1;
  }
}



/**
** -----------------------------------
** -----------------------------------
**	BADGES  --------------------------
** -----------------------------------
** -----------------------------------
**/

.article h5 {
font-size: 0.9rem;
color: #fdfdfd;
}

.badges {
  max-height: 250px;
  padding: var(--gutter2x) 0 var(--gutterSmall);
  margin-top: var(--gutter);
}
.badge__img {
  margin-bottom: var(--gutter);
}
.badges .badge__img {
  width: 96px;
  height: 96px;
}
.badge__title {
  display: block;
  padding-left: var(--gutter2x);
  padding-right: var(--gutter2x);
  margin-bottom: var(--gutterSmall);
  text-align: center;
}
.page-header .badge__title {
  padding-left: 0;
  padding-right: 0;
}
.level__title {
  display: inline-block;
  margin-left: var(--gutterSmall);
  margin-right: var(--gutterSmall);
  color: var(--plum-medium);
}
.level__stars {
  position: relative;
  top: -2px;
  display: inline-block;
}
.ph-badge-wrapper {
  margin: 0 0 var(--gutterSmall);
}
.ph-badge {
  display: inline-block;
  padding: var(--gutterTiny) var(--gutter);
  margin: 0 var(--gutterSmall) var(--gutterSmall) 0;
  border-radius: var(--border-radius-small);
  text-transform: uppercase;
  background: var(--blue-medium);
  color: var(--white);
}
.ph-badge--new {
  background-color: var(--blue-medium);
}
.ph-badge--solved {
  background-color: var(--lime-medium);
  color: var(--midnight-medium);
}
.ph-badge--closed {
  background-color: var(--grey);
}
.ph-badge--open {
  background-color: var(--midnight-dark);
  border: 1px solid var(--blue-medium);
}
.ph-badge--pending {
  background-color: var(--midnight-dark);
  border: 1px solid var(--red);
}
.ph-badge--success {
  background-color: var(--lime-medium);
  color: var(--midnight-medium);
}
.t-badge {
  display: inline-block;
  padding: var(--gutterTiny) var(--gutter);
  font-family: var(--bold);
  border-radius: var(--border-radius-medium);
  background: var(--blue-medium);
}
.t-badge:hover {
  color: var(--white);
}
.t-badge.is-disabled {
  background: var(--midnight-light);
  color: rgba(234, 232, 255, 0.25);
  cursor: not-allowed;
}
.t-badge-light {
  display: inline-block;
  padding: var(--gutterTiny) var(--gutter);
  font-family: var(--bold);
  border-radius: var(--border-radius-medium);
  background: var(--midnight-dark);
}
.t-badge-bright-bg {
  display: inline-block;
  padding: var(--gutterTiny) var(--gutter);
  font-family: var(--bold);
  border-radius: var(--border-radius-medium);
  background: var(--midnight-light);
}
.t-badge--big {
  padding: var(--gutterSmall) var(--gutter2x);
}
.t-badge--error {
  background: var(--red);
}
.t-badge--neutral {
  background: var(--midnight-light);
}
.t-badge--neutral:hover {
  background: var(--blue-medium);
}
.badge-level-img {
  width: 80px;
  height: 80px;
}
.pb-badge {
  position: absolute;
  top: -15px;
  right: var(--gutterNegative);
  width: 114px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (max-width: 768px) {
  .badge__title {
    padding-left: var(--gutter3x);
    padding-right: var(--gutter3x);
  }
}
/**
** -----------------------------------
** -----------------------------------
**	UTILITIES  -----------------------
** -----------------------------------
** -----------------------------------
**/
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.transparent {
  opacity: 0.6;
}
.vh {
  visibility: hidden;
}
.highlight--blue,
.nav li a.highlight--blue {
  color: var(--blue-medium);
}
.highlight--blue-dark {
  color: var(--blue-dark);
}
.highlight--blue-light {
  color: var(--blue-light);
}
.highlight--green {
  color: var(--lime-dark);
}
.accountbalance {
  color: var(--lime-dark);
}
.highlight--plum {
  color: var(--plum-medium);
}
.highlight--plum-dark {
  color: var(--plum-dark);
}
.highlight--midnight-medium {
  color: var(--midnight-medium);
}
.highlight--midnight-lighter {
  color: var(--midnight-lighter);
}
.highlight--grey {
  color: var(--grey);
}
.highlight--plum-opacity {
  color: var(--plum-medium);
  opacity: 0.5;
}
.highlight__bg--blue {
  display: inline-block;
  padding: 2px var(--gutterSmall);
  margin: 0 var(--gutterSmall);
  border-radius: var(--border-radius-small);
  background: var(--blue-dark);
}
.highlight__bg--blue-dark {
  background: var(--blue-dark);
}
.highlight__bg--midnight-medium {
  background: var(--midnight-medium);
}
.highlight__bg--plum-dark {
  background: var(--plum-dark);
}
.highlight__bg--green {
  background: var(--green);
}
.highlight__bg--midnight-light {
  background: var(--midnight-light) !important;
}
.db {
  display: block;
  width: 100%;
}
.dib {
  display: inline-block;
}
.di {
  display: inline;
}
.df {
  display: flex;
}
.dif {
  display: inline-flex;
}
.w290 {
  width: 290px;
}
.w310 {
  width: 310px;
}
.w160 {
  width: 160px;
}
.display-only-on-desktop {
  display: block;
}
.margin--center {
  margin-left: auto;
  margin-right: auto;
}
.margin--vertical {
  margin-top: var(--gutter);
  margin-bottom: var(--gutter);
}
.margin--vertical2x {
  margin-top: var(--gutter2x);
  margin-bottom: var(--gutter2x);
}
.margin--vertical4x {
  margin-top: var(--gutter4x);
  margin-bottom: var(--gutter4x);
}
.margin--horizontal {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
}
.margin--horizontal2x {
  margin-left: var(--gutter2x);
  margin-right: var(--gutter2x);
}
.margin--horizontal4x {
  margin-left: var(--gutter4x);
  margin-right: var(--gutter4x);
}
.mbg4x {
  margin-bottom: var(--gutter4x);
}
.mbg3x {
  margin-bottom: var(--gutter3x);
}
.mbg2x {
  margin-bottom: var(--gutter2x);
}
.mbmm {
  margin-bottom: var(--gutter-mega-negative);
}
.mbmm2 {
  margin-bottom: var(--gutter-mega-negative);
}
.mbg {
  margin-bottom: var(--gutter);
}
.mbgs {
  margin-bottom: var(--gutterSmall);
}
.mbgxs {
  margin-bottom: var(--gutterTiny);
}
.mtg4x {
  margin-top: var(--gutter4x);
}
.mtg3x {
  margin-top: var(--gutter3x);
}
.mtg2x {
  margin-top: var(--gutter2x);
}
.mtg {
  margin-top: var(--gutter);
}
.mtgs {
  margin-top: var(--gutterSmall);
}
.mtgmn {
  margin-top: var(--gutter-mega-negative);
}
.mtgxs {
  margin-top: var(--gutterTiny);
}
.ml {
  margin-left: var(--gutter);
}
.mls {
  margin-left: var(--gutterSmall);
}
.mr {
  margin-right: var(--gutter);
}
.mrs {
  margin-right: var(--gutterSmall);
}
.margin--none {
  margin: 0;
}
.margin--none-bottom {
  margin-bottom: 0;
}
.margin--none-top {
  margin-top: 0;
}
.margin--none-left {
  margin-left: 0;
}
.margin--none-right {
  margin-right: 0;
}
.padding--horizontal {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.padding--horizontal2x {
  padding-left: var(--gutter2x);
  padding-right: var(--gutter2x);
}
.padding--horizontal4x {
  padding-left: var(--gutter4x);
  padding-right: var(--gutter4x);
}
.padding--vertical {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
.padding--vertical2x {
  padding-top: var(--gutter2x);
  padding-bottom: var(--gutter2x);
}
.padding--vertical4x {
  padding-top: var(--gutter4x);
  padding-bottom: var(--gutter4x);
}
.pl {
  padding-left: var(--gutter);
}
.pl2x {
  padding-left: var(--gutter2x);
}
.pr {
  padding-right: var(--gutter);
}
.pt4x {
  padding-top: var(--gutter4x);
}
.pt3x {
  padding-top: var(--gutter3x);
}
.pt2x {
  padding-top: var(--gutter2x);
}
.pt {
  padding-top: var(--gutter);
}
.pts {
  padding-top: var(--gutterSmall);
}
.pb {
  padding-bottom: var(--gutter);
}
.pbs {
  padding-bottom: var(--gutterSmall);
}
.pb2x {
  padding-bottom: var(--gutter2x);
}
.pb3x {
  padding-bottom: var(--gutter3x);
}
.pb4x {
  padding-bottom: var(--gutter4x);
}
.padding--none {
  padding: 0;
}
.padding--none-bottom {
  padding-bottom: 0;
}
.padding--none-top {
  padding-top: 0;
}
.padding--none-left {
  padding-left: 0;
}
.padding--none-right {
  padding-right: 0;
}
.fs-h1 {
  font-size: var(--heading1);
}
.fs-h1slim {
  font-size: var(--heading1slim);
}
.fs-h2 {
  font-size: var(--heading2);
}
.fs-h3 {
  font-size: var(--heading3);
}
.fs {
  font-size: var(--fs);
}
.fs-small {
  font-size: var(--small);
}
.fs-smaller {
  font-size: var(--smaller);
}
.lh1 {
  line-height: 1;
}
.regular {
  font-family: var(--regular);
}
.bold {
  font-family: var(--bold);
}
.toe {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.aic {
  align-items: center;
}
.aifs {
  align-items: flex-start;
}
.aife {
  align-items: flex-end;
}
.fdc {
  flex-direction: column;
}
.flex-left,
.flex-right,
.f1 {
  flex: 1;
}
.jcc {
  justify-content: center;
}
.flex-left,
.jcfs {
  justify-content: flex-start;
}
.flex-right,
.jcfe {
  justify-content: flex-end;
}
.ttu {
  text-transform: uppercase;
}
.ttn {
  text-transform: none;
}
.tdn {
  text-decoration: none;
}
.tdu {
  text-decoration: underline;
}
.wspw {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.br {
  border-radius: var(--border-radius);
}
.brs {
  border-radius: var(--border-radius-small);
}
.br--none {
  border-radius: 0;
}
.br--no-tops {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.br--no-bottoms {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.b {
  border: 1px solid var(--midnight-light);
}
.b--none {
  border: 0;
}
img.img-fit-box {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oh {
  overflow: hidden;
}
.ov {
  overflow: visible;
}
.elmc > * + * {
  margin-bottom: 0;
  margin-top: var(--gutter);
}
.elmc > *:first-child {
  margin-bottom: 0;
}
.radial-bg {
  position: relative;
}
.radial-bg:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.6);
  filter: blur(80px);
}
.radial-bg > * {
  position: relative;
  z-index: 7;
}
.bg-none {
  background: 0;
}
.rotated180deg {
  transform: rotate(180deg);
}
.rotated45deg {
  transform: rotate(45deg);
}
@media all and (max-width: 1080px) {
  .display-only-on-desktop {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .mt-none-mobile {
    margin-top: 0;
  }
  .mb-none-mobile {
    margin-bottom: 0;
  }
  .mtg-mobile {
    margin-top: var(--gutter);
  }
  .mbmm,
  .mbg-mobile {
    margin-bottom: var(--gutter);
  }
  .mbmm2 {
    margin-bottom: var(--gutterTinyNegative);
  }
  .tac-mobile {
    text-align: center;
  }
  .tal-mobile {
    text-align: left;
  }
  .tar-mobile {
    text-align: right;
  }
  .fs-h1-mobile,
  .fs-h2-mobile,
  .fs-h3-mobile {
    line-height: 1.2;
  }
  .fs-h1-mobile {
    font-size: var(--heading1);
  }
  .fs-h2-mobile {
    font-size: var(--heading2);
  }
  .fs-h3-mobile {
    font-size: var(--heading3);
  }
  .padding--horizontal4x {
    padding-left: var(--gutter2x);
    padding-right: var(--gutter2x);
  }
  .padding--horizontal2x {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
  .padding--vertical4x {
    padding-top: var(--gutter2x);
    padding-bottom: var(--gutter2x);
  }
  .pb-none-mobile {
    padding-bottom: 0;
  }
  .pt-none-mobile {
    padding-top: 0;
  }
  .pl-mobile {
    padding-left: var(--gutter);
  }
  .pr-mobile {
    padding-right: var(--gutter);
  }
  .pt-mobile {
    padding-top: var(--gutter);
  }
  .pb-mobile {
    padding-bottom: var(--gutter);
  }
  /*.padding--vertical2x { padding-top: var(--gutter); padding-bottom: var(--gutter); }*/
  .fdc-mobile {
    flex-direction: column;
  }
  .fdcr-mobile {
    flex-direction: column-reverse;
  }
  .elmc {
    margin-bottom: var(--gutter);
  }
  .jcfs-mobile {
    justify-content: flex-start;
  }
  .full-width-mobile {
    width: 100%;
  }
}
@media all and (max-width: 576px) {
  .w290,
  .w310 {
    width: 100%;
  }
}