@charset "UTF-8";
.accordion-container {
  border-bottom: 0.0625rem #cecece solid;
  padding-top: 20px;
  padding-bottom: 20px;
}
.accordion-container .accordion__panel {
  visibility: hidden;
}
.accordion-container .accordion__panel,
.accordion-container.accordion-expanded .accordion__panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1);
}
.accordion-container .icon-plus {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0, 1, 0, 1);
}
.accordion-container.accordion-expanded .entry__title {
  color: blue;
  transition: color 0.5s ease-in-out;
}
.accordion-container.accordion-expanded .accordion__panel {
  opacity: 1;
  visibility: visible;
  max-height: 35rem;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
}
@media only screen and (min-width: 35.5rem ) {
  .accordion-container.accordion-expanded .accordion__panel {
    max-height: 12rem;
  }
}
.accordion-container.accordion-expanded .icon-plus {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  transition: transform 0.5s ease-in-out;
}
.avatar,
.avatar--more {
  cursor: pointer;
  height: 2.8rem;
  width: 2.8rem;
  margin: 0.25rem;
  border-radius: 50%;
}
.avatar:first-child,
.avatar--more:first-child {
  margin-left: 0;
}
.avatar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0.4rem;
  background-size: cover;
  background-color: #47b3fc;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  /* hardware accelerate, GPU */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-property: transform;
  transition: 0.1s;
}
.avatar--large {
  height: 5rem;
  width: 5rem;
}
.avatar--large .avatar__initials {
  font-size: 2rem;
}
.avatar:hover {
  opacity: 0.8;
}
.avatar--more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px #4c5055 solid;
  color: #4c5055;
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.avatar--more:hover {
  color: white;
  background: #47b3fc;
  border: 2px #47b3fc solid;
}
.avatar--more__text {
  max-width: 50%;
  font-weight: bold;
  color: #4c5055;
}
.avatar__initials {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.1rem;
  color: white;
  margin: 0;
  padding: 0;
}
.avatar__badge {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  right: -0.4rem;
  top: -0.25rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #fc2d20;
}
.avatar__count {
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
}
.groupie {
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 50%;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0.25rem;
  background-size: cover;
  background-color: #47b3fc;
  background-position: center;
  vertical-align: middle;
  /* hardware accelerate, GPU */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-property: transform;
  transition: 0.1s;
}
.groupie:hover {
  opacity: 0.8;
}
.groupie__badge {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  right: -0.4rem;
  top: -0.25rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #1047fb;
}
.groupie__count {
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
}
.header-buttons-pattern {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: right;
  z-index: 100;
}
.header-buttons-pattern .header-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
}
.header-buttons-pattern .header-list .header-list-item {
  margin: 0 1rem;
}
.header-buttons-pattern .user__link {
  color: #47b3fc;
  cursor: pointer;
  text-decoration: none;
  margin: 0 1rem 0 0.5rem;
  text-transform: uppercase;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__link:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.header-buttons-pattern .user__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle;
  padding: 0 1rem;
  cursor: pointer;
}
.header-buttons-pattern .user__info:hover {
  background: #242931;
}
@media only screen and (min-width: 35.5rem ) {
  .header-buttons-pattern .user__info {
    height: 4.375rem;
  }
}
.header-buttons-pattern .btn__header {
  margin: 0;
  background: transparent;
  border: transparent;
  font-family: "MarkOT", arial;
  text-transform: uppercase;
  color: #141920;
  cursor: pointer;
  padding: 0 0.5rem 0 0;
  font-size: 0.6rem;
}
@media only screen and (min-width: 52rem ) {
  .header-buttons-pattern .btn__header {
    padding: 0 2.5rem 0 0;
    font-size: 0.7rem;
  }
}
.header-buttons-pattern .btn__header:hover,
.header-buttons-pattern .btn__header:focus {
  color: #4c5055;
}
.header-buttons-pattern .btn__header:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 52rem ) {
  .header-buttons-pattern .btn__header:last-child {
    padding-right: 0;
  }
}
@media only screen and (min-width: 0rem ) {
  .header-buttons-pattern .btn__header--contact {
    display: none;
  }
}
@media only screen and (min-width: 52rem ) {
  .header-buttons-pattern .btn__header--contact {
    display: inline;
  }
}
.header-buttons-pattern .header__user {
  position: relative;
  z-index: 100;
}
.header-buttons-pattern .header__user:hover .header__subnav,
.header-buttons-pattern .header__user:focus .header__subnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.header-buttons-pattern .header__subnav {
  position: absolute;
  display: none;
  z-index: 100;
  width: 100%;
  background: #f1f0ee;
}
.header-buttons-pattern .subnav__element {
  color: #202835;
  text-transform: uppercase;
  padding: 1.5rem 1.5rem 0 1.5rem;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.75rem;
}
.header-buttons-pattern .subnav__element:last-child {
  padding-bottom: 1.5rem;
}
.button__primary {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "MarkOT", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3rem;
  position: relative;
  color: white;
  background: #47b3fc;
}
@media only screen and (min-width: 35.5rem ) {
  .button__primary {
    padding: 0 1.5rem;
  }
}
.button__primary:hover {
  background: #0483d9;
}
.button__primary[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .button__primary {
    line-height: 3.6125rem;
  }
}
.button__primary--small {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "SharpSans", arial, arial;
  text-transform: uppercase;
  font-size: 0.625rem;
  letter-spacing: 2px;
  line-height: 1.6125rem;
  position: relative;
  color: white;
  background: #47b3fc;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .button__primary--small {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .button__primary--small {
    font-size: 0.75rem;
    line-height: 2.6125rem;
  }
}
.button__primary--small:hover {
  background: #0483d9;
}
.button__primary--small[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
.button__primary--alt {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "SharpSans", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3.6125rem;
  position: relative;
  color: white;
  background: transparent;
  border-color: white;
}
@media only screen and (min-width: 35.5rem ) {
  .button__primary--alt {
    padding: 0 1.5rem;
  }
}
.button__primary--alt:hover {
  border-color: white;
  color: #141920;
  background: white;
}
.button__primary--alt[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
.button__secondary {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  line-height: 2.8125rem;
  font-family: "MarkOT", arial, arial;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: white;
  background: #47b3fc;
}
@media only screen and (min-width: 35.5rem ) {
  .button__secondary {
    padding: 0 1.5rem;
  }
}
.button__secondary:hover {
  background: #0483d9;
}
.button__secondary[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  cursor: not-allowed;
}
.button__secondary--alt {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  line-height: 2.8125rem;
  font-family: "MarkOT", arial, arial;
  font-size: 0.7rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: white;
  background: transparent;
  border-color: white;
}
@media only screen and (min-width: 35.5rem ) {
  .button__secondary--alt {
    padding: 0 1.5rem;
  }
}
.button__secondary--alt:hover {
  border-color: white;
  color: #141920;
  background: white;
}
.button__secondary--alt[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
.button__facebook {
  background-color: #3b5998;
  text-shadow: 0 -1px 0 #354c8c;
  color: white;
  position: relative;
  padding: 0.1875rem 1.5rem 0 4.5rem;
  border: none;
  line-height: 2.875rem;
  font-family: "SharpSans", arial, arial;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 3px;
  min-width: 20.75rem;
}
.button__facebook::before {
  border-right: #364e92 1px solid;
  content: "\f10b";
  font-size: 1.75rem;
  font-family: fontcustom;
  box-sizing: border-box;
  position: absolute;
  left: 0.125rem;
  top: 0;
  width: 3rem;
  height: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .button__facebook {
    padding-left: 6rem;
  }
  .button__facebook::before {
    width: 4.5rem;
    left: 0;
  }
}
.button__facebook:hover,
.button__facebook:focus {
  background-color: #5b7bd5;
  background-image: linear-gradient(to bottom, #5b7bd5 0%, #4864b1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b7bd5', endColorstr='#ff4864b1', GradientType=0);
  cursor: pointer;
}
.button__dark {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 1.5rem;
  background: #141920;
  border: 0.1875rem solid transparent;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  line-height: 2.8125rem;
  padding: 0 1.7rem;
  text-decoration: none;
  min-width: 16.25rem;
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark {
    padding: 0 3rem;
  }
}
.button__dark:hover {
  background: #47b3fc;
}
.button__dark[disabled] {
  background: #4c5055;
  cursor: default;
}
.button__dark--small {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 1.5rem;
  background: #141920;
  border: 0.1875rem solid transparent;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  line-height: 2.8125rem;
  padding: 0 1.7rem;
  text-decoration: none;
  min-width: 16.25rem;
  min-width: 11.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark--small {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark--small {
    padding: 0 3rem;
  }
}
.button__dark--small:hover {
  background: #47b3fc;
}
.button__dark--small[disabled] {
  background: #4c5055;
  cursor: default;
}
@media only screen and (min-width: 0rem ) {
  .button__dark--small {
    padding: 0 0.8rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark--small {
    padding: 0 0.8rem;
  }
}
.button__dark--mini {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 1.5rem;
  background: #141920;
  border: 0.1875rem solid transparent;
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  line-height: 2.8125rem;
  padding: 0 1.7rem;
  text-decoration: none;
  min-width: 16.25rem;
  letter-spacing: 0.15rem;
  line-height: 1.8125rem;
  font-size: 0.6875rem;
  min-width: 9rem;
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark--mini {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .button__dark--mini {
    padding: 0 3rem;
  }
}
.button__dark--mini:hover {
  background: #47b3fc;
}
.button__dark--mini[disabled] {
  background: #4c5055;
  cursor: default;
}
/*
  LOST grid system:   https://github.com/corysimmons/lost
  Based on PostCSS:   http://davidtheclark.com/its-time-for-everyone-to-learn-about-postcss/
  Examples:           https://github.com/peterramsing/lost/blob/gh-pages/src/css/style.styl
  ---------------------------------------------------------------------
  Lost uses @vars as global settings, which PostCSS uses to build grid classes.
  These var declarations break LESS: https://github.com/less/less.js/issues/2770
  Workaround: https://github.com/peterramsing/lost/issues/197#issuecomment-170324607

  Declare these classes:
*/
@namespace lostgrid;
@namespace lostgrid;
@media only screen and (min-width: 0rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 35.5rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 52rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 80rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
/*
  Which LESS will compile to:

    @namespace lostgrid;
    @lost flexbox flex;
    @lost gutter 1em;

  Then PostCSS will use these to set global vars for the grid.

* *****************************************************************************/
/*
  First pass at breakpoint specific spacers
  Use these between sections

  TODO: decide if these should be used by adding to existing elements with content
  or, on empty divs specifically for spacing?

*/
.margin-unit--top {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .margin-unit--top {
    margin-top: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .margin-unit--top {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .margin-unit--top {
    margin-top: 2rem;
  }
}
.padding-unit {
  padding: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 2rem;
  }
}
.padding-unit--left-right {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--left-right {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--left-right {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--left-right {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.padding-unit--left {
  padding-left: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--left {
    padding-left: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--left {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--left {
    padding-left: 2rem;
  }
}
.padding-unit--right {
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--right {
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--right {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--right {
    padding-right: 2rem;
  }
}
.padding-unit--top-bottom {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--top-bottom {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--top-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--top-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.grid__half {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(99.99% * 0.5 - (1.3rem - 1.3rem * 0.5));
}
.grid__half:nth-child(1n){
  margin-right: 1.3rem;
  margin-left: 0;
}
.grid__half:last-child{
  margin-right: 0;
}
.grid__half:nth-child(undefinedn){
  margin-right: 0;
  margin-left: auto;
}
.pattern--intro {
  color: #141920;
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: .2rem;
}
.share-button:hover .share__icon,
.share-button:hover .share__text {
  color: white;
}
.intro__category {
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
  display: inline-block;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 0.55rem;
}
@media only screen and (min-width: 0rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .intro__category {
    font-size: 0.6875rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__category {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .intro__category {
    font-size: 0.6875rem;
  }
}
.intro__title {
  display: inline-block;
}
@media only screen and (min-width: 80rem ) {
  .intro__title--with-attribution {
    max-width: calc(100% - 14rem);
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__title--ticketmaster {
    width: calc(100% - 10rem);
  }
}
.intro__tm-logo {
  display: none;
}
.intro__tm-logo--ticketmaster {
  background: url(https://d343u2ju453lkb.cloudfront.net/assets/logo/ticketmaster_logo.png) no-repeat center;
  display: block;
  background-size: contain;
  margin: -1rem 0 0.5rem 0;
  height: 2.4rem;
  width: 6.4rem;
}
@media only screen and (min-width: 0rem ) {
  .intro__tm-logo--ticketmaster {
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__tm-logo--ticketmaster {
    height: 3rem;
    width: 10rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__tm-logo--ticketmaster {
    margin: 0 0 0 auto;
    height: 3rem;
    width: 10rem;
  }
}
.intro__cta-card {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  min-height: 1rem;
}
@media only screen and (min-width: 0rem ) {
  .intro__cta-card {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__cta-card {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__cta-card {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.intro__details {
  margin-top: .5rem;
}
.intro__description {
  line-height: 1.4;
  position: relative;
}
.intro__description p {
  line-height: 1.4;
}
.intro__description .intro__description-holder {
  overflow: hidden;
}
@media only screen and (min-width: 0rem ) {
  .intro__description .intro__description-holder {
    max-height: 3.4rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .intro__description .intro__description-holder {
    max-height: 4rem;
  }
}
.intro__description .intro__description--expanded {
  max-height: 100%;
}
.intro__description.preview-focused {
  margin-top: calc(1.5rem - 5px);
}
@media only screen and (min-width: 35.5rem ) {
  .intro__description.preview-focused {
    margin-top: calc(1.75rem - 5px);
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__description.preview-focused {
    margin-top: calc(2.0rem - 5px);
  }
}
@media only screen and (min-width: 80rem ) {
  .intro__description.preview-focused {
    margin-top: calc(2.0rem - 5px);
  }
}
.intro__description-show,
.intro__description-hide {
  color: #47b3fc;
  cursor: pointer;
  text-decoration: none;
  display: none;
  margin-top: .25rem;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.intro__description-show:hover,
.intro__description-hide:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.price__value {
  font-size: 1.5rem;
  line-height: 1.5rem;
  vertical-align: top;
}
.intro__buy {
  min-height: 4rem;
}
@media only screen and (min-width: 0rem ) {
  .intro__buy {
    font-weight: bold;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    transition-duration: 0.1s;
    transition-property: background, border, color;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 1.5rem;
    background: #141920;
    border: 0.1875rem solid transparent;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    line-height: 2.8125rem;
    padding: 0 1.7rem;
    text-decoration: none;
    min-width: 16.25rem;
    letter-spacing: 0.15rem;
    line-height: 1.8125rem;
    font-size: 0.6875rem;
    min-width: 9rem;
  }
  .intro__buy:hover {
    background: #47b3fc;
  }
  .intro__buy[disabled] {
    background: #4c5055;
    cursor: default;
  }
}
@media only screen and (min-width: 0rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 0rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__buy {
    font-weight: bold;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    transition-duration: 0.1s;
    transition-property: background, border, color;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 1.5rem;
    background: #141920;
    border: 0.1875rem solid transparent;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    line-height: 2.8125rem;
    padding: 0 1.7rem;
    text-decoration: none;
    min-width: 16.25rem;
  }
  .intro__buy:hover {
    background: #47b3fc;
  }
  .intro__buy[disabled] {
    background: #4c5055;
    cursor: default;
  }
}
@media only screen and (min-width: 35.5rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__buy {
    font-weight: bold;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    transition-duration: 0.1s;
    transition-property: background, border, color;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 1.5rem;
    background: #141920;
    border: 0.1875rem solid transparent;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    line-height: 2.8125rem;
    padding: 0 1.7rem;
    text-decoration: none;
    min-width: 16.25rem;
    min-width: 11.5rem;
  }
  .intro__buy:hover {
    background: #47b3fc;
  }
  .intro__buy[disabled] {
    background: #4c5055;
    cursor: default;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 0rem ) {
  .intro__buy {
    padding: 0 0.8rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 0.8rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .intro__buy {
    font-weight: bold;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    transition: 0.1s;
    transition-duration: 0.1s;
    transition-property: background, border, color;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 1.5rem;
    background: #141920;
    border: 0.1875rem solid transparent;
    color: white;
    display: inline-block;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    line-height: 2.8125rem;
    padding: 0 1.7rem;
    text-decoration: none;
    min-width: 16.25rem;
  }
  .intro__buy:hover {
    background: #47b3fc;
  }
  .intro__buy[disabled] {
    background: #4c5055;
    cursor: default;
  }
}
@media only screen and (min-width: 80rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 80rem ) and only screen and (min-width: 35.5rem ) {
  .intro__buy {
    padding: 0 3rem;
  }
}
.intro__share {
  color: #141920;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
  margin: 0 1.5rem;
}
.intro__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.intro__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.intro__share:hover {
  color: #47b3fc;
  border-bottom: none;
  margin-bottom: 0px;
}
.intro__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.intro__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.intro__share:hover {
  color: #47b3fc;
  border-bottom: none;
  margin-bottom: 0px;
}
@media only screen and (min-width: 52rem ) {
  .intro__share {
    font-size: 1rem;
    margin: 0 2rem;
    margin-right: 0;
  }
}
@media only screen and (min-width: 0rem ) {
  .intro__share--extra {
    display: none;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__share--extra {
    display: inline;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__title-container--ticketmaster {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
.intro__title-invite-container {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (min-width: 80rem ) {
  .intro__title-invite-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 52rem ) {
  .intro__title-invite-container--ticketmaster {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
.intro__invite-notification {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transition: all 2s;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 80rem ) {
  .intro__invite-notification {
    margin-left: auto;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .intro__invite-notification--ticketmaster {
    display: none;
  }
}
.intro__invite-notification-avatar {
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  display: inline-block;
  background-position: center;
  background-size: contain;
}
@media only screen and (min-width: 0rem ) {
  .intro__invite-notification-tm-logo-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.discovery-item__holder {
  height: 14rem;
  position: relative;
  transition-duration: 600ms;
}
.discovery-item,
.expanded-discovery-item {
  background-color: #f1f0ee;
  border-bottom-color: transparent;
  border-bottom-width: 0.4rem;
  border-bottom-style: solid;
  color: black;
  cursor: pointer;
  display: block;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
@media only screen and (min-width: 0rem ) {
  .discovery-item,
  .expanded-discovery-item {
    height: calc(15rem);
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-item,
  .expanded-discovery-item {
    height: calc(15rem);
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-item,
  .expanded-discovery-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    height: 14rem;
  }
}
.discovery-item--inactive {
  opacity: .5;
}
.discovery-item__image {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1.1;
      flex: 1.1;
  height: 60%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 52rem ) {
  .discovery-item__image {
    height: 100%;
  }
}
.discovery-item__sold-out {
  -ms-flex-align: center;
      align-items: center;
  color: white;
  height: 25%;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 52rem ) {
  .discovery-item__sold-out {
    height: 15%;
  }
}
.discovery-item__sold-out--gradient {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
.discovery-item__bg-gradient {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.15);
}
.discovery-item__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 40%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem;
}
@media only screen and (min-width: 0rem ) {
  .discovery-item__content {
    padding-top: .5rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-item__content {
    height: 100%;
  }
}
.discovery-item__date,
.expanded-discovery-item__date {
  font-size: 0.625rem;
  text-transform: capitalize;
  color: #202835;
  text-transform: uppercase;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .discovery-item__date,
  .expanded-discovery-item__date {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .discovery-item__date,
  .expanded-discovery-item__date {
    font-size: 0.75rem;
  }
}
.discovery-item__date {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media only screen and (min-width: 0rem ) {
  .discovery-item__date {
    padding-bottom: .5rem;
  }
}
.expanded-discovery-item__date {
  text-align: right;
}
.discovery-item__title {
  height: 2.75rem;
  min-height: 2.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 52rem ) {
  .discovery-item__title {
    height: auto;
    min-height: auto;
    overflow: visible;
  }
}
.discovery-item__venue,
.expanded-discovery-item__venue {
  font-size: 0.625rem;
  text-transform: capitalize;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .discovery-item__venue,
  .expanded-discovery-item__venue {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .discovery-item__venue,
  .expanded-discovery-item__venue {
    font-size: 0.75rem;
  }
}
.expanded-discovery-item__title {
  display: block;
  margin-bottom: .75rem;
  max-height: 3rem;
  overflow: hidden;
}
.expanded-discovery-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem;
}
.expanded-discovery-item__content--holder {
  -ms-flex: 1;
      flex: 1;
  margin-right: 5%;
  width: 47.5%;
}
.expanded-discovery-item__content {
  margin-top: 1rem;
}
.expanded-discovery-item__price {
  font-size: 1.5rem;
  line-height: 1.5rem;
  vertical-align: top;
}
.expanded-discovery-item__share {
  color: #141920;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
  margin-top: 1.5rem;
}
.expanded-discovery-item__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.expanded-discovery-item__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.expanded-discovery-item__share:hover {
  color: #47b3fc;
  border-bottom: none;
  margin-bottom: 0px;
}
.expanded-discovery-item__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.expanded-discovery-item__share:hover {
  border-bottom: 2px solid #141920;
  margin-bottom: -2px;
}
.expanded-discovery-item__share:hover {
  color: #47b3fc;
  border-bottom: none;
  margin-bottom: 0px;
}
.expanded-discovery-item__actions {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  width: 47.5%;
}
.discovery-item--active .discovery-item__arrow {
  display: none;
}
@media only screen and (min-width: 52rem ) {
  .discovery-item--active .discovery-item__arrow {
    display: block;
  }
}
.discovery-item__arrow {
  bottom: calc(-1.5rem);
  border-top-width: 1.5rem;
  border-top-style: solid;
  border-right: calc(2.25rem) solid transparent;
  border-left: calc(2.25rem) solid transparent;
  display: none;
  position: absolute;
  right: 16%;
}
.expanded-discovery-item__actions:hover ~ .chevron-container .chevron--down {
  border-color: black !important;
  border-width: 2px;
}
.expanded-discovery-item__actions:hover ~ .chevron-container .chevron__more-details {
  color: black !important;
}
.expanded-discovery-item .chevron-container {
  animation: chevronMove 350ms linear 100ms forwards;
  padding: .4rem;
}
@keyframes chevronMove {
  from {
    bottom: .4rem;
  }
  to {
    bottom: 0;
  }
}
.expanded-discovery-item .chevron-container .chevron--down {
  border-width: 3px;
}
.discovery-item-share,
.expanded-discovery-item-share {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: white;
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.discovery-item-share__title {
  text-align: center;
}
.discovery-item-share__subtitle {
  text-align: center;
  margin-bottom: 0.25rem;
}
.discovery-item-share--visible {
  display: -ms-flexbox;
  display: flex;
}
.discovery-item-share__close {
  cursor: pointer;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.discovery-item-share__bg-gradient {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  background: #000000;
}
.discovery-item-share__content {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.expanded-discovery-item-share {
  cursor: default;
  -ms-flex-direction: column;
      flex-direction: column;
}
.expanded-discovery-item-share__content {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.expanded-discovery-item-share__actions {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  display: block;
  margin-top: 1.5rem;
}
.social-links__container--discovery {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.social-links__or--discovery {
  margin: 0.25rem 0 0.5rem 0rem;
}
.discovery-details {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 8;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details {
    z-index: 1;
    position: relative;
    height: auto;
    margin-bottom: 2rem;
  }
  .discovery-details .leaderboard__header {
    margin-top: 0;
  }
  .discovery-details .leaderboard__holder {
    min-height: 16rem;
  }
  .discovery-details .group-tree-vis {
    height: 20.75rem;
  }
}
.discovery-details__overview-content {
  padding: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__overview-content {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__overview-content {
    width: 54%;
    margin: 0;
  }
}
.discovery-details__media {
  color: white;
  margin: 0 1rem 1rem 1rem;
  position: relative;
  padding-top: 2rem;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__media {
    width: 46%;
    margin: 0;
    padding-top: 0;
    display: -ms-flexbox;
    display: flex;
  }
}
.discovery-details__media-item {
  min-height: 10rem;
  width: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__media-item {
    min-height: 18rem;
  }
}
.discovery-details__card {
  background: #f1f0ee;
}
.discovery-details__card:not(:first-child) {
  margin-top: 1rem;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__card {
    display: none;
  }
  .discovery-details__card:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__valueprop {
    margin-top: 0.5rem;
  }
}
.discovery-details__learn-more-benefits {
  margin-left: 0.5rem;
  display: inline-block;
  cursor: pointer;
  color: #47b3fc;
}
.discovery-details__close,
.discovery-details__back {
  cursor: pointer;
  position: absolute;
  font-size: 1.25rem;
  z-index: 6;
}
.discovery-details__close {
  display: none;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__close {
    display: block;
    top: 1.25rem;
    right: 1.25rem;
  }
}
.discovery-details__back,
.discovery-details__forward {
  top: 0.3125rem;
  left: 1rem;
  background: white;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1rem;
  padding-left: 0.125rem;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.discovery-details__back:after,
.discovery-details__forward:after {
  content: "\f12c";
  display: block;
  font-family: "fontcustom";
  font-size: 0.875rem;
  font-style: normal;
  left: -0.1rem;
  position: relative;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.discovery-details__back.sticky,
.discovery-details__forward.sticky {
  position: fixed;
  top: 1.25rem;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__back,
  .discovery-details__forward {
    display: none;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__card--active {
    height: 31.125rem;
    display: -ms-flexbox;
    display: flex;
  }
}
.discovery-details__event-info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  color: black;
}
.discovery-details__info-benefit-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.discovery-details__title-ticketmaster-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.discovery-details__event-info-details {
  margin-top: 0.5rem;
}
.discovery-details__event-info-details > div {
  margin-bottom: 0.25rem;
}
.discovery-details__ticketmaster-logo-discovery-item {
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  color: white;
  padding-right: 2rem;
  right: -1.5rem;
  max-width: 12rem;
  margin-left: auto;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__ticketmaster-logo-discovery-item {
    right: -1.75rem;
    max-width: 14.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__ticketmaster-logo-discovery-item {
    right: -2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__ticketmaster-logo-discovery-item {
    right: -2rem;
  }
}
.discovery-details__ticketmaster-logo-discovery-page {
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  color: white;
  padding-left: 4rem;
  left: -1.5rem;
  max-width: 12rem;
  margin-right: auto;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__ticketmaster-logo-discovery-page {
    left: -1.75rem;
    max-width: 14.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__ticketmaster-logo-discovery-page {
    left: -2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__ticketmaster-logo-discovery-page {
    left: -2rem;
  }
}
.discovery-details__benefit-icon-summary-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.discovery-details__benefit-ghosttown-copy {
  margin-top: 1rem;
  color: #f1f0ee;
}
.discovery-details__benefit-icon {
  width: 4rem;
  height: 3rem;
  background: url(https://s3.amazonaws.com/fevo/assets/icons/vvv_white.svg) no-repeat center;
  background-size: 100%;
  margin-right: 0.5rem;
}
.discovery-details__benefit-summary-copy {
  width: calc(96.5%);
}
.discovery-details__benefit-title {
  font-weight: bold;
  text-transform: uppercase;
}
.discovery-details__content {
  margin-bottom: 8rem;
  background: white;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__content {
    margin: 0;
  }
}
.discovery-details__header {
  background: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__header {
    position: static;
  }
}
.discovery-details__nav {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 0 25rem 0 25rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.discovery-details__nav-item {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: black;
  padding-top: 1.5rem;
  padding-bottom: 1.1rem;
  border-bottom: 0.4rem solid;
}
.discovery-details__nav-item:hover {
  cursor: pointer;
}
.discovery-details__nav-item--inactive {
  border-bottom-color: white !important;
  opacity: .5;
}
.discovery-details__rewards-intro {
  padding: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__rewards-intro {
    padding: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__rewards-intro {
    width: 50%;
  }
}
.discovery-details__rewards-intro-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__rewards-intro-content {
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem;
  }
}
.discovery-details__rewards-intro-tagline {
  margin-bottom: 1.5rem;
  text-align: center;
}
.discovery-details__rewards-intro-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 2rem;
}
.discovery-details__rewards-intro-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__rewards-intro-item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.discovery-details__rewards-intro-icon-buy-separate {
  background: url(https://s3.amazonaws.com/fevo/assets/icons/ticket_solid.svg) center no-repeat;
  background-size: 100%;
}
.discovery-details__rewards-intro-icon-invite {
  background: url(https://s3.amazonaws.com/fevo/assets/icons/person_solid.svg) center no-repeat;
  background-size: 100%;
}
.discovery-details__rewards-intro-icon-perk {
  background: url(https://s3.amazonaws.com/fevo/assets/icons/cocktail_solid.svg) center no-repeat;
  background-size: 100%;
}
.discovery-details__rewards-intro-icon {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  border-radius: 50%;
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__rewards-intro-icon {
    margin: 0;
  }
}
.discovery-details__rewards-intro-copy {
  max-width: calc(100% - 5rem);
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__rewards-intro-copy {
    max-width: calc(100% - 3rem);
    text-align: center;
    margin-top: 1rem;
  }
}
.discovery-details__rewards-tagline {
  text-align: center;
  margin-bottom: 3rem;
}
.discovery-details__group {
  padding: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__group {
    padding: 2rem;
  }
}
@media only screen and (max-width: 52rem) {
  .discovery-details__group {
    padding-bottom: 4rem;
  }
}
.discovery-details__leader-group-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-order: 1;
      order: 1;
  padding: 1.5rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details__leader-group-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__leader-group-container {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    overflow: auto;
    width: 100%;
    padding: 0;
    margin-top: 0;
  }
}
.discovery-details__leadearboard,
.discovery-details__network {
  display: inline-block;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__leadearboard {
    width: 50%;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__leadearboard {
    width: 40%;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details__network {
    width: 50%;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details__network {
    width: 60%;
  }
}
.discovery-details .rewards__container {
  padding: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .rewards__container {
    padding: 2rem;
  }
}
.discovery-details .rewards__component-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.discovery-details .rewards__event__header {
  display: none;
}
.discovery-details .group__tree__container {
  padding: 0;
}
.discovery-details .discovery-details__network {
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details .discovery-details__network {
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 52rem) {
  .discovery-details .discovery-details__buy {
    position: fixed;
    bottom: 47px;
    width: 100%;
    left: 0;
    z-index: 2;
    background: rgba(71, 179, 252, 0.6);
  }
  .discovery-details .discovery-details__buy:hover {
    background: #0483d9;
  }
}
.discovery-details .discovery-details__cta-container {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 52rem ) {
  .discovery-details .rewards__container {
    width: 80%;
  }
  .discovery-details .discovery-details__cta-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .discovery-details button.discovery-details__buy {
    margin: 0 0 1rem 0;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details .rewards__container {
    width: 50%;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-details .discovery-details__cta-container {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .discovery-details button.discovery-details__buy {
    margin: 0 1rem 0 0;
  }
}
.discovery-details .leader__group__container {
  padding: 0;
  margin-top: 0;
  width: 100%;
  overflow: auto;
}
.discovery-details__cta-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.discovery-details__invite-maincopy {
  font-weight: bold;
}
button.discovery-details__buy {
  margin-right: auto;
  background-color: #141920;
}
body {
  font-family: "MarkOT", arial;
}
.rich-content ul,
.rich-content ol {
  padding: 0;
  margin: 0 0 9.5px 25px;
  list-style: initial;
}
.rich-content ol {
  list-style-type: decimal;
}
.rich-content b {
  font-weight: bold;
}
.rich-content i {
  font-style: italic;
}
.rich-content image {
  max-width: 50rem;
}
/*
  We're mapping Red Antler style guide to Large breakpoint font-sizes.

  To convert, we take their typeface pixel size,
  divide that by our base font size pixel size.
  Since we're currently using the browser default (16px)
  we do:

    @media @bp-lg {
      font-size: 7.14285714rem; // ( 100 / 16 )
    }

  Line-height is almost universally 120% bigger than type size;
  and 140 to 160% as lower levels is reached (h5, p1, p2)

  We're using tracking fixes to lower type sizes in MarkOT
  to fix some kerning issues. Not optimal but for now,

  TODO: buy, upload to S3 and reference foundry-converted web files (WOFF, etc) to fix warping/blurring of typefaces
  https://creativemarket.com/blog/2014/09/18/whats-the-difference-between-leading-kerning-and-tracking
  http://stackoverflow.com/questions/2760784/how-to-calculate-css-letter-spacing-v-s-tracking-in-typography

  TODO: investigate subpixel rendering on smaller elements for better rendering
  TODO: restrict only for supported browsers, using hidpi MQ's:
  https://css-tricks.com/almanac/properties/l/letter-spacing/

  TODO: create a chart of font-size values + line-heights across bpoints like, balance out
  http://www.graphics.com/article-old/design-fundamentals-kerning-and-tracking
  http://www.graphics.com/sites/default/files/old/sections/peachpit/manualoftype/8.gif

*/
.type__hero {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0rem ) {
  .type__hero {
    font-size: 4.375rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__hero {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__hero {
    font-size: 6.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__hero {
    font-size: 6.875rem;
  }
}
.type__hero--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0rem ) {
  .type__hero--alt {
    font-size: 2.8125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__hero--alt {
    font-size: 3.9375rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__hero--alt {
    font-size: 5.0625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__hero--alt {
    font-size: 5.625rem;
  }
}
.type__card-title {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__card-title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__card-title {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__card-title {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__card-title {
    font-size: 3.4375rem;
  }
}
.type__section-header {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__section-header {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__section-header {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__section-header {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__section-header {
    font-size: 2.75rem;
  }
}
.type__subhead-one {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-one {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-one {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-one {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-one {
    font-size: 2.0625rem;
  }
}
.type__subhead-one--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-one--alt {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-one--alt {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-one--alt {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-one--alt {
    font-size: 2.0625rem;
  }
}
.type__subhead-two {
  font-family: "MarkOT", arial;
  letter-spacing: -0.025rem;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-two {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-two {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-two {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-two {
    font-size: 1.375rem;
  }
}
.type__subhead-two--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-two--alt {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-two--alt {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-two--alt {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-two--alt {
    font-size: 1.375rem;
  }
}
.type__paragraph-one {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  line-height: 1.4;
}
@media only screen and (min-width: 0rem ) {
  .type__paragraph-one {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__paragraph-one {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__paragraph-one {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__paragraph-one {
    font-size: 1.2375rem;
  }
}
.type__paragraph-two {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
}
@media only screen and (min-width: 0rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__paragraph-two {
    font-size: 0.9625rem;
  }
}
.type__category-name {
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
}
@media only screen and (min-width: 0rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__category-name {
    font-size: 0.6875rem;
  }
}
.type__user-name {
  text-transform: capitalize;
}
.type__link {
  color: #141920;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #141920;
  font-size: 1rem;
}
.type__link:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.type__link:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.type__link--body {
  color: #47b3fc;
  cursor: pointer;
  text-decoration: none;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.muted__text {
  color: #4c5055;
}
.important-text {
  font-weight: bold;
}
.title-large,
.title-medium,
.title-small {
  font-family: "SharpSans", arial;
}
.title-medium {
  font-size: 1.5rem;
  font-weight: bold;
}
.title-small {
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: bold;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .title-small {
    font-size: 1rem;
  }
}
.subtitle {
  font-size: 0.9375rem;
  text-transform: capitalize;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .subtitle {
    font-size: 1rem;
  }
}
.subtitle-small {
  font-size: 0.625rem;
  text-transform: capitalize;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .subtitle-small {
    font-size: 0.75rem;
  }
}
.para {
  font-size: 0.9375rem;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .para {
    font-size: 0.875rem;
  }
}
.para-small {
  font-size: 0.875rem;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .para-small {
    font-size: 0.8125rem;
  }
}
.fine-print {
  font-size: 0.75rem;
}
.dimmed-text {
  opacity: 0.6;
}
#flex {
  display: -ms-flexbox;
  display: flex;
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
  First pass at breakpoint specific spacers
  Use these between sections

  TODO: decide if these should be used by adding to existing elements with content
  or, on empty divs specifically for spacing?

*/
.margin-unit--top {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .margin-unit--top {
    margin-top: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .margin-unit--top {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .margin-unit--top {
    margin-top: 2rem;
  }
}
.padding-unit {
  padding: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit {
    padding: 2rem;
  }
}
.padding-unit--left-right {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--left-right {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--left-right {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--left-right {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.padding-unit--left {
  padding-left: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--left {
    padding-left: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--left {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--left {
    padding-left: 2rem;
  }
}
.padding-unit--right {
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--right {
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--right {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--right {
    padding-right: 2rem;
  }
}
.padding-unit--top-bottom {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .padding-unit--top-bottom {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .padding-unit--top-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .padding-unit--top-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.grid__half {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(99.99% * 0.5 - (1.3rem - 1.3rem * 0.5));
}
.grid__half:nth-child(1n){
  margin-right: 1.3rem;
  margin-left: 0;
}
.grid__half:last-child{
  margin-right: 0;
}
.grid__half:nth-child(undefinedn){
  margin-right: 0;
  margin-left: auto;
}
/*
  LOST grid system:   https://github.com/corysimmons/lost
  Based on PostCSS:   http://davidtheclark.com/its-time-for-everyone-to-learn-about-postcss/
  Examples:           https://github.com/peterramsing/lost/blob/gh-pages/src/css/style.styl
  ---------------------------------------------------------------------
  Lost uses @vars as global settings, which PostCSS uses to build grid classes.
  These var declarations break LESS: https://github.com/less/less.js/issues/2770
  Workaround: https://github.com/peterramsing/lost/issues/197#issuecomment-170324607

  Declare these classes:
*/
@namespace lostgrid;
@namespace lostgrid;
@media only screen and (min-width: 0rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 35.5rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 52rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
@media only screen and (min-width: 80rem ) {
  @namespace lostgrid;
  @namespace lostgrid;
}
/*
  Which LESS will compile to:

    @namespace lostgrid;
    @lost flexbox flex;
    @lost gutter 1em;

  Then PostCSS will use these to set global vars for the grid.

* *****************************************************************************/
.discovery-promo {
  -ms-flex-align: start;
      align-items: flex-start;
  background-color: #202835;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo {
    padding-top: 7rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo {
    padding-top: 7rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo {
    padding-top: 7rem;
  }
}
.discovery-promo .content {
  -ms-flex-align: center;
      align-items: center;
  color: #f7f8f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.discovery-promo .content__message {
  padding: 2rem;
  text-align: center;
}
.discovery-promo .content__message--header {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-promo .content__message--header {
    font-size: 2.0625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo .content__message--header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-promo .content__message--header {
    font-size: 2.0625rem;
  }
}
.discovery-promo .content__message--subheader {
  font-family: "MarkOT", arial;
  letter-spacing: -0.025rem;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .discovery-promo .content__message--subheader {
    font-size: 1.375rem;
  }
}
.discovery-promo__brand-logo,
.discovery-promo__client-logo {
  position: absolute;
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo__brand-logo,
  .discovery-promo__client-logo {
    height: 4rem;
    top: 2rem;
    width: auto;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo__brand-logo,
  .discovery-promo__client-logo {
    height: 5rem;
    top: 2rem;
    width: auto;
  }
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo__brand-logo {
    left: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo__brand-logo {
    left: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo__brand-logo {
    left: 4rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .discovery-promo__client-logo {
    right: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery-promo__client-logo {
    right: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery-promo__client-logo {
    right: 4rem;
  }
}
.discovery-promo__input {
  max-width: 25rem;
  padding: .2rem;
  width: 100%;
}
.discovery-promo__or {
  margin: 2rem 0;
}
.type__link--promo {
  color: #f7f8f9;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #f7f8f9;
  font-size: 1rem;
  text-transform: uppercase;
}
.type__link--promo:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.type__link--promo:hover {
  border-bottom: 0;
  color: #47b3fc;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('/vendor/slick/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('vendor/slick/fonts/slick.eot');
  src: url('vendor/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('vendor/slick/fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: lightgray;
  color: transparent;
  top: 50%;
  margin-top: -10px \9;
  /*lte IE 8*/
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: gray;
  color: white;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
.slick-prev:before[dir="rtl"] {
  content: "→";
}
.slick-next {
  right: -25px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
.slick-next:before[dir="rtl"] {
  content: "←";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.slick-slide,
.slick-slide * {
  outline: none !important;
}
.carousel-title {
  margin-left: 0rem;
}
.carousel--loading {
  background: #FFF url('/vendor/slick/ajax-loader.gif') no-repeat center;
  height: 14rem;
}
.carousel-holder {
  height: calc(17rem);
  margin: .25rem 0rem .5rem;
  overflow: hidden;
  padding: 0 2rem;
}
@media only screen and (min-width: 35.5rem ) {
  .carousel-holder {
    margin: 0.5rem -2rem 0.5rem;
  }
}
.slick-list {
  overflow: visible;
  z-index: 2;
}
.carousel-item {
  margin-right: 1.5rem;
  width: 28.125rem;
}
.carousel-arrow-holder {
  -ms-flex-align: center;
      align-items: center;
  color: #47b3fc;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 14rem;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0rem;
  position: absolute;
  width: 2rem;
  z-index: 7;
}
@media only screen and (min-width: 0rem ) {
  .carousel-arrow-holder {
    visibility: hidden;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .carousel-arrow-holder {
    visibility: visible;
  }
}
.carousel-arrow-holder:hover {
  background-color: rgba(32, 32, 32, 0.5);
}
.carousel-arrow-holder:hover .carousel-arrow-prev,
.carousel-arrow-holder:hover .carousel-arrow-next {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
.carousel-arrow-prev,
.carousel-arrow-next {
  -ms-flex-align: center;
      align-items: center;
  background: white;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  height: 1.25rem;
  -ms-flex-pack: center;
      justify-content: center;
  left: 1rem;
  padding-left: 0.125rem;
  top: 0.3125rem;
  transition-duration: 200ms;
  width: 1.25rem;
}
.carousel-arrow-prev:after,
.carousel-arrow-next:after {
  color: #141920;
  content: "\f12c";
  display: block;
  font-family: "fontcustom";
  font-size: 0.75rem;
  font-style: normal;
  position: relative;
  right: .05rem;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.carousel-arrow-next:after {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.slick-disabled {
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.chevron-container {
  bottom: 2vh;
  left: 0;
  padding: .8rem;
  position: absolute;
  text-align: center;
  font-size: 0.75rem;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 0rem ) {
  .chevron-container {
    display: none;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .chevron-container {
    display: block;
  }
}
.auth {
  background: white;
}
.auth .content {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.auth .type__section-header {
  color: white;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  -ms-flex: 0 1 auto;
}
.auth .form-item-container {
  margin-top: 1rem;
}
.auth__flex {
  display: -ms-flexbox;
  display: flex;
}
.auth__back-button {
  padding: 1rem;
  text-transform: uppercase;
  text-align: left;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
.auth__top-banner {
  padding: 6rem 10%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.auth__top-banner-background {
  background-image: url(https://s3.amazonaws.com/fevo/assets/images/error_page_background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #141920;
  filter: url(https://s3.amazonaws.com/fevo/assets/images/greyscale.svg#greyscale);
  filter: grayscale(100%) blur(0);
  z-index: 0;
}
.auth__top-banner-background,
.auth__top-banner-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.auth__top-banner-background-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.auth__top-banner-grow {
  padding: 6rem 10%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.auth__form-container {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  z-index: 2;
  background: white;
  position: relative;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container {
    padding: 2rem;
  }
}
.auth__form-container-grow {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  z-index: 2;
  background: white;
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__form-container-grow {
    padding: 2rem;
  }
}
.auth__footer {
  text-align: center;
  padding: 1.5rem;
  background: #e5e5e5;
  color: #6d6d6d;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer {
    padding: 2rem;
  }
}
.auth__footer-cta {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  line-height: 2.8125rem;
  font-family: "MarkOT", arial, arial;
  font-size: 0.7rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6d6d6d;
  background: transparent;
  border-color: #6d6d6d;
  margin-top: 1rem;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer-cta {
    padding: 0 1.5rem;
  }
}
.auth__footer-cta:hover {
  border-color: #6d6d6d;
  color: white;
  background: #6d6d6d;
}
.auth__footer-cta[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__footer-cta {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.auth__flex-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 1rem;
}
.auth__flex-container:last-child {
  margin-right: 0;
}
.auth__fb-login,
.auth__email-login {
  width: 80%;
  display: block;
  max-width: 22rem;
  margin: 2rem auto;
}
.auth__fb-login {
  background-color: #3b5998;
  text-shadow: 0 -1px 0 #354c8c;
  color: white;
  position: relative;
  padding: 0.1875rem 1.5rem 0 4.5rem;
  border: none;
  line-height: 2.875rem;
  font-family: "SharpSans", arial, arial;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 3px;
  min-width: 20.75rem;
}
.auth__fb-login::before {
  border-right: #364e92 1px solid;
  content: "\f10b";
  font-size: 1.75rem;
  font-family: fontcustom;
  box-sizing: border-box;
  position: absolute;
  left: 0.125rem;
  top: 0;
  width: 3rem;
  height: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .auth__fb-login {
    padding-left: 6rem;
  }
  .auth__fb-login::before {
    width: 4.5rem;
    left: 0;
  }
}
.auth__fb-login:hover,
.auth__fb-login:focus {
  background-color: #5b7bd5;
  background-image: linear-gradient(to bottom, #5b7bd5 0%, #4864b1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b7bd5', endColorstr='#ff4864b1', GradientType=0);
  cursor: pointer;
}
.auth__terms-and-privacy {
  color: #6d6d6d;
}
.component-container .auth .content {
  padding: 0;
}
.component-container .auth .back-button {
  padding: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .component-container .auth .back-button {
    padding: 2rem;
  }
}
#flex {
  display: -ms-flexbox;
  display: flex;
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="number"] {
  width: 100%;
  border: 1px solid transparent;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  font-family: "MarkOT", arial;
  font-size: 1rem;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus {
  border-bottom: 1px solid #141920;
  outline: none;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="number"],
select {
  height: 2.5rem;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="number"] {
  line-height: normal;
  width: 100%;
  display: block;
  outline: none;
  border-radius: 0;
  color: #141920;
  -webkit-appearance: none;
  background: transparent;
}
input[type="text"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="number"]::-ms-clear {
  display: none;
}
select {
  margin: 0;
  border: 1px solid #e5e5e5;
}
:not(.mobile.android) select.select_native {
  font-family: "MarkOT", arial;
  font-size: 0.875rem;
  line-height: normal;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  border-bottom: 1px solid #141920;
  background: white;
  height: 2.1875rem;
}
:not(.mobile.android) select.select_native:focus {
  border-bottom: 1px solid #141920;
  outline: none;
}
input[type="submit"] {
  -webkit-appearance: none;
}
input[type="submit"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  cursor: pointer;
}
input[type="submit"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: none;
  border: none;
}
textarea {
  font-size: 0.75rem;
  -webkit-appearance: none;
}
label {
  font-size: 0.875rem;
  font-weight: normal;
  display: inline-block;
}
.asterisk {
  color: #fc2d20;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  background-color: #6d6d6d;
}
input.error,
.error input,
select.error {
  border-bottom: 1px solid #fc2d20;
}
input.error:focus,
.error input:focus,
select.error:focus {
  border-bottom: 1px solid #fc2d20;
}
input.error::-webkit-input-placeholder,
input.error:-moz-placeholder,
input.error::-moz-placeholder,
input.error:-ms-input-placeholder {
  color: #141920;
  font-family: "MarkOT", arial;
  font-size: 0.6875rem;
  line-height: normal;
}
.parsley-errors-list {
  font-size: 0.6875rem;
  color: #fc2d20;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
@media only screen and (min-width: 37.5em) and (min-device-width: 37.5em) {
  textarea,
  select,
  input[type="text"],
  input[type="tel"],
  input[type="password"],
  input[type="email"],
  input[type="date"],
  input[type="number"] {
    font-size: 0.875rem;
  }
  label {
    font-size: 0.875rem;
    text-align: left;
  }
  input.error::-webkit-input-placeholder,
  input.error:-moz-placeholder,
  input.error::-moz-placeholder,
  input.error:-ms-input-placeholder {
    font-size: 0.875rem;
    line-height: normal;
  }
  select {
    width: auto;
    border: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
  }
}
.signup__facebook {
  margin-top: 2rem;
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "MarkOT", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3rem;
  position: relative;
  color: white;
  background: #47b3fc;
}
@media only screen and (min-width: 35.5rem ) {
  .signup__facebook {
    padding: 0 1.5rem;
  }
}
.signup__facebook:hover {
  background: #0483d9;
}
.signup__facebook[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .signup__facebook {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .signup__facebook {
    padding: 0 1.5rem;
  }
}
.signup__facebook:hover {
  background: #0483d9;
}
.signup__facebook[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .signup__facebook {
    line-height: 3.6125rem;
  }
}
.signup__header {
  color: #47b3fc;
}
.signup__facebook-identity {
  padding: 2rem 2rem 0;
  background: white;
  z-index: 2;
}
.facebook__avatar {
  margin-top: 2rem;
}
.facebook__info {
  display: inline-block;
  vertical-align: middle;
}
.auth__footer-copy--signup {
  padding: 0 6rem;
}
.error-container {
  font-size: 0.875rem;
  color: #ff4d4d;
}
.error-container:empty {
  display: none;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-ms-transform: scale(1,1);
	transform: scale(1,1); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	transition-property: top; 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	transition-property: left; 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.share-button {
  cursor: pointer;
}
.tooltipster-default {
  border-radius: 0;
  background: #141920;
  padding: .5rem .5rem 0;
}
.tooltip__header {
  margin-bottom: 1rem;
}
.tooltip__header--copy {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.fevo-panel-open .tooltipster-default {
  position: fixed;
}
.tooltipster-content {
  padding: 1.25rem;
}
.tooltipster-content .tooltip__header {
  text-align: center;
  padding-top: 0.5rem;
}
.bitly__copy--button {
  -ms-flex-align: center;
      align-items: center;
  background: #47b3fc;
  border: none;
  color: white;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-family: "MarkOT", arial;
  font-weight: bold;
  padding: 0 1rem;
  text-transform: uppercase;
}
.bitly__copy--button:hover {
  background: #0483d9;
}
.bitly__copy--button-icon-sm {
  margin-left: 0.4375rem;
  font-size: 1.25rem;
}
@media only screen and (min-width: 35.5rem ) {
  .bitly__copy--button-icon-sm {
    display: none;
  }
}
.bitly__copy--button-icon-bp-holder {
  display: none;
}
@media only screen and (min-width: 35.5rem ) {
  .bitly__copy--button-icon-bp-holder {
    display: -ms-flexbox;
    display: flex;
  }
}
.bitly__copy--button-icon-bp-other {
  display: none;
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 35.5rem ) {
  .bitly__copy--button-icon-bp-other {
    display: inline-block;
  }
}
.bitly__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.bitly-link__container {
  -ms-flex-align: center;
      align-items: center;
  background: white;
  border: none;
  color: black;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem;
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  line-height: 1.4;
}
@media only screen and (min-width: 0rem ) {
  .bitly-link__container {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .bitly-link__container {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .bitly-link__container {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .bitly-link__container {
    font-size: 1.2375rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .bitly-link__container {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .bitly-link__container {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .bitly-link__container {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .bitly-link__container {
    font-size: 1.2375rem;
  }
}
.bitly-link__container--copied,
.bitly-link__container--error {
  -ms-flex-align: center;
      align-items: center;
  background: #47b3fc;
  font-weight: bold;
  border: none;
  color: white;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 5rem;
}
.share__link {
  color: inherit;
}
.bitly-link__container--error {
  font-size: 1.125rem;
}
.social-links__or {
  margin: 1.5rem 0;
}
.social-links__container {
  margin: 1rem;
  font-size: 1rem;
  text-align: center;
}
.social-links__container i {
  font-size: 1.25rem;
  margin: 0 .5rem;
  cursor: pointer;
}
.social-links__container i:hover {
  color: #cccccc;
}
@media only screen and (min-width: 35.5rem ) {
  .social-links__container {
    font-size: 1.125rem;
  }
}
body {
  font-family: "MarkOT", arial;
}
.rich-content ul,
.rich-content ol {
  padding: 0;
  margin: 0 0 9.5px 25px;
  list-style: initial;
}
.rich-content ol {
  list-style-type: decimal;
}
.rich-content b {
  font-weight: bold;
}
.rich-content i {
  font-style: italic;
}
.rich-content image {
  max-width: 50rem;
}
/*
  We're mapping Red Antler style guide to Large breakpoint font-sizes.

  To convert, we take their typeface pixel size,
  divide that by our base font size pixel size.
  Since we're currently using the browser default (16px)
  we do:

    @media @bp-lg {
      font-size: 7.14285714rem; // ( 100 / 16 )
    }

  Line-height is almost universally 120% bigger than type size;
  and 140 to 160% as lower levels is reached (h5, p1, p2)

  We're using tracking fixes to lower type sizes in MarkOT
  to fix some kerning issues. Not optimal but for now,

  TODO: buy, upload to S3 and reference foundry-converted web files (WOFF, etc) to fix warping/blurring of typefaces
  https://creativemarket.com/blog/2014/09/18/whats-the-difference-between-leading-kerning-and-tracking
  http://stackoverflow.com/questions/2760784/how-to-calculate-css-letter-spacing-v-s-tracking-in-typography

  TODO: investigate subpixel rendering on smaller elements for better rendering
  TODO: restrict only for supported browsers, using hidpi MQ's:
  https://css-tricks.com/almanac/properties/l/letter-spacing/

  TODO: create a chart of font-size values + line-heights across bpoints like, balance out
  http://www.graphics.com/article-old/design-fundamentals-kerning-and-tracking
  http://www.graphics.com/sites/default/files/old/sections/peachpit/manualoftype/8.gif

*/
.type__hero {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0rem ) {
  .type__hero {
    font-size: 4.375rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__hero {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__hero {
    font-size: 6.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__hero {
    font-size: 6.875rem;
  }
}
.type__hero--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0rem ) {
  .type__hero--alt {
    font-size: 2.8125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__hero--alt {
    font-size: 3.9375rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__hero--alt {
    font-size: 5.0625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__hero--alt {
    font-size: 5.625rem;
  }
}
.type__card-title {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__card-title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__card-title {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__card-title {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__card-title {
    font-size: 3.4375rem;
  }
}
.type__section-header {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__section-header {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__section-header {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__section-header {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__section-header {
    font-size: 2.75rem;
  }
}
.type__subhead-one {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-one {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-one {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-one {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-one {
    font-size: 2.0625rem;
  }
}
.type__subhead-one--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-one--alt {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-one--alt {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-one--alt {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-one--alt {
    font-size: 2.0625rem;
  }
}
.type__subhead-two {
  font-family: "MarkOT", arial;
  letter-spacing: -0.025rem;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-two {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-two {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-two {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-two {
    font-size: 1.375rem;
  }
}
.type__subhead-two--alt {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .type__subhead-two--alt {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__subhead-two--alt {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__subhead-two--alt {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__subhead-two--alt {
    font-size: 1.375rem;
  }
}
.type__paragraph-one {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  line-height: 1.4;
}
@media only screen and (min-width: 0rem ) {
  .type__paragraph-one {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__paragraph-one {
    font-size: 1.0125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__paragraph-one {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__paragraph-one {
    font-size: 1.2375rem;
  }
}
.type__paragraph-two {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
}
@media only screen and (min-width: 0rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__paragraph-two {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__paragraph-two {
    font-size: 0.9625rem;
  }
}
.type__category-name {
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
}
@media only screen and (min-width: 0rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .type__category-name {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .type__category-name {
    font-size: 0.6875rem;
  }
}
.type__user-name {
  text-transform: capitalize;
}
.type__link {
  color: #141920;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #141920;
  font-size: 1rem;
}
.type__link:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.type__link:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.type__link--body {
  color: #47b3fc;
  cursor: pointer;
  text-decoration: none;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.type__link--body:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.muted__text {
  color: #4c5055;
}
.important-text {
  font-weight: bold;
}
.title-large,
.title-medium,
.title-small {
  font-family: "SharpSans", arial;
}
.title-medium {
  font-size: 1.5rem;
  font-weight: bold;
}
.title-small {
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: bold;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .title-small {
    font-size: 1rem;
  }
}
.subtitle {
  font-size: 0.9375rem;
  text-transform: capitalize;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .subtitle {
    font-size: 1rem;
  }
}
.subtitle-small {
  font-size: 0.625rem;
  text-transform: capitalize;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .subtitle-small {
    font-size: 0.75rem;
  }
}
.para {
  font-size: 0.9375rem;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .para {
    font-size: 0.875rem;
  }
}
.para-small {
  font-size: 0.875rem;
}
@media only screen and (min-width: 40.5em) and (min-device-width: 40.5em) {
  .para-small {
    font-size: 0.8125rem;
  }
}
.fine-print {
  font-size: 0.75rem;
}
.dimmed-text {
  opacity: 0.6;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.content-root {
  width: 100%;
  font-family: "MarkOT", arial;
  position: relative;
  background: #fefefe;
}
.main-container {
  width: 100%;
  position: relative;
  background: #fcfcfc;
  box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.fevo-logo {
  display: inline-block;
  text-indent: -999em;
  outline: none;
  background: url("https://s3.amazonaws.com/fevo/assets/logo/fevo_logo_white.svg") no-repeat 50% 50%;
}
.fevo-logo--black {
  display: inline-block;
  background: url("https://s3.amazonaws.com/fevo/assets/logo/fevo_logo_black.svg") no-repeat 50% 50%;
}
.powered-by__logo {
  width: 5rem;
  height: 2.25rem;
  background: url("https://s3.amazonaws.com/fevo/assets/logo/fevo_logo_white.svg") no-repeat 50% 50%;
}
.gradient--blue-purple {
  background: linear-gradient(to bottom, #1047fb 0%, #5819bc 50%);
}
.gradient--purple-orange {
  background: linear-gradient(#5819bc 0%, #d02454 25%, #fc2d20 50%, #fc6420 75%);
}
.gradient--pink-orange {
  background: linear-gradient(to bottom, #d02454 0%, #fc2d20 33%, #fc6420 66%);
}
.gradient--pink-orange-horizontal {
  background: linear-gradient(to right, #d02454 0%, #fc2d20 33%, #fc6420 66%);
}
.gradient--blue-orange {
  background: linear-gradient(#1047fb 0%, #5819bc 20%, #d02454 40%, #fc2d20 60%, #fc6420 80%);
}
.gradient--blue-orange-horizontal {
  background: linear-gradient(to right, #1047fb 0%, #5819bc 20%, #d02454 40%, #fc2d20 60%, #fc6420 80%);
}
.gradient__bg-holder {
  position: relative;
  z-index: 1;
}
.gradient__bg-image--light,
.gradient__bg-image--dark {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
}
.gradient__bg-image--dark {
  background: rgba(0, 0, 0, 0.7);
}
.brand--blue {
  color: #47b3fc;
}
.brand--black {
  color: #141920;
}
.brand--gray {
  color: #4c5055;
}
.brand--dark-gray {
  color: #202835;
}
.bg-darken-overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(to bottom, rgba(64, 178, 255, 0.6) -10%, rgba(0, 0, 0, 0.7) 60%);
}
.hidden {
  display: none !important;
}
@media only screen and (min-width: 0rem ) {
  .show-as-flex--sm {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .show-as-flex--sm {
    display: none;
  }
}
@media only screen and (min-width: 52rem ) {
  .show-as-flex--sm {
    display: none;
  }
}
@media only screen and (min-width: 80rem ) {
  .show-as-flex--sm {
    display: none;
  }
}
@media only screen and (min-width: 0rem ) {
  .show-as-flex--md {
    display: none;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .show-as-flex--md {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 52rem ) {
  .show-as-flex--md {
    display: none;
  }
}
@media only screen and (min-width: 80rem ) {
  .show-as-flex--md {
    display: none;
  }
}
@media only screen and (min-width: 0rem ) {
  .show-as-flex--lg {
    display: none;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .show-as-flex--lg {
    display: none;
  }
}
@media only screen and (min-width: 52rem ) {
  .show-as-flex--lg {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 80rem ) {
  .show-as-flex--lg {
    display: none;
  }
}
@media only screen and (min-width: 0rem ) {
  .show-as-flex--xl {
    display: none;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .show-as-flex--xl {
    display: none;
  }
}
@media only screen and (min-width: 52rem ) {
  .show-as-flex--xl {
    display: none;
  }
}
@media only screen and (min-width: 80rem ) {
  .show-as-flex--xl {
    display: -ms-flexbox;
    display: flex;
  }
}
.chevron--down {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -ms-transform: rotate(135deg) skew(10deg, 10deg);
      transform: rotate(135deg) skew(10deg, 10deg);
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-width: 2px;
  color: white;
}
.chevron--right {
  display: inline-block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-width: 1px;
  color: white;
  margin-top: 0.65rem;
}
.breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  background: white;
}
.breadcrumbs__content {
  width: 100%;
  text-align: center;
}
.breadcrumbs__crumb {
  text-transform: capitalize;
  color: #4c5055;
  padding: 0.75rem 0;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -ms-flex-pack: flex-start;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
@media only screen and (min-width: 35.5rem ) {
  .breadcrumbs__crumb {
    padding: 1.25rem 0;
  }
}
.breadcrumbs__crumb::after {
  content: "\003e";
  font-size: 0.875rem;
  line-height: 0.5rem;
}
.breadcrumbs__crumb:last-child::after {
  content: "";
}
.breadcrumbs__crumb--current.breadcrumbs__crumb:first-child {
  color: #1047fb;
}
.breadcrumbs__crumb--current.breadcrumbs__crumb:nth-child(2) {
  color: #d02454;
}
.breadcrumbs__crumb--current.breadcrumbs__crumb:last-child {
  color: #fc6420;
}
.group__tabs {
  padding: 2rem;
  background: #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.group__tabs--enabled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.group__tab {
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  margin-right: 2rem;
  cursor: pointer;
  border-right: 1px solid white;
}
@media only screen and (min-width: 0rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .group__tab {
    font-size: 0.6875rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .group__tab {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .group__tab {
    font-size: 0.6875rem;
  }
}
.group__tab:last-child {
  border: none;
}
.group__tab--active {
  color: #47b3fc;
  cursor: pointer;
  text-decoration: none;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: 2px solid #47b3fc;
  margin-bottom: -2px;
}
.group__tab--active:hover {
  border-bottom: none;
  margin-bottom: 0;
}
.group__category {
  display: none;
  margin: 2rem;
}
.group__category--active {
  display: block;
}
.group__list {
  overflow: hidden;
  padding: 0.3125rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.group__member {
  list-style: none;
  text-align: center;
  font-size: 0.875rem;
  text-indent: 0;
  color: #141920;
  margin: 1rem;
  width: 5rem;
}
.group__firstname {
  margin-top: 0.5rem;
}
.group__inventory {
  margin: 0.75rem 0;
  color: #4c5055;
}
.overflow__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group__section {
  margin-bottom: 1rem;
}
.groupie__host {
  color: #4c5055;
}
.groupie__host.no__hover:hover {
  color: #4c5055;
}
.groupie__host.no__hover .avatar:hover {
  opacity: 1;
}
.groupie__host:hover {
  color: #141920;
}
.email-subscription__section {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.email-subscription__section--large {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__section--large {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__section--large {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.email-subscription__form {
  border-bottom: 2px solid white;
  color: white;
  margin: 0.5rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__form {
    width: 16rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__form {
    width: 17rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__section--large .email-subscription__form {
    width: 17rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__section--large .email-subscription__form {
    width: 20rem;
  }
}
.email-subscription__form--submitted {
  color: #47b3fc;
  border-bottom: currentColor;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.email-subscription__form--submitted .icon-circle-check {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.email-subscription__copy {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  font-weight: bold;
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .email-subscription__copy {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__copy {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .email-subscription__copy {
    font-size: 0.9625rem;
  }
}
.email-subscription__section--large .email-subscription__copy {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.25;
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .email-subscription__section--large .email-subscription__copy {
    font-size: 1.375rem;
  }
}
.email-subscription__email-input {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(99.99% * 0.75 - (1.3rem - 1.3rem * 0.75));
  margin: 0;
  padding: 0;
}
.email-subscription__email-input:nth-child(1n){
  margin-right: 1.3rem;
  margin-left: 0;
}
.email-subscription__email-input:last-child{
  margin-right: 0;
}
.email-subscription__email-input:nth-child(undefinedn){
  margin-right: 0;
  margin-left: auto;
}
.email-subscription__email-input input[type="text"],
.email-subscription__email-input input[type="email"] {
  border: none;
  color: white;
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__email-input input[type="text"],
  .email-subscription__email-input input[type="email"] {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__email-input input[type="text"],
  .email-subscription__email-input input[type="email"] {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .email-subscription__section--large .email-subscription__email-input input[type="text"],
  .email-subscription__section--large .email-subscription__email-input input[type="email"] {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .email-subscription__section--large .email-subscription__email-input input[type="text"],
  .email-subscription__section--large .email-subscription__email-input input[type="email"] {
    font-size: 1.2rem;
  }
}
.email-subscription__submit-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: calc(99.99% * 0.25 - (1.3rem - 1.3rem * 0.25));
  cursor: pointer;
}
.email-subscription__submit-button:nth-child(1n){
  margin-right: 1.3rem;
  margin-left: 0;
}
.email-subscription__submit-button:last-child{
  margin-right: 0;
}
.email-subscription__submit-button:nth-child(undefinedn){
  margin-right: 0;
  margin-left: auto;
}
.email-subscription__submit-button:hover {
  color: #47b3fc;
}
.submit__arrow {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media only screen and (min-width: 0rem ) {
  .submit__arrow {
    width: 34px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 52rem ) {
  .submit__arrow {
    width: 40px;
    font-size: 45px;
    line-height: 30px;
  }
}
.email-subscription__form--error {
  border-color: #fc2d20;
}
.email-subscription__form--error .email-subscription__submit-button {
  color: #fc2d20;
}
.error-container__email {
  color: #fc2d20;
  font-size: 0.6875rem;
  padding: 0 1rem;
}
.labeled-checkable {
  width: 100%;
  padding: 0.625rem;
  cursor: pointer;
  color: #4c5055;
}
.labeled-checkable:hover {
  color: #47b3fc;
}
.labeled-checkable.labeled-checkable--checked {
  color: #47b3fc;
}
.labeled-checkable__name {
  line-height: 2.5rem;
}
.labeled-checkable__name .icon-circle-check {
  font-size: 2rem;
  margin-right: 1rem;
  top: 0.3125rem;
  position: relative;
}
.or-separator {
  color: #e5e5e5;
  margin: 2rem 0;
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.or-separator__text {
  display: inline-block;
  margin: 0 0.5rem;
  width: 2rem;
}
.or-separator__hr {
  width: 100%;
  border-top: 0.0625rem solid #e5e5e5;
  margin: 0 auto;
  display: inline-block;
}
.no-flexbox .or-separator__hr {
  width: calc(50% - 2rem);
}
.invite-grow,
.invite-grow--full-size {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.invite-grow--full-size {
  width: 100%;
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size {
    display: block;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size {
    display: block;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size {
    display: -ms-flexbox;
    display: flex;
    height: 16rem;
  }
}
.invite-grow__item {
  padding: 1rem 2rem;
  background: #141920;
  color: white;
  width: 33.333%;
  text-align: center;
  font-family: "MarkOT", arial;
  letter-spacing: -0.025rem;
  line-height: 1.25;
  min-height: 8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
}
.invite-grow__item:last-child {
  background: linear-gradient(to right, #d02454 0%, #fc2d20 33%, #fc6420 66%);
}
@media only screen and (min-width: 0rem ) {
  .invite-grow__item {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow__item {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow__item {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .invite-grow__item {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .invite-grow__item {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow__item {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow__item {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .invite-grow__item {
    font-size: 1.375rem;
  }
}
.invite-grow--full-size .invite-grow__item {
  padding: 4rem;
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .invite-grow--full-size .invite-grow__item {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size .invite-grow__item {
    width: 100%;
  }
  .invite-grow--full-size .invite-grow__item:last-child {
    background: linear-gradient(to bottom, #d02454 0%, #fc2d20 33%, #fc6420 66%);
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size .invite-grow__item {
    width: 100%;
  }
  .invite-grow--full-size .invite-grow__item:last-child {
    background: linear-gradient(to bottom, #d02454 0%, #fc2d20 33%, #fc6420 66%);
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size .invite-grow__item {
    -ms-flex: 1;
        flex: 1;
    width: auto;
  }
  .invite-grow--full-size .invite-grow__item:last-child {
    background: linear-gradient(to right, #d02454 0%, #fc2d20 33%, #fc6420 66%);
  }
}
.invite-grow__invite {
  border-right: 1px solid #4b4b4b;
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size .invite-grow__invite {
    border-right: none;
    border-bottom: 1px solid #4b4b4b;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size .invite-grow__invite {
    border-right: none;
    border-bottom: 1px solid #4b4b4b;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size .invite-grow__invite {
    border-right: 1px solid #4b4b4b;
    border-bottom: none;
  }
}
.invite-grow__icon {
  padding: 0.25rem;
  width: 1.5rem;
  background: white;
  color: black;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 0.75rem);
  z-index: 2;
  right: -0.75rem;
  font-size: 1rem;
  line-height: 1;
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow__icon {
    padding: 1rem;
    width: 3rem;
    right: -1.5rem;
    top: calc(50% - 1.5rem);
  }
}
@media only screen and (min-width: 0rem ) {
  .invite-grow--full-size .invite-grow__icon {
    bottom: -1.5rem;
    padding: 1rem;
    right: calc(50% - 1.5rem);
    top: auto;
    width: 3rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .invite-grow--full-size .invite-grow__icon {
    bottom: -1.5rem;
    right: calc(50% - 1.5rem);
    top: auto;
  }
}
@media only screen and (min-width: 52rem ) {
  .invite-grow--full-size .invite-grow__icon {
    bottom: auto;
    right: -1.5rem;
    top: calc(50% - 1.5rem);
  }
}
.stacked-labeled-checkables {
  width: 100%;
  padding: 0.625rem;
  background: #efefef;
  border-left: 0.5rem solid #4c5055;
}
.stacked-labeled-checkables .labeled-checkable {
  border-bottom: 0.0625rem solid #e5e5e5;
}
.stacked-labeled-checkables .labeled-checkable:last-of-type {
  border-bottom: 0;
}
.contact-us-min__title {
  font-size: 0.625rem;
  color: white;
}
.contact-us-min__call-us {
  font-size: 0.75rem;
  color: white;
  line-height: 1.5rem;
}
.contact-us-min__call-us .btb {
  font-size: 1.25rem;
  line-height: 1.5rem;
  top: 0.125rem;
  position: relative;
  margin-right: 0.625rem;
}
.contact-us-min__phone-number {
  color: #47b3fc;
  margin-left: 0.25rem;
}
.past-purchase {
  padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  border: 1px solid #f1f0ee;
  margin-bottom: 1.5rem;
  background: white;
}
.past-purchase:last-child {
  margin-bottom: 0;
}
.past-purchase__confirmation {
  color: #4c5055;
  margin-bottom: 0.25rem;
}
.past-purchase__summary {
  margin-top: 0.5rem;
}
.past-purchase__summary,
.past-purchase__details {
  color: #4c5055;
}
.past-purchase__order-item {
  margin-top: 0.5rem;
}
.past-purchase__schedule,
.past-purchase__quality {
  margin-top: 0.25rem;
}
.past-purchase__order-item,
.past-purchase__fees-container {
  display: -ms-flexbox;
  display: flex;
}
.past-purchase__order-item-description {
  text-transform: uppercase;
}
.past-purchase__details {
  border-top: 1px solid #f1f0ee;
  padding-top: 1rem;
  margin-top: 1rem;
}
.past-purchase__show-details {
  text-transform: uppercase;
}
.past-purchase__column {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-left: 0.25rem;
}
.past-purchase__column:first-child {
  width: 60%;
  margin-left: 0;
}
.past-purchase__column:last-child {
  text-align: right;
}
.past-purchase__hide-details {
  display: block;
  margin-top: 1rem;
}
.past-purchase__hide-details .icon-dropdown-lg:before {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.past-purchase__confirmation-num,
.past-purchase__total {
  color: #6d6d6d;
}
.past-purchase__details,
.past-purchase__total-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.past-purchase__details--expanded {
  display: block;
}
.purchases__title {
  text-align: center;
  margin-bottom: 1rem;
}
.progress__fill {
  background: linear-gradient(to right, #1047fb 0%, #5819bc 20%, #d02454 40%, #fc2d20 60%, #fc6420 80%);
  width: 100%;
  height: 0.33rem;
}
.progress__cover {
  position: absolute;
  background-color: #f1f0ee;
  top: 0;
  right: 0;
  transition: width 0.45s ease-in-out;
  height: 0.33rem;
}
.progress__container {
  position: relative;
  height: 0.33rem;
  width: 100%;
}
.host-committee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin: 2rem auto;
  -ms-flex-pack: center;
      justify-content: center;
}
.host {
  margin: 2rem;
  display: inline-block;
  max-width: 9rem;
}
.host:hover .host__name {
  color: #141920;
}
.no__hover:hover {
  cursor: default;
}
.no__hover:hover .host__name {
  color: #4c5055;
}
.no__hover:hover .avatar {
  opacity: 1;
  cursor: default;
}
.host-committee__top-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 1rem;
}
.host-committee__top-row .host-committee__cta {
  color: #4c5055;
  border-color: currentColor;
}
@media only screen and (min-width: 35.5rem ) {
  .host-committee__top-row {
    padding: 0;
  }
}
.host__name {
  color: #4c5055;
  margin-top: 1rem;
  text-align: center;
}
.host__name .host__last-name {
  font-size: 11px;
}
.purchase-flow-header {
  padding: 1.25rem;
  position: relative;
  z-index: 2;
  color: #6d6d6d;
  background: #f1f0ee;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-header {
    display: block;
  }
}
.purchase-flow-header__event-title {
  color: black;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  display: inline-block;
}
.purchase-flow-header__toggle-details {
  margin-right: 0.75rem;
  position: relative;
  font-size: 1.25rem;
  display: none;
}
.purchase-flow-header__toggle-details::before {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.purchase-flow-header__info-item {
  display: inline-block;
}
.purchase-flow-header__datetime,
.purchase-flow-header__location {
  position: relative;
  line-height: 1.7;
}
.purchase-flow-header--minimized {
  -ms-flex-align: center;
      align-items: center;
}
.purchase-flow-header--minimized .purchase-flow-header__toggle-details {
  display: inline-block;
}
.purchase-flow-header--minimized .purchase-flow-header__toggle-details::before {
  -ms-transform: rotate(0);
      transform: rotate(0);
}
.purchase-flow-header--minimized .purchase-flow-header__datetime,
.purchase-flow-header--minimized .purchase-flow-header__location {
  display: none;
}
.purchase-flow-header--minimized .purchase-flow-header__event-title {
  margin-bottom: 0;
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-header--minimized {
    display: block;
  }
  .purchase-flow-header--minimized .purchase-flow-header__toggle-details {
    display: none;
  }
  .purchase-flow-header--minimized .purchase-flow-header__event-title {
    margin-bottom: 0.5rem;
  }
  .purchase-flow-header--minimized .purchase-flow-header__datetime,
  .purchase-flow-header--minimized .purchase-flow-header__location {
    display: block;
    font-size: 1rem;
  }
}
.purchase-flow-footer {
  text-align: center;
  background: #202835;
  padding: 0.5rem 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-footer {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-footer {
    text-align: left;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
.purchase-flow-footer .need-help {
  color: white;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-footer .need-help {
    margin-bottom: 0;
    margin-left: auto;
  }
}
.purchase-flow-footer .powered-by__logo {
  margin-left: auto;
  margin-right: auto;
  width: 3rem;
  display: inline-block;
}
@media only screen and (min-width: 35.5rem ) {
  .purchase-flow-footer .powered-by__logo {
    margin-left: 0;
  }
}
.purchase-flow-footer--ticketmaster .powered-by__logo {
  display: none;
}
.seasons-card {
  padding: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card {
    padding: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: calc(99.99% * 0.83333333 - (1.3rem - 1.3rem * 0.83333333));
    margin-left: calc(99.99% * (-0.08333333 * -1) - (1.3rem - 1.3rem * (-0.08333333 * -1)) + 1.3rem) !important;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .seasons-card:nth-child(1n){
    margin-right: 1.3rem;
    margin-left: 0;
  }
  .seasons-card:last-child{
    margin-right: 0;
  }
  .seasons-card:nth-child(undefinedn){
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (min-width: 80rem ) {
  .seasons-card {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: calc(99.99% * 0.75 - (1.3rem - 1.3rem * 0.75));
    margin-left: calc(99.99% * (-0.125 * -1) - (1.3rem - 1.3rem * (-0.125 * -1)) + 1.3rem) !important;
  }
  .seasons-card:nth-child(1n){
    margin-right: 1.3rem;
    margin-left: 0;
  }
  .seasons-card:last-child{
    margin-right: 0;
  }
  .seasons-card:nth-child(undefinedn){
    margin-right: 0;
    margin-left: auto;
  }
}
.seasons-card__schedule-pattern-container {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__schedule-pattern-container {
    border-bottom: 1px solid #f1f0ee;
  }
}
.seasons-card__schedule-container {
  margin-top: 3rem;
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__schedule-container {
    margin: 0 1rem;
    width: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__payment-rules {
    margin-top: 0;
    margin: 0 1rem;
    width: calc(50% - 2rem);
  }
}
.seasons-card__payment-rules-title {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 0rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .seasons-card__payment-rules-title {
    font-size: 2.0625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__payment-rules-title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .seasons-card__payment-rules-title {
    font-size: 2.0625rem;
  }
}
.seasons-card__cta {
  -ms-flex-align: center;
      align-items: center;
  margin-top: 2rem;
  display: none;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__cta {
    display: block;
    margin: 0;
  }
}
.seasons-card__start-season {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "MarkOT", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3rem;
  position: relative;
  color: white;
  background: #47b3fc;
  display: block;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__start-season {
    padding: 0 1.5rem;
  }
}
.seasons-card__start-season:hover {
  background: #0483d9;
}
.seasons-card__start-season[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__start-season {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__start-season {
    padding: 0 1.5rem;
  }
}
.seasons-card__start-season:hover {
  background: #0483d9;
}
.seasons-card__start-season[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__start-season {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__start-season {
    margin: 3rem auto 0 auto;
  }
}
.seasons-card__view-schedule {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  line-height: 2.8125rem;
  font-family: "MarkOT", arial, arial;
  font-size: 0.7rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #47b3fc;
  background: transparent;
  border-color: #47b3fc;
  display: block;
  width: 100%;
  margin: 1rem auto 0 auto;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__view-schedule {
    padding: 0 1.5rem;
  }
}
.seasons-card__view-schedule:hover {
  border-color: #47b3fc;
  color: white;
  background: #47b3fc;
}
.seasons-card__view-schedule[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .seasons-card__view-schedule {
    width: auto;
  }
}
@media only screen and (min-width: 52rem ) {
  .seasons-card__view-schedule {
    margin: 2rem auto 0 auto;
  }
}
.schedule {
  display: table;
  margin: 0 auto;
}
.schedule__info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.5rem);
}
.schedule__image {
  width: 5rem;
  height: 5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
@bp-md {
  width: 5rem;
}
.schedule__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1rem;
}
.schedule__item:last-child {
  margin-bottom: 0;
}
.full-schedule {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 45rem) {
  .full-schedule {
    display: -ms-flexbox;
    display: flex;
  }
}
.full-schedule__schedule-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__schedule-container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule__schedule-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule__schedule-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__schedule-container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule__schedule-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule__schedule-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 45rem) {
  .full-schedule__schedule-container {
    width: 50%;
    float: left;
    border-right: 1px solid #f1f0ee;
  }
}
.full-schedule__start {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "MarkOT", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3rem;
  position: relative;
  color: white;
  background: #47b3fc;
  margin-top: 1rem;
  text-align: center;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__start {
    padding: 0 1.5rem;
  }
}
.full-schedule__start:hover {
  background: #0483d9;
}
.full-schedule__start[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__start {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__start {
    padding: 0 1.5rem;
  }
}
.full-schedule__start:hover {
  background: #0483d9;
}
.full-schedule__start[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__start {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 45rem) {
  .full-schedule__start {
    margin: 0 auto;
  }
}
.full-schedule__cta-container {
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__cta-container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule__cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule__cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .full-schedule__cta-container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .full-schedule__cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .full-schedule__cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 45rem) {
  .full-schedule__cta-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 50%;
    float: right;
  }
}
.btn__input__group {
  display: -ms-flexbox;
  display: flex;
}
.btn__input__group .button-input-group-container__form {
  height: 4rem;
}
.btn__input__group button {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  font-family: "MarkOT", arial, arial;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 3rem;
  position: relative;
  color: white;
  background: #47b3fc;
}
@media only screen and (min-width: 35.5rem ) {
  .btn__input__group button {
    padding: 0 1.5rem;
  }
}
.btn__input__group button:hover {
  background: #0483d9;
}
.btn__input__group button[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .btn__input__group button {
    line-height: 3.6125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .btn__input__group button {
    padding: 0 1.5rem;
  }
}
.btn__input__group button:hover {
  background: #0483d9;
}
.btn__input__group button[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  border-color: #4c5055;
  cursor: not-allowed;
}
@media only screen and (min-width: 35.5rem ) {
  .btn__input__group button {
    line-height: 3.6125rem;
  }
}
.btn__input__group--alt .button-input-group-container__form,
.btn__input__group--minimal .button-input-group-container__form {
  height: 3rem;
}
.btn__input__group--alt button,
.btn__input__group--minimal button {
  font-weight: bold;
  vertical-align: middle;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.1s;
  transition-duration: 0.1s;
  transition-property: background, border, color;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border: 0.1875rem solid transparent;
  padding: 0 1.5rem;
  display: inline-block;
  line-height: 2.8125rem;
  font-family: "MarkOT", arial, arial;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: white;
  background: #47b3fc;
}
@media only screen and (min-width: 35.5rem ) {
  .btn__input__group--alt button,
  .btn__input__group--minimal button {
    padding: 0 1.5rem;
  }
}
.btn__input__group--alt button:hover,
.btn__input__group--minimal button:hover {
  background: #0483d9;
}
.btn__input__group--alt button[disabled],
.btn__input__group--minimal button[disabled] {
  color: #e5e5e5;
  background: #4c5055;
  cursor: not-allowed;
}
.btn__input__group input.text__input {
  height: 100%;
  border: 1px solid white;
  border-right: none;
  color: #fff;
  padding: 1rem;
}
.btn__input__group input.text__input:focus {
  border-bottom: 1px solid white;
}
.btn__input__group--minimal input.text__input {
  background-color: transparent;
  border: none;
  color: #141920;
  text-align: center;
}
.btn__input__group--minimal input.text__input:focus {
  border-bottom-color: #141920;
}
.btn__input__group--alt input.text__input {
  background-color: #f7f8f9;
  border: none;
  color: #141920;
}
.btn__input__group--secondary input.text__input {
  background-color: rgba(109, 109, 109, 0.8);
  border: none;
  color: #FFF;
}
.btn__input__group--secondary input.text__input:-ms-input-placeholder {
  color: #FFF;
}
.btn__input__group--secondary input.text__input::placeholder {
  color: #FFF;
}
.btn__input__group--secondary button {
  background: rgba(178, 185, 196, 0.8);
}
.button-input-group-container__form {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.btn__input__group .empty__button {
  background: none;
  border: 1px solid white;
  border-left: none;
}
.btn__input__group .empty__button:hover {
  background: none;
}
.button-input-group__editable-text {
  cursor: pointer;
  display: none;
}
.btn__input__group--editable {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.btn__input__group--editable .icon-edit {
  font-size: .6rem;
}
.btn__input__group--editable .button-input-group__editable-text {
  display: block;
}
.btn__input__group--editable form {
  display: none;
}
.input__group__error__message {
  color: #fc2d20;
  padding: .5rem 1rem;
}
.btn__input__group--error input.text__input {
  border: 1px solid #fc2d20;
}
.button-input-group-container__submit {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.success__banner {
  background: #141920;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: white;
  padding: 2rem 2rem 0 2rem;
  z-index: 2;
}
.circle-check {
  color: #47b3fc;
  padding: 1rem;
  margin: 0 0.75rem 0 0;
  border-radius: 50%;
  border: 2px solid #47b3fc;
  text-align: center;
  display: inline-block;
}
.circle-check i {
  display: block;
  height: 0.9375rem;
  width: 0.9375rem;
}
.success__message {
  font-size: 1.5rem;
}
.group__tree__container {
  margin-top: 1rem;
}
@media only screen and (min-width: 35.5rem ) {
  .group__tree__container {
    padding: 0 1.75rem 0 0;
  }
}
@media only screen and (min-width: 52rem ) {
  .group__tree__container {
    margin: 0;
  }
}
.groupvis__avatar--expandable {
  cursor: pointer;
}
.groupvis__avatar--plus {
  fill: #42b4f8;
}
.groupvis__invited-circle {
  opacity: .25;
}
.group-tree-vis {
  height: 31.25rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.group-tree-vis__legend {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5rem;
}
.group-tree-vis__prev,
.group-tree-vis__curr,
.group-tree-vis__next {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  color: #4c5055;
  left: 0rem;
  position: absolute;
}
@media only screen and (min-width: 0rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .group-tree-vis__prev,
  .group-tree-vis__curr,
  .group-tree-vis__next {
    font-size: 0.9625rem;
  }
}
.group-tree-vis__prev {
  top: 3.125rem;
}
.group-tree-vis__curr {
  top: 50%;
}
.group-tree-vis__next {
  bottom: 1.25rem;
}
.group__tree__header {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  font-family: 'SharpSans', arial;
}
.groupvis__connection {
  stroke: #e5e5e5;
  stroke-dasharray: 5,10;
  stroke-width: 2px;
}
.groupvis__connection--parent {
  animation: dash 40s linear infinite;
  stroke: url(#fevo-gradient);
}
@keyframes dash {
  from {
    stoke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
.groupvis__name-label {
  text-anchor: middle;
  fill: #141920;
}
.groupvis__name-label-plus {
  fill: white;
}
.groupvis__score-text {
  text-anchor: middle;
  fill: #efefef;
}
.groupvis__score-circle {
  fill: #47b3fc;
}
.group-vis-node image,
.group-vis-node circle,
.group-vis-node text {
  transition: all 400ms;
}
.group-vis-node clipPath circle {
  fill: none;
}
.groupvis__avatar--active {
  fill: none;
  stroke: #79c8fd;
  stroke-width: 4px;
  animation-name: pulsar;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.groupvis__score--active {
  stroke: #79c8fd;
  stroke-width: 4px;
  animation-name: pulsar;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes pulsar {
  0% {
    stroke: #79c8fd;
    stroke-width: 4px;
  }
  70% {
    stroke: transparent;
    stroke-width: 24px;
  }
  100% {
    stroke: transparent;
    stroke-width: 24px;
  }
}
@keyframes pulsar-mini {
  0% {
    stroke: #79c8fd;
    stroke-width: 4px;
  }
  70% {
    stroke: transparent;
    stroke-width: 20px;
  }
  100% {
    stroke: transparent;
    stroke-width: 20px;
  }
}
.leaderboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
}
.leaderboard__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.2rem;
}
.leaderboard__title .icon-edit {
  font-size: .7rem;
  position: relative;
  bottom: .1rem;
  left: .1rem;
}
.leaderboard__title .editable {
  cursor: pointer;
}
.leaderboard__group-name {
  display: block;
  min-width: 20rem;
}
.leaderboard__header {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #CCC;
  color: #AAA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: .6rem;
  font-weight: bold;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 2rem;
  padding-bottom: .5rem;
  text-align: center;
}
.leaderboard__footer {
  background-color: rgba(20, 25, 32, 0.9);
  color: #EEE;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1.3rem 0;
}
.leaderboard__footer--gradient {
  color: #EEE;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1.25rem 0;
  line-height: 0.7625rem;
}
.leaderboard__footer--gradient:last-of-type {
  background-image: linear-gradient(to right, #D02354 0%, #FC2D20 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd02354', endColorstr='#fffc2d20', GradientType=1);
}
.leaderboard__holder {
  height: 25.75rem;
  max-height: 25.75rem;
  overflow-y: auto;
}
.leaderboard__user--others .leaderboard__friends {
  width: 20%;
}
.leaderboard__user--others .leaderboard__others-hidden {
  display: none;
}
.leaderboard__leaders {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: .9rem;
}
.leaderboard__row {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #CCC;
  display: -ms-flexbox;
  display: flex;
  height: 3.25rem;
}
.leaderboard__row.leaderboard__row--selected,
.leaderboard__row:hover {
  box-shadow: .2rem .2rem 1.2rem #999;
}
.leaderboard__rank {
  -ms-flex-align: center;
      align-items: center;
  color: #fc2d20;
  display: -ms-flexbox;
  display: flex;
  font-size: .8rem;
  height: 1.4rem;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 0rem;
  position: relative;
  text-align: center;
  width: 15%;
}
@media only screen and (min-width: 35.5rem ) {
  .leaderboard__rank {
    width: 10%;
  }
}
.leaderboard__avatar {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 70%;
  -ms-flex-pack: center;
      justify-content: center;
  width: 15%;
}
.leaderboard__avatar__image {
  background: url('https://s3.amazonaws.com/fevo/assets/edp/Group.png') no-repeat center / contain;
  border-radius: 50%;
  min-width: 2rem;
  height: 2rem;
}
@media only screen and (min-width: 35.5rem ) {
  .leaderboard__avatar__image {
    min-width: 2.75rem;
    height: 2.75rem;
  }
}
.leaderboard__name {
  text-align: left;
  padding-left: 2%;
  width: 58%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 35.5rem ) {
  .leaderboard__name {
    width: 60%;
  }
}
.leaderboard__total {
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 .5rem 0 1rem;
}
.leaderboard__friends,
.leaderboard__others {
  text-align: center;
  width: 17.5%;
}
@media only screen and (min-width: 35.5rem ) {
  .leaderboard__friends,
  .leaderboard__others {
    width: 15%;
  }
}
.leaderboard__others {
  -ms-flex-pack: center;
      justify-content: center;
}
.qr__code_image {
  width: 15.625rem;
  height: 15.625rem;
}
.qr__intro__title {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
  width: 100%;
  border-bottom: 1px solid #F1F0EE;
  text-align: center;
  background: white;
  padding: 1rem;
}
@media only screen and (min-width: 0rem ) {
  .qr__intro__title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .qr__intro__title {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .qr__intro__title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .qr__intro__title {
    font-size: 2.0625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .qr__intro__title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .qr__intro__title {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .qr__intro__title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .qr__intro__title {
    font-size: 2.0625rem;
  }
}
.qr__intro__card {
  background: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  padding: 1rem;
}
.qr__inventory__image {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.inventory__title,
.inventory__item__title {
  font-size: 1rem;
}
.qr__inventory_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 10rem;
  text-align: center;
}
.qr__inventory_info .inventory__item__header,
.qr__inventory_info .inventory__header {
  color: #4c5055;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
  margin-bottom: .5rem;
  font-size: 1rem !important;
}
@media only screen and (min-width: 0rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.6875rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.625rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .qr__inventory_info .inventory__item__header,
  .qr__inventory_info .inventory__header {
    font-size: 0.6875rem;
  }
}
.print-only {
  display: none;
}
@media print {
  .print-only {
    display: inline-block;
    width: 6.25rem;
    margin: auto;
    height: auto;
    padding: 1rem;
  }
}
@media print {
  .pattern--intro {
    margin: auto;
  }
}
.gamified__nav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  background: white;
}
@media only screen and (min-width: 52rem ) {
  .gamified__nav {
    display: none;
  }
}
.floating__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0.5rem;
}
.nav__item {
  display: inline-block;
  text-align: center;
  font-size: 0.6875rem;
  text-transform: uppercase;
}
.nav__item.selected {
  color: #47b3fc;
}
.nav__item i {
  font-size: 1.1rem;
}
.nav__item a {
  color: #6d6d6d;
}
.nav__item a:hover {
  color: #47b3fc;
}
.rewards .preview-focused {
  margin: 0;
}
.rewards__component-wrapper {
  overflow: hidden;
  position: relative;
}
.rewards {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.rewards-carousel--collapsed .rewards__item {
  display: none;
}
.rewards-carousel--collapsed .rewards__item:first-of-type,
.rewards-carousel--collapsed .rewards__item:last-of-type {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 35.5rem ) {
  .rewards-carousel--collapsed .rewards__item:nth-of-type(2) {
    display: -ms-flexbox;
    display: flex;
  }
}
.rewards__expand--disabled {
  display: none;
}
.rewards__expand {
  cursor: pointer;
  color: white;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 2;
}
.rewards__expand:hover {
  text-decoration: underline;
}
.rewards__expand .rewards__expand-open {
  display: none;
}
.rewards__expand--collapsed .rewards__expand-open {
  display: block;
}
.rewards__expand--collapsed .rewards__expand-close {
  display: none;
}
.rewards__item {
  margin: 0 auto;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  position: relative;
  cursor: pointer;
  background: #141920;
  color: white;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
@media only screen and (min-width: 0rem ) {
  .rewards__item {
    padding: 2rem 1rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .rewards__item {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) and only screen and (min-width: 35.5rem ) {
  .rewards__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .rewards__item {
    padding: 1rem 2rem;
  }
}
.rewards__item:nth-of-type(2n) {
  background: #1e2530;
}
.rewards__item:hover {
  background: #313e4f;
}
.rewards__item:last-of-type {
  background-image: linear-gradient(to right, #D02354 0%, #FC2D20 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd02354', endColorstr='#fffc2d20', GradientType=1);
}
.rewards__item:last-of-type:hover {
  background: #fc2d20;
}
@media only screen and (min-width: 52rem ) {
  .rewards__item--horizontal-layout {
    -ms-flex-direction: row;
        flex-direction: row;
    text-align: left;
  }
}
@media only screen and (min-width: 80rem ) {
  .rewards__item--horizontal-layout {
    padding: 2rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .rewards__item-header--hide-horizontal,
  .rewards__item-title--hide-horizontal {
    display: none;
  }
}
.rewards__item-title,
.rewards__item-header {
  max-width: 100%;
}
.rewards__item-title {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rewards__item-header-title-container {
  display: none;
  margin-left: 1rem;
  width: calc(100%-10rem);
}
@media only screen and (min-width: 52rem ) {
  .rewards__item-header-title-container {
    display: block;
  }
}
.rewards__item-header {
  text-transform: uppercase;
}
.rewards__item--horizontal-layout .rewards__item-header {
  margin-bottom: 0.5rem;
}
.rewards__item-threshold {
  font-size: 1.5rem;
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  border-radius: 50%;
  border: 0.125rem solid white;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #141920;
  background: white;
  margin: 1.5rem 0;
}
@media only screen and (min-width: 52rem ) {
  .rewards__item--horizontal-layout .rewards__item-threshold {
    margin: 0;
  }
}
.rewards__item:last-of-type .rewards__item-threshold {
  color: #D02354;
}
.rewards__item-threshold--achieved,
.rewards__item:last-of-type .rewards__item-threshold--achieved {
  background: transparent;
  color: white;
}
.rewards__item-description {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 2;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.85);
}
.rewards__item-description-visible {
  display: -ms-flexbox;
  display: flex;
}
.rewards__item-description-close {
  font-size: 1rem;
  color: white;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 3;
}
.rewards-carousel .rewards__item {
  -ms-flex-order: 2;
      order: 2;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: 50%;
}
@media only screen and (min-width: 35.5rem ) {
  .rewards-carousel .rewards__item {
    width: 33.3333%;
  }
}
.no-flexbox .rewards__item {
  width: auto;
}
.seatview-container {
  position: relative;
  height: 100%;
}
.seatview-container .border {
  position: absolute;
  height: 100%;
  width: 10%;
  z-index: 3;
  cursor: pointer;
  background-color: rgba(0, 10, 0, 0.5);
}
.seatview-container .left-border {
  left: 0;
  opacity: 0;
}
.seatview-container .right-border {
  right: 0;
  opacity: 0;
}
.seatview-container .seatview-viewer {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  -ms-overflow-style: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(100% 0%, 70% 10%, 30% 10%, 0% 0%, 0% 100%, 30% 90%, 70% 90%, 100% 100%);
          clip-path: polygon(100% 0%, 70% 10%, 30% 10%, 0% 0%, 0% 100%, 30% 90%, 70% 90%, 100% 100%);
}
.seatview-container .seatview-viewer-shell {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-clip-path: polygon(100% 0%, 70% 10%, 30% 10%, 0% 0%, 0% 100%, 30% 90%, 70% 90%, 100% 100%);
          clip-path: polygon(100% 0%, 70% 10%, 30% 10%, 0% 0%, 0% 100%, 30% 90%, 70% 90%, 100% 100%);
}
.seatview-container .clip-svg {
  height: 0;
  width: 0;
}
.seatview-container .seatview-image-container {
  width: 120%;
  height: auto;
  overflow: hidden;
  z-index: 1;
  position: absolute;
}
.seatview-container .seatImage {
  position: absolute;
  z-index: 2;
  left: 25%;
  bottom: 0%;
  width: 51%;
}
.seatview-container .seatview-holder {
  position: relative;
  width: 100%;
  overflow: auto;
}
.quality-selection .seatview-container {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: #ffffff;
}
.quality-selection .seatview-container--visible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 2;
  -ms-flex-direction: column;
      flex-direction: column;
  background: white;
}
.quality-selection .seatview-container .toggle-seatview {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1rem;
  cursor: pointer;
  z-index: 4;
}
.quality-selection .seatview-container .icon-close {
  color: black;
}
.modal-message__holder {
  cursor: default;
}
.modal-message__holder .active {
  right: 2rem;
}
.modal-message {
  color: #f7f8f9;
  cursor: pointer;
  display: none;
  padding: 1rem;
  position: fixed;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
  right: -20rem;
  top: 1rem;
  width: 18rem;
  z-index: 2147483647;
}
.modal-message--success,
.modal-message--info,
.modal-message--error {
  display: block;
}
.modal-message--success {
  background-color: #31d3b3;
}
.modal-message--info {
  background-color: #47b3fc;
}
.modal-message--error {
  background-color: #fdaa29;
}
.modal-message__message {
  margin-left: .5rem;
}
.toggle {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.toggle__switch {
  display: inline-block;
  height: 1.25rem;
  margin: 0 1rem;
  position: relative;
  width: 2.75rem;
}
/* Hide default HTML checkbox */
.toggle__switch input {
  display: none;
}
.toggle__switch-slider {
  background-color: #f7f8f9;
  border: 1px solid #4c5055;
  border-radius: 1.25rem;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}
.toggle__switch-slider:before {
  background-color: #141920;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 1.125rem;
  left: 0;
  position: absolute;
  transition: .4s;
  width: 1.125rem;
}
.toggle.toggle--checked .toggle__label--off {
  color: #4c5055;
}
.toggle:not(.toggle--checked) .toggle__label--on {
  color: #4c5055;
}
input:checked + .toggle__switch-slider {
  background-color: #f7f8f9;
}
input:focus + .toggle__switch-slider {
  box-shadow: 0 0 1px #141920;
}
input:checked + .toggle__switch-slider:before {
  -ms-transform: translateX(1.5rem);
      transform: translateX(1.5rem);
}
.drawer-rewards__component {
  position: relative;
}
.drawer-rewards {
  color: #f7f8f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.drawer-rewards--collapsed {
  max-height: 7rem;
  overflow: hidden;
  transition-duration: 600ms;
}
.drawer-rewards--collapsed .drawer-rewards__show-all {
  display: block;
}
.drawer-rewards--collapsed .drawer-rewards__show-first {
  display: none;
}
.drawer-rewards--expand {
  max-height: 40rem;
}
.drawer-rewards--expand .drawer-rewards__show-all {
  display: none;
}
.drawer-rewards--expand .drawer-rewards__show-first {
  display: block;
}
.drawer-rewards__show-all,
.drawer-rewards__show-first {
  color: #f7f8f9;
  text-decoration: none;
  border-bottom: 1px solid #f7f8f9;
  font-size: 1rem;
  cursor: pointer;
  font-size: .8rem;
  position: absolute;
  right: 1rem;
  top: .25rem;
}
.drawer-rewards__show-all:hover,
.drawer-rewards__show-first:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.drawer-rewards__show-all:hover,
.drawer-rewards__show-first:hover {
  border-bottom: 0;
  color: #47b3fc;
}
.drawer-rewards__item {
  -ms-flex-align: center;
      align-items: center;
  background-color: #202835;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  margin: .5rem 0;
}
.drawer-rewards__item:last-child {
  margin: 0 0 .5rem;
}
.drawer-rewards__item-number {
  -ms-flex-align: center;
      align-items: center;
  background-color: #f7f8f9;
  border-radius: 50%;
  color: #141920;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 3rem;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 3rem;
  min-width: 3rem;
  width: 3rem;
}
.drawer-rewards__description {
  margin-left: 1rem;
}
.drawer-rewards__item-header {
  text-transform: uppercase;
}
.flex-carousel {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.flex-carousel.is-set {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.flex-carousel .carousel__item.is-ref {
  -ms-flex-order: 0;
      order: 0;
}
.carousel__toggle--hidden {
  display: none;
}
.carousel__toggle {
  position: absolute;
  cursor: pointer;
  color: black;
  font-size: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  z-index: 30;
}
.carousel__previous {
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}
.carousel__next {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.carousel__arrows--outside .carousel__toggle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  top: 0;
}
.carousel__arrows--outside .carousel__toggle:hover {
  background: #ffffff;
}
.carousel__arrows--outside .carousel__previous {
  left: .5rem;
}
.carousel__arrows--outside .carousel__next {
  right: .5rem;
}
.carousel__arrows--outside-minimal .carousel__toggle {
  background: rgba(20, 25, 32, 0.2);
  color: #f7f8f9;
  font-size: 1.25rem;
  height: 1.5rem;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  top: calc(50% - 0.75rem);
  width: 2.25rem;
}
.carousel__arrows--outside-minimal .carousel__previous {
  left: -0.3rem;
}
.carousel__arrows--outside-minimal .carousel__next {
  right: -0.3rem;
}
.carousel__arrows--outside-minimal:hover .carousel__toggle {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
.carousel__arrows--bottom .carousel__toggle {
  color: #f7f8f9;
  font-size: .75rem;
  height: 1rem;
  margin: 0;
  width: 1rem;
}
.carousel__arrows--bottom .carousel__nav-holder {
  -ms-flex-align: center;
      align-items: center;
  background: rgba(20, 25, 32, 0.8);
  bottom: 0;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  padding: .25rem;
  position: absolute;
  width: 100%;
}
.carousel__arrows--bottom .carousel__nav-holder:hover {
  display: -ms-flexbox;
  display: flex;
}
.carousel__arrows--bottom .carousel__dots {
  padding: 0 2rem;
}
.carousel__arrows--bottom .carousel__dot {
  background-color: #f7f8f9;
  border-radius: 50%;
  display: inline-block;
  height: 0.375rem;
  margin: 0 .2rem;
  opacity: .9;
  width: 0.375rem;
}
.carousel__arrows--bottom .carousel__dot--active {
  background-color: transparent;
  border: 1px solid #f7f8f9;
}
.carousel__arrows--bottom .carousel__previous {
  margin: 0;
  position: static;
}
.carousel__arrows--bottom .carousel__next {
  margin: 0;
  position: static;
}
.carousel__arrows--bottom:hover .carousel__nav-holder {
  display: -ms-flexbox;
  display: flex;
}
.drawer-error {
  width: 100%;
  text-align: center;
  background-color: #141920;
}
.drawer-error__box {
  width: 90%;
  margin: auto;
  overflow: hidden;
}
@media only screen and (min-width: 35.5rem ) {
  .drawer-error__box {
    width: 20rem;
  }
}
.drawer-error__box-content {
  height: 10rem;
  background-color: #f7f8f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.drawer-error__heading {
  color: #f7f8f9;
  text-align: center;
  margin-bottom: 2rem;
  padding-top: 2rem;
}
.drawer-error__box-header {
  background-color: #cccccc;
  height: 2rem;
}
.drawer-error__progress {
  margin-bottom: 2rem;
  margin-top: .5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: .5rem;
  width: 75%;
}
@media only screen and (min-width: 35.5rem ) {
  .drawer-error__progress {
    width: 15rem;
  }
}
.drawer-error__progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.drawer-error__progress[value]::-webkit-progress-value {
  background-color: #ff0000;
  border-radius: 2px;
}
.pattern--discovery-intro {
  background-color: #f1f0ee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: .2rem;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.discovery__hero-content {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content {
    width: 66.66666667%;
  }
}
@media only screen and (min-width: 52rem ) {
  .discovery__hero-content {
    width: 100%;
  }
}
.discovery__hero-content-container {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  width: 100%;
  padding: 1.5rem;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 1.75rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 2rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-content-container {
    padding: 2rem;
  }
}
.discovery__hero-title {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-title {
    margin: .5rem 0rem;
  }
}
.discovery__hero-sub-title {
  color: #202835;
  margin: .2rem 0rem 1rem;
  text-align: center;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-sub-title {
    margin: .5rem 0rem 1rem;
  }
}
.discovery__hero-cta {
  display: none;
  margin: 1rem 0rem;
}
@media only screen and (min-width: 35.5rem ) {
  .discovery__hero-cta {
    display: block;
  }
}
.calendar-legend__section {
  color: white;
  padding: 1rem;
}
.calendar-legend__main-header {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__main-header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__main-header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__main-header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__main-header {
    font-size: 2.0625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__main-header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__main-header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__main-header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__main-header {
    font-size: 2.0625rem;
  }
}
.calendar-legend__header {
  font-family: "SharpSans", arial;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 2rem;
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__header {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__header {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__header {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__header {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__header {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__header {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__header {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__header {
    font-size: 1.375rem;
  }
}
.calendar-legend__header:first-child {
  margin-top: 0;
}
.calendar-legend__description {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  font-size: 0.875rem !important;
  color: #949494;
  margin-top: .75rem;
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__description {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__description {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__description {
    font-size: 0.9625rem;
  }
}
.calendar-legend__legends {
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem;
}
.calendar-legend__legend {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.25rem;
}
.calendar-legend__legend:first-child {
  margin-top: 0;
}
.calendar-legend__indicator {
  border-radius: 50%;
  height: 1rem;
  margin-right: .5rem;
  min-width: 1rem;
  width: 1rem;
}
.calendar-legend__value {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__value {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__value {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__value {
    font-size: 0.9625rem;
  }
}
.calendar-legend__indicator--special {
  border: 3px solid transparent;
  border-radius: 50%;
  height: 1rem;
  margin-right: .5rem;
  min-width: 1rem;
  width: 1rem;
}
.calendar-legend__legends--special {
  margin-left: 2rem;
}
.calendar-legend__title,
.calendar-legend__title--special {
  font-family: "MarkOT", arial;
  letter-spacing: -0.005rem;
  margin-left: 1.75rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.9625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar-legend__title,
  .calendar-legend__title--special {
    font-size: 0.9625rem;
  }
}
.calendar-widget {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
@media only screen and (min-width: 0rem ) {
  .calendar-widget {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar-widget {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 1rem;
    max-width: 56.25rem;
  }
}
.calendar__main-header {
  font-family: "MarkOT", arial;
  font-weight: bold;
  letter-spacing: -0.05rem;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.2;
  color: #FC0;
  text-align: center;
}
@media only screen and (min-width: 0rem ) {
  .calendar__main-header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar__main-header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar__main-header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar__main-header {
    font-size: 2.0625rem;
  }
}
@media only screen and (min-width: 0rem ) {
  .calendar__main-header {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 35.5rem ) {
  .calendar__main-header {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 52rem ) {
  .calendar__main-header {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 80rem ) {
  .calendar__main-header {
    font-size: 2.0625rem;
  }
}
.calendar {
  -ms-flex: 1;
      flex: 1;
  padding: 1rem .5rem;
  max-width: 28.125rem;
  width: 100%;
}
.calendar__header {
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
}
.calendar__days-container {
  margin: 1rem 0;
}
.calendar__days-header {
  display: -ms-flexbox;
  display: flex;
}
.calendar__days-row {
  display: -ms-flexbox;
  display: flex;
}
.calendar__day-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  margin: .5rem 0;
}
.calendar__day-holder,
.calendar__day-of-week {
  -ms-flex-align: center;
      align-items: center;
  color: #f7f8f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.calendar__day {
  -ms-flex-align: center;
      align-items: center;
  color: #6d6d6d;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 2.5rem;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 2.5rem;
}
.calendar__day--available {
  color: white;
  cursor: pointer;
}
.calendar__day--available:hover {
  background: #6d6d6d;
  border-radius: 50%;
}
.calendar__day--sold-out {
  color: #6d6d6d;
}
.calendar__day--sold-out:after {
  border-bottom: 0.125rem solid #6d6d6d;
  content: "";
  left: 25%;
  margin-top: calc(-0.0625rem);
  position: absolute;
  right: 25%;
  top: 35%;
}
.calendar__day--special:hover {
  background: transparent;
}
.calendar__day--selected {
  background: #f7f8f9;
  border-radius: 50%;
  color: #141920;
}
.calendar__day--selected .calendar__special {
  border-width: 0;
}
.calendar__day--aside-month {
  color: #6d6d6d;
}
.calendar__special {
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  border: .2rem solid transparent;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  min-height: 2rem;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  min-width: 2rem;
  width: 2rem;
}
.calendar__special:hover {
  background: #6d6d6d;
  border-radius: 50%;
}
.calendar__day-legend-indicator {
  border-radius: 50%;
  height: .5rem;
  margin-top: .15rem;
  width: .5rem;
}
.calendar__month {
  color: #f7f8f9;
  margin: 0 auto;
  text-transform: uppercase;
}
.calendar__navigate {
  background-color: transparent;
  border: 0;
  color: #f7f8f9;
  cursor: pointer;
  outline: none;
}
.calendar__navigate,
.calendar__month {
  display: inline-block;
}
.calendar__navigate-previous {
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.calendar__navigate-next {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
@media only screen and (min-width: 35.5rem ) {
  .calendar__legend {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
  }
}
.filters-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
.filters-container label {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.filters-container--hidden {
  display: none;
}
.checkbox-filter .icon-dropdown-lg {
  display: inline-block;
  margin-left: auto;
}
.checkbox-filter .icon-dropdown-lg::before {
  font-weight: bold;
}
.checkbox-filter--open .icon-dropdown-lg {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.checkbox-filter {
  position: relative;
  display: inline-block;
  width: calc(48%);
  display: -ms-flexbox;
  display: flex;
}
.checkbox-filter__inventory:first-of-type {
  margin-right: auto;
}
.checkbox-filter__label {
  display: inline-block;
  width: 100%;
  background-color: white;
  color: black;
  padding: 15px 20px;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox-filter__toggle {
  display: none;
}
.checkbox-filter__items {
  position: absolute;
  list-style: none;
  text-align: left;
  width: 100%;
  z-index: 1;
  margin: 0;
  padding: 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  display: none;
  background: white;
  color: black;
  max-height: 17.5rem;
  overflow: auto;
  top: 3rem;
  border-top: 1px solid #47B3FC;
}
input[type=checkbox].checkbox-filter__toggle:checked ~ .checkbox-filter__items {
  display: block;
}
.checkbox-filter__item {
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
.checkbox-filter__item:hover {
  background: #e5e5e5;
}
.checkbox-filter__item:last-of-type {
  padding-bottom: 0.75rem;
}
.checkbox-filter__item input {
  display: none;
}
.checkbox-filter__item label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 35.5rem ) {
  .checkbox-filter__item {
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
  }
}
.checkbox-filter__item-check {
  margin-right: 0.375rem;
  height: 1.125rem;
  width: 1.125rem;
  border: 1px solid #B2B9C4;
  border-radius: 1px;
  background: white;
}
@media only screen and (min-width: 35.5rem ) {
  .checkbox-filter__item-check {
    margin-right: 0.5rem;
  }
}
.checkbox-filter__item input[type=checkbox]:not(old):checked + label .checkbox-filter__item-check:before {
  content: '✓';
  display: block;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  line-height: 1;
}