/**
** -----------------------------------
** -----------------------------------
**	LOGIN / REGISTER / INVITATION  ---
** -----------------------------------
** -----------------------------------
**/
/**
** -----------------------------------
** -----------------------------------
**	FONTS  ---------------------------
** -----------------------------------
** -----------------------------------
**/
@font-face {
  font-family: 'gilroyregular';
  src: url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.ttf') format('truetype'), url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.svg#gilroyregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroyregular_italic';
  src: url('../fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.ttf') format('truetype'), url('../fonts/radomir_tinkov_-_gilroy-regularitalic-webfont.svg#gilroyregular_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroymedium';
  src: url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.ttf') format('truetype'), url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.svg#gilroymedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroymedium_italic';
  src: url('../fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/radomir_tinkov_-_gilroy-mediumitalic-webfont.svg#gilroymedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroybold';
  src: url('../fonts/radomir_tinkov_-_gilroy-bold-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-bold-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-bold-webfont.ttf') format('truetype'), url('../fonts/radomir_tinkov_-_gilroy-bold-webfont.svg#gilroybold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gilroybold_italic';
  src: url('../fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff2') format('woff2'), url('../fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff') format('woff'), url('../fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.ttf') format('truetype'), url('../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: 16px;
  --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;
}
/**
** -----------------------------------
** -----------------------------------
**	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;
  }
}
/**
** -----------------------------------
** -----------------------------------
**	NOTICES  -------------------------
** -----------------------------------
** -----------------------------------
**/
.notice,
.modal .notice {
  color: var(--white);
}
.notice-wrapper {
  position: fixed;
  left: 0;
  top: var(--gutter4x);
  z-index: 97;
  width: 100%;
  text-align: center;
}
.notice-wrapper .notice {
  display: inline-block;
  width: 100%;
  max-width: 320px;
}
.notice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--gutter) var(--gutter2x);
  margin: 0 0 var(--gutter2x);
  border-radius: var(--border-radius);
  background: var(--blue-medium);
  font-family: var(--bold);
}
.notice--small {
  padding: var(--gutterSmall) var(--gutter);
  border-radius: var(--border-radius-small);
  margin: 0 0 var(--gutter);
  font-size: var(--smaller);
}
.notice--error {
  background: var(--red);
}
.notice--success {
  background: var(--green);
}
.notice__close {
  position: absolute;
  top: -17px;
  right: var(--gutterTinyNegative);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  background-color: inherit;
  background-image: url(https://static.crowd1.com/static/assets/images/icons-badges/icons/icn-close-white.svg);
  background-position: center;
  background-repeat: no-repeat;
}
body {
  background-color: var(--midnight-medium);
  color: var(--plum-medium);
  font-size: var(--small);
  line-height: 1.58;
  font-family: var(--regular);
}
.log-reg-header {
  position: relative;
  /*position: fixed;
	top: 0;
	left: 0; */
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 104px;
  border-bottom: 1px solid var(--midnight-light);
  background-color: var(--midnight-medium);
  text-align: center;
}
.form-group {
  margin-bottom: var(--gutter);
}
.form-group--animate-label {
  position: relative;
}
.form-group--animate-label label {
  position: absolute;
  top: 50%;
  left: var(--gutter);
  z-index: 7;
  margin: -10px 0 0;
  color: var(--grey-light);
  font-family: var(--regular);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari and Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--midnight-dark) inset !important;
  -webkit-text-fill-color: var(--white) !important;
}

input:-webkit-autofill + label,
input:-webkit-autofill:hover + label,
input:-webkit-autofill:focus + label,
input:-webkit-autofill:active + label {
  font-size: var(--tiny);
  transform: translateY(-8px);
}

.form-control--log-reg {
  display: block;
  width: 100%;
  height: 54px;
  padding: var(--gutter);
  padding-top: var(--gutter2x);
  border: 1px solid var(--midnight-light);
  border-radius: var(--border-radius-small);
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--white);
  line-height: 2;
}
.form-control--log-reg:focus {
  border-color: var(--blue-light);
  outline: none;
}
.form-control--log-reg:focus + label,
.form-control--log-reg.has-content + label {
  font-size: var(--tiny);
  transform: translateY(-8px);
}

select {
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://static.crowd1.com/static/assets/images/system/arr-down2.svg);
  background-position: 95%;
  background-repeat: no-repeat;
  font-family: var(--bold);
}
select.form-control--log-reg {
  padding-top: var(--gutter);
  color: var(--grey-light);
  line-height: 1;
}
select.form-control--log-reg option {
  background: black;
}
select.form-control--log-reg:focus {
  border-color: var(--blue-light);
}
.btn {
  display: inline-block;
  max-width: 100%;
  height: 54px;
  padding: var(--gutterSmall) var(--gutter5x);
  border: 0;
  border-radius: 54px;
  font-family: var(--bold);
  color: var(--white);
  background: linear-gradient(270deg, #424EFB 0%, #535EFB 100%);
  text-align: center;
  transition: box-shadow 300ms ease;
}
.btn:hover {
  box-shadow: 0px 0px 50px 1px rgba(83,94,251,0.7);
}

}
.btn[disabled] {
  cursor: not-allowed;
  background: var(--grey);
}
.btn:focus {
  outline: none;
}
.alert {
  position: relative;
  display: none;
  padding: var(--gutter);
  margin-bottom: var(--gutter);
  border-radius: var(--border-radius-small);
  color: var(--white);
  font-family: var(--bold);
}
.alert:after {
  content: "";
  position: absolute;
  left: var(--gutter);
  top: 100%;
  width: 0;
  height: 0;
  margin-left: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid transparent;
}
.alert.is-shown {
  display: block;
}
.alert--error {
  background: var(--red);
}
.alert--error:after {
  border-top-color: var(--red);
}
.log-reg-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /*padding-top: 104px;*/
  background-color: var(--midnight-medium);
}
.log-reg__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.log-reg__bg {
  position: relative;
  top: -52px;
  display: flex;
  width: 100%;
  flex-grow: 1;
  background-image: url(https://static.crowd1.com/static/assets/images/login-register/logo-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.log-reg-content-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  /*height: 100%;
	overflow-y: auto;*/
}
.log-reg-content {
  z-index: 3;
  width: 100%;
  max-width: 384px;
  margin: 0;
}
.log-reg-content--login {
  display: flex;
  align-items: center;
  justify-content: center;
}
.log-reg-form {
  width: 100%;
  padding: var(--gutter5x) var(--gutter);
  margin: var(--gutter2x) 0;
}
.log-reg-form--login {
  margin: -104px 0 0;
}
@media all and (max-width: 768px) {
  .log-reg-form--registration {
    padding-top: 0;
  }
  .log-reg-header {
    position: relative;
    /*position: fixed;
		top: 0;
		left: 0; */
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid var(--midnight-light);
    background-color: var(--midnight-medium);
    text-align: center;
  }
}
/**
** -----------------------------------
** -----------------------------------
**	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--lime-medium {
  color: var(--lime-medium);
}
.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);
}
.pr2x {
  padding-right: var(--gutter2x);
}
.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;
}
.asfs {
  align-self: flex-start;
}
.asfe {
  align-self: 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-none-mobile {
    padding-left: 0;
  }
  .pr-none-mobile {
    padding-right: 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%;
  }
}

.invitation-wrapper {
  align-items: center;
  padding-left: var(--gutterSmall);
  padding-right: var(--gutterSmall);
}
.invitation-body {
  background: linear-gradient(180deg, #1E213A 0%, #0F0E1C 100%);
}
.invitation-content {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: var(--gutter2x) var(--gutter) var(--gutter3x);
  border-radius: var(--border-radius-small);
  margin: 90px var(--gutter) var(--gutter4x);
  background: var(--midnight-light);
}
.invitation-content-transparent {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: var(--gutter2x) var(--gutter) var(--gutter3x);
  margin: 15px var(--gutter) var(--gutter4x);
  background: none;
}
.invitation-badge-wrapper {
  position: absolute;
  left: 0;
  top: -38px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 76px;
}
.invitation-badge {
  display: inline-block;
  padding: var(--gutterSmall) var(--gutter2x);
  border-radius: var(--border-radius-small);
  color: var(--midnight-medium);
  font-family: var(--bold);
  background: linear-gradient(90deg, #00F69B 0%, #2EF8AD 100%);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
}
.invitation-iframe-wrapper {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  overflow: hidden;
}
.invitation-content__title {
  color: var(--plum-medium);
  font-size: 24px;
}
.invitation-content__msg {
  font-size: var(--fs);
  color: var(--plum-lighter);
  margin-bottom: none ;
}
.invitation-content__btn {
  display: inline-flex;
  align-items: center;
  padding: var(--gutterSmall) var(--gutter3x);
  border-radius: var(--border-radius-big);
  color: var(--white);
  font-family: var(--bold);
  background: var(--blue-medium);
  border: none;
}
.invitation-content__btn img {
  margin-left: var(--gutterSmall);
}
.invitation-content__btn:hover {
  background: var(--blue-dark);
  color: var(--white);
}
#invitation-slider .slick-slide {
  transition: opacity 0.5s ease;
}
#invitation-slider .slick-slide.is-fadedout {
  opacity: 0.00001 !important;
}
#invitation-slider .slick-dots {
  margin-bottom: var(--gutter2x);
}
#invitation-slider .slick-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--midnight-dark);
}
#invitation-slider .slick-dots button:focus {
  outline: none;
}
#invitation-slider .slick-dots li {
  margin: 0 var(--gutterSmall);
}
#invitation-slider .slick-dots li.slick-active button {
  background: var(--blue-medium);
}
@media all and (max-width: 768px) {
  .invitation-content {
    margin-top: var(--gutter4x);
  }
}

.form-group--sponsor {
    display: flex;
    align-items: center;
    height: 54px;
    /* border-bottom: 2px solid var(--blue-medium); */
    border: 1px solid var(--blue-medium);
    border-radius: var(--border-radius-small);
    background: rgba(0, 0, 0, 0.4);
}

.form-group--sponsor__label, .form-group--sponsor__username {
    padding: 0 var(--gutter);
}

.form-group--sponsor__label {
    flex: 1;
}

.form-group--sponsor__username {
    flex: 2;
    text-align: right;
}


.grecaptcha-badge { 
	visibility: collapse !important;
}

/**
** -----------------------------------
** -----------------------------------
**	FOOTER ---------------------------
** -----------------------------------
** -----------------------------------
**/
footer .form-group {
  margin-bottom: var(--gutterSmall);
}
footer .form-control {
  color: var(--midnight-lighter);
}

footer {
  padding: var(--gutter2x) 0 var(--gutter4x);
    margin-top: var(--gutter4x);
    background: var(--midnight-medium);
    color: var(--midnight-lighter);
    font-size: var(--smaller);
}

}
footer p {
  margin: 0;
}

footer .goog-te-combo {
  display: block;
  width: 100%;
  height: 44px;
  padding: var(--gutterSmall) var(--gutter);
  border: 1px solid transparent;
  border-radius: var(--border-radius-small);
  background-color: var(--midnight-light);
  line-height: 2;
  background-image: url(https://static.crowd1.com/static/assets/images/system/arr-down2.svg);
  background-position: 95%;
  background-repeat: no-repeat;
  font-family: var(--bold);
  color: var(--midnight-lighter);
}
.skiptranslate.goog-te-gadget {
  color: var(--midnight-medium);
  font-size: 0;
}
.skiptranslate.goog-te-gadget > * {
  opacity: 0;
}
.skiptranslate.goog-te-gadget .goog-logo-link {
  display: none;
}
.skiptranslate.goog-te-gadget div[id*="targetLanguage"] {
  opacity: 1;
}

.f-heading {
	display: block;
    margin-top: var(--gutter2x);
    margin-bottom: var(--gutter);
    font-size: var(--small);
}

.f-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.f-nav li {
  margin-top: var(--gutterSmall);
}
.f-nav li:first-child {
  margin-top: 0;
}
.f-nav a {
  color: var(--midnight-lighter);
}
.f-nav a:hover {
  color: var(--plum-dark);
}