@charset "UTF-8";
/* override */
.scBackgroundChalkboard {
  background-image: url("../images/v2/chalkboard_2.jpg");
  background-position: center top;
}

.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.container {
  width: 100%;
  padding: 0 15px;
}

form {
  margin-bottom: 30px;
}

.ecosystemSelector {
  height: 50px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.ecosystemSelector .item {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 30px;
  margin-right: 15px;
  line-height: 0px;
  color: rgba(0, 0, 0, 0.15);
}
.ecosystemSelector .item.active {
  color: rgba(0, 0, 0, 0.85);
}
.ecosystemSelector .item i {
  font-size: 30px;
  position: absolute;
  top: 10px;
  left: 0px;
}
.ecosystemSelector .item a {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ecosystemSelector .item:last-child {
  margin-right: 0px;
}

.ecosystemOuter {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
}
.ecosystemOuter .sidebar {
  position: absolute;
  left: 0px;
  height: 100%;
  width: 300px;
}
.ecosystemOuter .sidebar .item {
  background: #FFF;
  position: relative;
  font-family: Roboto;
  font-weight: 700;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.15);
  letter-spacing: 1.83px;
  line-height: 10px;
  height: 50px;
  transition: 0.2s;
}
.ecosystemOuter .sidebar .item span {
  position: absolute;
  left: 60px;
  top: 20px;
  line-height: 10px;
  text-transform: uppercase;
}
.ecosystemOuter .sidebar .item:hover:not(.active) {
  color: rgba(0, 0, 0, 0.5);
}
.ecosystemOuter .sidebar .item.active {
  color: rgba(0, 0, 0, 0.85);
}
.ecosystemOuter .sidebar .item a.cover {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.ecosystemOuter .sidebar .item .divider {
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0px;
  right: 0px;
  left: 60px;
  height: 1px;
}
.ecosystemOuter .sidebar .item i {
  font-size: 30px;
  position: absolute;
  top: 10px;
}
.ecosystemOuter .sidebar .item i.logo {
  left: 15px;
}
.ecosystemOuter .sidebar .item i.continue {
  right: 15px;
}
.ecosystemOuter .pips {
  text-align: center;
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.ecosystemOuter .pips .item {
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  color: rgba(255, 255, 255, 0.3);
  line-height: 0px;
  display: inline-block;
  position: relative;
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
  top: 0px;
}
.ecosystemOuter .pips .item.active {
  color: rgba(255, 255, 255, 0.85);
}
.ecosystemOuter .pips .item a.cover {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.ecosystemOuter .pips .item i.logo {
  position: relative;
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
  font-size: 20px;
  top: 0px;
}
.ecosystemOuter .fixed16by9 {
  position: relative;
}
@media (min-width: 1170px) {
  .ecosystemOuter .fixed16by9 {
    margin-left: 300px;
  }
}
.ecosystemOuter .fixed16by9 .item {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s;
}
.ecosystemOuter .fixed16by9 .item.active {
  opacity: 1;
}
.ecosystemOuter .fixed16by9 .item img.background {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.ecosystemOuter .fixed16by9 .item .logo {
  position: absolute;
  top: 15px;
  left: 25px;
  display: none;
}
.ecosystemOuter .fixed16by9 .item .logo img {
  height: 60px;
}
@media (min-width: 768px) {
  .ecosystemOuter .fixed16by9 .item .logo {
    display: block;
  }
}
.ecosystemOuter .fixed16by9 .item p {
  position: absolute;
  top: 82px;
  left: 25px;
  width: 290px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: left;
  line-height: 22px;
  display: none;
}
@media (min-width: 768px) {
  .ecosystemOuter .fixed16by9 .item p {
    display: block;
  }
}
.ecosystemOuter .fixed16by9 .item .icon {
  height: 60px;
  position: absolute;
  right: 15px;
  top: 15px;
  display: none;
}
@media (min-width: 768px) {
  .ecosystemOuter .fixed16by9 .item .icon {
    display: block;
  }
}
.ecosystemOuter .fixed16by9 .holder {
  position: relative;
  line-height: 0px;
  padding-top: 56.25%;
  box-sizing: border-box;
  overflow: hidden;
  background: #000;
}

.ecosystemInfo {
  /*
  		<div class="ecosystemInfo mobile">
  			<div class="item fanzToken active">
  				<div class="logo"><img src="{{ staticPrefix }}ico/images/v2/FANZToken_Logo_Regular.png" /></div>
  				<p>The FanChain token (“FANZ”) is loaded with features that will make sports fans cheer. It has the unique ability to include team and league “stamps” within each token, meaning that you’re not just getting FANZ — you’re getting a digital asset that is linked to your favorite team. Even better? The token is still completely fungible, meaning it can be traded on your favorite exchange and easily used outside of the FanChain ecosystem.
  				</p>
  				<img src="{{ staticPrefix }}ico/images/v2/FANZToken_AppStore_Badge.png" class="icon" />
  			</div>
  */
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ecosystemInfo .item {
  position: relative;
  padding-top: 70px;
  display: none;
}
.ecosystemInfo .item.active {
  display: block;
}
.ecosystemInfo .item .logo {
  position: absolute;
  top: 15px;
  left: 15px;
}
.ecosystemInfo .item .logo img {
  height: 40px;
}
.ecosystemInfo .item .icon {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 40px;
}
.ecosystemInfo .item p {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
  padding: 0 15px;
  margin: 0px;
}

.homepage .divider {
  height: 10px;
  position: relative;
  z-index: 2;
}
.homepage .divider a.logo {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  margin-top: -20px;
  margin-left: -66.66px;
}
.homepage .divider a.logo img {
  height: 40px;
}
@media (min-width: 768px) {
  .homepage .divider a.logo {
    margin-top: -30px;
    margin-left: -100px;
  }
  .homepage .divider a.logo img {
    height: 60px;
  }
}
.homepage .latestNews {
  height: 30px;
  position: relative;
  padding: 5px 15px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .homepage .latestNews {
    padding: 5px 30px;
  }
}
.homepage .latestNews .left {
  float: left;
  max-width: 50%;
  white-space: nowrap;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .latestNews .right {
  float: right;
  text-align: right;
}
.homepage .latestNews a {
  display: block;
  text-transform: uppercase;
  font-family: Roboto;
  font-weight: 700;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 1.83px;
  line-height: 20px;
  white-space: nowrap;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 35px;
}
.homepage .latestNews a i {
  position: absolute;
  font-size: 30px;
  right: 0px;
  top: -5px;
}
.homepage .divider {
  height: 1px;
  background-image: linear-gradient(-90deg, #FECF00 0%, #F71E33 100%);
}
.homepage .divider.fat {
  height: 10px;
}
.homepage .divider.fat.under {
  z-index: 0;
}
.homepage .background {
  text-align: center;
  position: relative;
}
.homepage .background .inner {
  text-align: left;
  max-width: 1170px;
  display: inline-block;
  width: 100%;
}
.homepage .background.top {
  position: relative;
  box-sizing: border-box;
  padding-top: 30px;
  text-align: center;
  height: 750px;
  z-index: 1;
  height: auto;
  padding-bottom: calc(30px + 63px);
}
@media (min-width: 768px) {
  .homepage .background.top {
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  .homepage .background.top {
    height: auto;
    padding-bottom: calc(30px + 86px);
  }
}
.homepage .background.top .cover {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.homepage .background.top .cover img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.homepage .background.top .badge {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: -63px;
  width: 150px;
}
@media (min-width: 768px) {
  .homepage .background.top .badge {
    bottom: -86px;
    width: 202px;
    margin-left: -101px;
  }
}
.homepage .background.top .content {
  position: relative;
  z-index: 2;
}
.homepage .background.top .content > .logo {
  display: block;
  margin: 0 auto 30px;
  height: 24px;
}
@media (min-width: 768px) {
  .homepage .background.top .content > .logo {
    height: 40px;
    margin: 0 auto 50px;
  }
}
.homepage .background.top .content .quoteBox {
  position: relative;
  height: 104px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.homepage .background.top .content .quoteBox .quote {
  padding-bottom: 30px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  display: none;
}
.homepage .background.top .content .quoteBox .quote:hover .text {
  font-wieght: 700;
}
.homepage .background.top .content .quoteBox .quote.active {
  display: block;
}
.homepage .background.top .content .quoteBox .quote .logo {
  line-height: 0px;
}
.homepage .background.top .content .quoteBox .quote a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
}
.homepage .background.top .content .quoteBox .quote .text {
  transition: 0.2s;
  font-family: Roboto;
  font-weight: 300;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  padding: 0 15px 10px;
}
@media (min-width: 768px) {
  .homepage .background.top .content .quoteBox .quote .text {
    font-size: 24px;
  }
}
.homepage .background.top .content .quoteBox .quote img {
  height: 40px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.homepage .background.top .content .countDownTime {
  padding-bottom: 30px;
}
.homepage .background.top .content .countDownTime h1 {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-family: Roboto;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 30px;
}
.homepage .background.top .content .countDownTime .svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  display: none;
}
.homepage .background.top .content .countDownTime .svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: rgba(255, 255, 255, 0.3);
  stroke-width: 4px;
}
.homepage .background.top .content .countDownTime .svg.active circle {
  transition: stroke-dashoffset 0.9s linear;
}
.homepage .background.top .content .countDownTime .svg.active.fast circle {
  transition: stroke-dashoffset 0.1s linear;
}
.homepage .background.top .content .countDownTime .svg #bar1 {
  strokeDashoffset: 50;
  stroke: #F71E33;
}
.homepage .background.top .content .countDownTime .svg #bar2 {
  strokeDashoffset: 50;
  stroke: #158EFC;
}
.homepage .background.top .content .countDownTime .svg #bar3 {
  strokeDashoffset: 50;
  stroke: #7AC943;
}
.homepage .background.top .content .countDownTime .svg #bar4 {
  strokeDashoffset: 50;
  stroke: #FECF00;
}
.homepage .background.top .content .countDownTime .cont {
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 10px;
  border-radius: 100%;
  position: relative;
}
.homepage .background.top .content .countDownTime .cont span {
  display: block;
  clear: both;
  text-align: center;
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 1.8px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.homepage .background.top .content .countDownTime .cont .time {
  position: absolute;
  line-height: 1em;
  left: 0%;
  top: 50%;
  margin-top: -0.5em;
  text-align: center;
  color: #FFF;
  width: 100%;
  font-size: 39px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  margin-top: -20px;
}
.homepage .background.top .content .countDownTime .spacer.mobile {
  clear: both;
  height: 30px;
}
.homepage .background.top .content .joinWhitelistHeader a.scButton {
  width: 245px;
  text-align: center;
}
.homepage .background.top .content .joinWhitelistHeader a.scButton img {
  height: 18px;
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -9px;
}
.homepage .background.top .content .joinWhitelistHeader a.scButton {
  position: relative;
  text-align: center;
}
.homepage .background.top .content .joinWhitelistHeader a i {
  padding-left: 10px;
  font-size: 30px;
  line-height: 50px;
  color: #FFF;
}
.homepage .background.info {
  color: white;
  padding-top: 50px;
  background-image: url("../images/v2/taylor-rooney-1060977-unsplash.jpg");
  background-position: center bottom;
  background-size: cover;
}
.homepage .background.info > img {
  height: 100px;
}
@media (min-width: 768px) {
  .homepage .background.info {
    padding-top: 50px;
  }
}
.homepage .background.info h1 {
  font-family: Roboto;
  font-weight: 300;
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
  .homepage .background.info h1 {
    border: 0px;
    padding-bottom: 30px;
  }
}
.homepage .background.info .item {
  display: block;
  font-family: Roboto;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 30px 0 0 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.homepage .background.info .item h2 {
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
  font-family: Roboto;
  font-weight: 700;
  font-size: 60px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 60px;
}
@media (min-width: 1170px) {
  .homepage .background.info .item {
    width: 369px;
    text-align: center;
    border: 0px;
    display: inline-block;
    padding-bottom: 0px;
    padding-top: 0px;
  }
}
.homepage .background.info .wordCloud {
  clear: both;
}
@media (min-width: 768px) {
  .homepage .background.info .wordCloud {
    padding-bottom: 100px;
  }
}
.homepage .background.info .wordCloud .imageBox {
  display: inline-block;
  margin: auto;
  position: relative;
}
.homepage .background.info .wordCloud .imageBox img {
  width: 100%;
  opacity: 0;
}
.homepage .background.info .wordCloud .imageBox img:not(.placeholder) {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: 1s;
}
.homepage .background.info .wordCloud .imageBox img:not(.placeholder).active {
  opacity: 1;
}
.homepage .background.together {
  font-family: Roboto;
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  padding: 30px 15px;
}
.homepage .background.movesForward {
  padding-bottom: 0px;
}
.homepage .background.movesForward .actionCards {
  background: #f2f2f2;
  padding: 15px 15px 15px;
  box-sizing: border-box;
}
.homepage .background.movesForward .actionCards .card {
  padding: 30px;
  display: inline-block;
  max-width: 420px;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}
.homepage .background.movesForward .actionCards .card:first-child {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .homepage .background.movesForward .actionCards .card {
    margin: 0 5px 10px;
  }
}
.homepage .background.movesForward .actionCards .card p a {
  font-weight: 700;
  color: #000000;
}
.homepage .background.movesForward .actionCards img {
  height: 24px;
  padding-bottom: 15px;
}
@media (min-width: 1024px) {
  .homepage .background.movesForward .actionCards {
    position: absolute;
    top: -117px;
    z-index: 1;
    left: 0px;
    right: 0px;
    background: transparent;
    padding: 0px;
  }
}
@media (min-width: 1024px) {
  .homepage .background.movesForward {
    padding-top: 110px;
  }
}
.homepage .background.movesForward .inner {
  text-align: center;
}
.homepage .background.movesForward .title {
  padding-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  text-transform: none;
}
.homepage .background.movesForward .item {
  text-align: center;
}
@media (min-width: 768px) {
  .homepage .background.movesForward .item {
    width: 380px;
    display: inline-block;
  }
}
@media (min-width: 1170px) {
  .homepage .background.movesForward .item {
    float: left;
    max-width: 25%;
    width: 25%;
  }
}
.homepage .background.movesForward .item img {
  display: block;
  width: 145px;
  margin: 0 auto 15px;
}
.homepage .background.movesForward .item p {
  text-align: center;
  margin: 0px auto;
  width: 200px;
  padding-bottom: 30px;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
}
.homepage .background.movesForward .item p strong {
  padding-bottom: 10px;
  display: block;
  font-family: Roboto;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  text-transform: none;
}
.homepage .background.asSeenOn {
  padding-bottom: 30px;
  padding-left: 15px;
  background: rgba(0, 0, 0, 0.05);
  padding-right: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (min-width: 1170px) {
  .homepage .background.asSeenOn {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.homepage .background.asSeenOn .inner {
  text-align: center;
}
@media (min-width: 768px) {
  .homepage .background.asSeenOn .inner {
    text-align: left;
  }
}
.homepage .background.asSeenOn a {
  display: block;
  text-align: center;
}
.homepage .background.asSeenOn a img {
  width: 245px;
}
@media (min-width: 768px) {
  .homepage .background.asSeenOn a {
    float: left;
    width: calc(100% / 2);
  }
  .homepage .background.asSeenOn a img {
    width: 100%;
  }
}
@media (min-width: 1170px) {
  .homepage .background.asSeenOn a {
    width: calc(100% / 5);
  }
}
.homepage .background.meetTheTeam p {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 30px 30px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
}
.homepage .background.meetTheTeam a.scButton {
  display: block;
  max-width: 220px;
  margin: 0 auto 30px;
}
@media (max-width: 767px) {
  .homepage .background.fixed16by9 .scButton {
    margin-right: 6px;
  }
  .homepage .background.fixed16by9 .contentBox {
    padding: 0 15px 0px;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
  }
  .homepage .background.fixed16by9 .contentBox a:not(.scButton) {
    font-weight: 700;
    color: #333333;
  }
  .homepage .background.fixed16by9 .contentBox .scButton {
    margin-bottom: 20px;
  }
  .homepage .background.fixed16by9 .contentBox img {
    height: 40px;
    display: block;
    margin: 15px auto;
  }
  .homepage .background.fixed16by9 .contentBox h2 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
  }
  .homepage .background.fixed16by9 .contentBox p {
    margin-bottom: 20px;
  }
  .homepage .background.fixed16by9 .badgeHolder img {
    height: 40px;
    padding-bottom: 30px;
  }
  .homepage .background.fixed16by9 .holder {
    position: relative;
    line-height: 0px;
    padding-top: 56.25%;
  }
  .homepage .background.fixed16by9 .holder > img {
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder {
    position: relative;
    line-height: 0px;
    padding-top: 56.25%;
    box-sizing: border-box;
    min-height: 500px;
    overflow: hidden;
  }
  .homepage .background.fixed16by9 .holder img {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .homepage .background.fixed16by9 .holder .contentBox {
    position: absolute;
    left: 30px;
    top: 50px;
    height: 400px;
    max-width: 50%;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
  }
}
@media (min-width: 768px) and (min-width: 1170px) {
  .homepage .background.fixed16by9 .holder .contentBox {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (min-width: 1170px) {
  .homepage .background.fixed16by9 .holder .contentBox {
    max-width: 350px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox h2 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 768px) and (min-width: 1170px) {
  .homepage .background.fixed16by9 .holder .contentBox h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox img.contentLogo {
    position: relative;
    margin-bottom: 30px;
    height: 40px;
  }
}
@media (min-width: 768px) and (min-width: 1170px) {
  .homepage .background.fixed16by9 .holder .contentBox img.contentLogo {
    height: 60px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    clear: both;
    display: block;
  }
}
@media (min-width: 768px) and (min-width: 1170px) {
  .homepage .background.fixed16by9 .holder .contentBox p {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox a {
    font-family: Roboto;
    font-weight: 700;
    color: #FFFFFF;
    position: relative;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox a.scButton {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox a.scButton.first {
    margin-right: 5px;
  }
}
@media (min-width: 768px) {
  .homepage .background.fixed16by9 .holder .contentBox.right {
    text-align: right;
    left: inherit;
    right: 30px;
  }
  .homepage .background.fixed16by9 .holder .contentBox.right h2 {
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
    clear: both;
  }
}
.homepage .background .title {
  text-align: center;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 2px;
  text-align: center;
  padding: 30px 0 30px;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
}
.homepage .background.scBackgroundChalkboard .title {
  color: #FFF;
}
.homepage .background.soloTitle .title {
  padding-bottom: 30px;
}
.homepage .background.mint {
  background-image: url("https://d2xbkms79gkggc.cloudfront.net/upload/184921/1539188451/Grass_Strip_smaller2x.jpg");
  background-position: center center;
  background-size: cover;
  padding-bottom: 30px;
}
.homepage .background.mint .inner {
  text-align: center;
}
.homepage .background.mint .scButton {
  min-width: 250px;
}
.homepage .background.mint .title {
  text-transform: none;
  color: #FFF;
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 30px;
}
.homepage .background.partnerships {
  padding-bottom: 30px;
}
.homepage .background.partnerships .title {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .homepage .background.partnerships .item {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1170px) {
  .homepage .background.partnerships .item {
    width: 25%;
  }
}
.homepage .background.partnerships .item img {
  max-width: 100%;
}
.homepage .background.quotes .item {
  padding: 30px 15px;
}
.homepage .background.quotes .item:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.homepage .background.quotes .item h1 {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
  max-width: 880px;
  margin: 0 auto 15px;
}
.homepage .background.quotes .item h2 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}
.homepage .background.quotes .item p {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
  display: block;
  max-width: 880px;
  margin: 0 auto;
}
.homepage .background.quotes .item p strong {
  display: block;
}
.homepage .background .contentCards {
  margin-left: -5px;
  line-height: 0px;
  text-align: center;
  padding: 30px 0 0 0;
  color: rgba(0, 0, 0, 0.9);
}
@media (min-width: 768px) {
  .homepage .background .contentCards {
    margin-left: 0px;
  }
}
.homepage .background .contentCards:last-child {
  padding-top: 30px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .homepage .background .contentCards:last-child {
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
.homepage .background .contentCards .card {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 230px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  display: block;
  margin: 0 auto 10px auto;
}
.homepage .background .contentCards .card img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}
.homepage .background .contentCards .card a {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.9);
}
.homepage .background .contentCards .card .textarea {
  position: absolute;
  bottom: 0px;
  height: 50px;
  background: #FFF;
  border-radius: 0px 0px 5px 5px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  line-height: 50px;
}
.homepage .background .contentCards .card .textarea i {
  position: absolute;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.9);
  left: 10px;
  top: 13px;
}
.homepage .background .contentCards .card .textarea p {
  padding: 0px;
  margin: 0px;
  padding-left: 44px;
}
@media (min-width: 750px) {
  .homepage .background .contentCards .card {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 5px;
    margin-right: 5px;
    width: 220px;
    height: 180px;
  }
}
@media (min-width: 1000px) {
  .homepage .background .contentCards .card {
    width: 300px;
    height: 230px;
  }
}
.homepage .background.allocation {
  background-image: url("../images/v2/chalkboard_2.jpg");
  background-size: cover;
  background-position: center center;
  padding-bottom: 0px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  text-align: center;
}
.homepage .background.allocation .title {
  color: #FFFFFF;
}
.homepage .background.allocation a {
  text-transform: uppercase;
  padding-left: 5px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.8px;
}
.homepage .background.allocation h1 {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-top: 30px;
}
.homepage .background.allocation h2 {
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
}
.homepage .background.allocation h3 {
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 2px;
  text-align: left;
  color: #ffffff;
  padding: 0px 0px 20px;
  margin: 0px;
  text-transform: uppercase;
}
.homepage .background.allocation .rightSide {
  text-align: left;
  display: inline-block;
}
.homepage .background.allocation .row.desktop {
  vertical-align: top;
}
.homepage .background.allocation .desktop .leftSide {
  margin-right: 20px;
}
.homepage .background.allocation .mobile .leftSide span {
  display: block;
}
.homepage .background.allocation .mobile.row {
  margin: 0 -15px;
}
.homepage .background.allocation .mobile .leftSide, .homepage .background.allocation .mobile .rightSide {
  display: block;
  margin: 0 15px;
}
.homepage .background.allocation .mobile .rightSide {
  padding-left: 35px;
  margin: 0;
}
.homepage .background.allocation .leftSide {
  text-align: left;
  vertical-align: top;
  display: inline-block;
}
.homepage .background.allocation .leftSide .row {
  position: relative;
  padding-left: 20px;
}
.homepage .background.allocation .leftSide .centerText * {
  text-align: center;
}
.homepage .background.allocation .leftSide .row .dot {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: #FFF;
}
.homepage .background.allocation .leftSide .row .dot.dot1 {
  background-image: linear-gradient(45deg, #f6003e, #f6003e, #F47924, #fecf00, #fecf00);
  background-image: linear-gradient(90deg, #f6003e, #fecf00);
}
.homepage .background.allocation .leftSide .row .dot.dot2 {
  background-color: #F71E33;
}
.homepage .background.allocation .leftSide .row .dot.dot3 {
  background-color: #158EFC;
}
.homepage .background.allocation .leftSide .row .dot.dot4 {
  background-color: #7AC943;
}
.homepage .background.allocation .leftSide .row .dot.dot5 {
  background-color: #FECF00;
}
.homepage .background.allocation .leftSide .row .dot.dot6 {
  background-color: #F47924;
}
.homepage .background.allocation .leftSide .row .dot.dot7 {
  background-color: #F47924;
}
.homepage .background.allocation .mobile .rightSide {
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 20px;
}
.homepage .background.allocation span {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: left;
  color: #ffffff;
  padding-right: 5px;
}
.homepage .background.allocation .distrobution {
  text-align: center;
  margin: 0 -15px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.homepage .background.allocation .distrobution .container {
  padding: 0px;
}
.homepage .background.allocation .distrobution img {
  width: 100%;
  max-width: 1170px;
  display: block;
  margin: 0 auto;
  padding: 0px;
}
.homepage .background.allocation .distrobution .mobile img:last-child {
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .homepage .background.allocation .distrobution {
    border-bottom: 0px;
  }
}
.homepage .background.allocation .distrobution h1 {
  font-weight: 300;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  padding: 0 0 30px;
  margin-bottom: 0px;
  text-transform: none;
}
.homepage .background.allocation .distrobution h1:last-child {
  margin-bottom: 0px;
  padding-bottom: 30px;
}
@media (min-width: 750px) {
  .homepage .background.allocation span {
    padding-right: 10px;
  }
}
@media (max-width: 1200px) {
  .homepage .background.allocation .four {
    width: 60%;
    margin: 0px;
    box-sizing: border-box;
    padding-left: 4%;
    padding-right: 2%;
  }
  .homepage .background.allocation .three:not(.rightSide) {
    display: none;
  }
  .homepage .background.allocation .columns.three.rightSide {
    width: 40%;
    margin: 0px;
    box-sizing: border-box;
    padding-right: 4%;
    padding-left: 2%;
  }
}
.homepage .background.cryptoInvestors {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.homepage .background.cryptoInvestors img {
  max-width: 100%;
}
.homepage .background.cryptoInvestors .inner .title {
  padding-bottom: 30px;
}
.homepage .background.cryptoInvestors .links {
  padding-bottom: 30px;
}
.homepage .background.cryptoInvestors .links::after {
  content: "";
  clear: both;
  display: table;
}
.homepage .background.cryptoInvestors .item {
  text-align: center;
  display: block;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  float: left;
}
@media (min-width: 768px) {
  .homepage .background.cryptoInvestors .item {
    display: inline-block;
    max-width: 50%;
  }
}
@media (min-width: 1170px) {
  .homepage .background.cryptoInvestors .item {
    max-width: 33%;
  }
}
.homepage .background.investors {
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  padding-bottom: 30px;
}
.homepage .background.investors .inner {
  text-align: center;
  line-height: 0px;
}
.homepage .background.investors .inner .items {
  display: flex;
  justify-content: center;
}
.homepage .background.investors p {
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.homepage .background.investors img {
  max-width: 100%;
}
.homepage .background.investors .item {
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  padding: 0 15px;
  float: none;
  height: 250px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .homepage .background.investors .item {
    max-width: 49%;
  }
}
@media (min-width: 1170px) {
  .homepage .background.investors .item {
    max-width: 33%;
  }
  .homepage .background.investors .item:last-child {
    display: inline-block;
    margin: 0px;
  }
}

.noticeModal {
  width: 666px;
  padding-top: 60px;
  box-sizing: border-box;
}
.noticeModal .title {
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px;
  right: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 1.8px;
  text-align: center;
  color: #bbbbbb;
  line-height: 28px;
  padding-top: 2px;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .noticeModal {
    width: 320px;
  }
  .noticeModal .row .columns {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .noticeModal .row .columns:first-child {
    margin-bottom: 30px;
  }
}
a.scButton {
  text-decoration: none !important;
}

.modalOverlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 90001;
  display: none;
  opacity: 0;
  transition: 0.2s;
}

.modal {
  position: absolute;
  background: #Fff;
  padding: 30px 20px 20px 20px;
  border-radius: 15px;
  left: 20px;
  top: 20px;
  height: auto;
  left: 50%;
  top: 50%;
  opacity: 0;
  transition: opacity 0.2s;
}
.modal .breakLine {
  clear: both;
  padding-top: 10px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.modal.login {
  width: 500px;
  margin-left: -270px;
  margin-top: -183px;
}
.modal h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  padding: 10px 0;
  margin: 0;
}
.modal h4.deleted {
  color: #F71E32 !important;
}
.modal.login h4 {
  margin-bottom: 15px;
}
.modal .closeModal {
  position: absolute;
  right: -10px;
  top: -10px;
  text-decoration: none;
}
.modal .closeModal i {
  background: #FFF;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  font-size: 25px;
  text-align: center;
  color: rgba(0, 0, 0, 0.15);
  padding: 5px;
  line-height: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.15);
}
.modal .closeModal i:hover {
  color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 1170px) {
  .modal .closeModal {
    position: absolute;
    right: -20px;
    top: -20px;
  }
  .modal .closeModal i {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    line-height: 40px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: opacity 0.2s;
  }
}
.modalText {
  text-align: center;
}

.modal .button {
  color: #FFF;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
}
.modal .button:hover {
  background: rgba(0, 0, 0, 0.5);
}
.modal .modalText {
  clear: both;
  font-size: 10px;
  line-height: 14px;
}
.modal .modalText p {
  padding-top: 20px;
  padding-bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.modal.apply {
  width: 300px;
  left: 50%;
  top: 50%;
  margin-top: -289px;
  margin-left: -170px;
}
.modal.apply img {
  max-width: 70%;
  margin: -15px auto 10px auto;
}
.modal.apply input[type=text], .modal.apply input[type=email] {
  width: 100%;
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  transition: 0.2s;
  padding-left: 7px;
  font-size: 14px !important;
}

/*Added for browser compatibility*/
[hidden] {
  display: none;
}

.modal.apply select {
  text-align: left;
  width: 100%;
  border-radius: 0px;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 0px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAK9JREFUSA3tkMkKwkAQBccFN9CT4in//2eK3lxvLlXogJBxJAdv3VAJ6el+b/JSiooEIoFaAhMOGxhWhjxzxtliDYrdV3PNawZzuMANPmvEh+Jj0OgEraoZKOrNFNDkCtnEnuIK29/CA1pVM3DBWymm0QIUy7G4e4YNFMXpp56PH+WMcWlwf8/2eR9hB1/Fna39gee5jMubT0HDA+yhKs5551qxsey8FQuRQCTw3wSeMPUXsU6bW2QAAAAASUVORK5CYII=");
  padding-left: 7px;
  font-size: 14px;
  font-weight: 300;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.modal.apply select option {
  color: rgba(0, 0, 0, 0.3);
  border-radius: 0px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAK9JREFUSA3tkMkKwkAQBccFN9CT4in//2eK3lxvLlXogJBxJAdv3VAJ6el+b/JSiooEIoFaAhMOGxhWhjxzxtliDYrdV3PNawZzuMANPmvEh+Jj0OgEraoZKOrNFNDkCtnEnuIK29/CA1pVM3DBWymm0QIUy7G4e4YNFMXpp56PH+WMcWlwf8/2eR9hB1/Fna39gee5jMubT0HDA+yhKs5551qxsey8FQuRQCTw3wSeMPUXsU6bW2QAAAAASUVORK5CYII=");
  padding-left: 7px;
  font-size: 14px;
  font-weight: 300;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.modal.apply select:invalid, .modal.apply select option[value=""] {
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply textarea {
  width: 100%;
  text-align: left;
  border-radius: 0px;
  transition: 0.2s;
  height: 5em;
  min-height: auto;
  font-size: 13px;
  line-height: 20px;
}
.modal.apply .inner {
  padding: 5px 10px 5px 10px;
}
.modal.apply a.customButton {
  position: relative;
  top: 0px;
  display: block;
  cursor: pointer;
  width: 100%;
  left: 0px;
  margin-left: 0px;
}
.modal.apply form {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.modal.apply .modalText p {
  padding: 0px;
  color: #000;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 1px;
  padding: 0 5px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply input::-webkit-input-placeholder, .modal.apply textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply input::-moz-placeholder, .modal.apply textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply input:-ms-input-placeholder, .modal.apply textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply input:-moz-placeholder, .modal.apply textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}
.modal.apply .checkboxOuter {
  position: relative;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.modal.apply .checkboxOuter input[type=checkbox] {
  position: absolute;
  right: 0px;
  top: 4px;
  background: #FFF !important;
  border-radius: 0px;
}
.modal.apply label {
  padding-bottom: 0px;
  margin-bottom: 0px;
  transition: 0.2s;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 1.8px;
  text-align: left;
  color: #bbbbbb;
  font-weight: 600 !important;
}
.modal.apply label.error {
  color: #F71E33;
}
.modal.apply input[type=text].error, .modal.apply input[type=email].error {
  border-color: #F71E33;
}
.modal.apply select.error, .modal.apply textarea.error {
  border-color: #F71E33;
}
.modal.apply input[type=text]:focus, .modal.apply input[type=email]:focus {
  border-color: #000;
}
.modal.apply textarea:focus {
  border-color: #000;
}

.smoke-base {
  z-index: 100000 !important;
}

@media (max-width: 600px) {
  .smoke-base .dialog {
    width: 80%;
    margin-left: -40%;
    left: 50%;
    max-width: 500px;
  }
}
.noticeModal input[type=email], .noticeModal input[type=tel] {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #333;
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px;
  width: 100%;
  border-radius: 0px;
  background: transparent;
  cursor: pointer;
  transition: 0.2s;
}
.noticeModal input[type=email].contactInput:focus, .noticeModal input.contactInput[type=tel]:focus {
  border-image-source: linear-gradient(to right, #F71E33, #FECF00);
  border-width: 1px;
  border-image-slice: 1;
}
.noticeModal input[type=tel]::placeholder, .noticeModal input[type=email]::placeholder {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}
.noticeModal input[type=email]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.noticeModal input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.noticeModal input[type=email]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.noticeModal input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.noticeModal .modalIcon {
  text-align: center;
  color: rgba(0, 0, 0, 0.15);
  font-size: 100px;
  line-height: 0px;
  margin-bottom: 30px;
  height: 100px;
}
.noticeModal .modalText {
  font-family: Roboto;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}
.noticeModal .scButton {
  width: 100%;
}
.noticeModal h1 {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.noticeModal.nflpaPartnership {
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 0px;
}
.noticeModal.nflpaPartnership img {
  max-width: 100%;
  margin-bottom: 23px;
  line-height: 0px;
}
.noticeModal.nflpaPartnership .inner {
  padding-left: 30px;
  padding-right: 30px;
}
.noticeModal.nflpaPartnership .title {
  border-bottom: 0px;
}
.noticeModal.nflpaPartnership .modalText {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}
.noticeModal.nflpaPartnership .scButton {
  max-width: 334px;
  display: block;
  margin: 0 auto;
}
.noticeModal i {
  display: block;
  font-size: 50px;
  margin-bottom: 15px;
  margin: 0 auto 15px;
  text-align: center;
}
.noticeModal h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 1.8px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  padding: 0px;
  margin: 0 0 30px 0;
}
.noticeModal form {
  width: 100%;
  max-width: 333px;
  display: block;
  margin: auto;
}
.noticeModal input.error {
  border-color: #F71E33;
  color: #F71E33;
}
.noticeModal .scButton.closeModalLink {
  width: 100%;
  max-width: 333px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.noticeModal.joinSuccessful .modalText {
  margin-bottom: 30px;
}

@media (max-width: 550px) {
  .noticeModal .modalIcon {
    text-align: center;
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
    line-height: 0px;
    margin-bottom: 30px;
    height: 60px;
  }
}
@media (max-width: 550px) {
  .noticeModal .six:first-child {
    margin-bottom: 15px;
  }
}
@media (min-width: 1024px) {
  .noticeModal i {
    font-size: 100px;
  }
}
.bountyModal .modalIcon i {
  color: rgba(0, 0, 0, 0.9);
  margin-top: 30px;
}
.bountyModal .modalText {
  color: rgba(0, 0, 0, 0.9);
  font-size: 13px;
  line-height: 20px;
}

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