.ie8 .g-offset-lg-1-4 {
  margin-left: 25%;
}

.ie8 .g-offset-lg-2-4 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-3-4 {
  margin-left: 75%;
}

.ie8 .g-offset-lg-0-3 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-3 {
  margin-left: 33.3333333333%;
}

.ie8 .g-offset-lg-2-3 {
  margin-left: 66.6666666667%;
}

.ie8 .g-offset-lg-0-2 {
  margin-left: 0%;
}

.ie8 .g-offset-lg-1-2 {
  margin-left: 50%;
}

.ie8 .g-offset-lg-0-1 {
  margin-left: 0%;
}

.ie8 .img-md-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-md-20 img {
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-md-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-md-40 img {
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-md-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-md-60 img {
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-md-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-md-90 img {
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-md-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-md-110 img {
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-md-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-md-150 img {
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-md-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-md-240 img {
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-md-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-md-330 img {
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-lg-20 {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-lg-20 img {
  max-width: 20px;
  max-height: 20px;
}

.ie8 .img-lg-40 {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-lg-40 img {
  max-width: 40px;
  max-height: 40px;
}

.ie8 .img-lg-60 {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-lg-60 img {
  max-width: 60px;
  max-height: 60px;
}

.ie8 .img-lg-90 {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-lg-90 img {
  max-width: 90px;
  max-height: 90px;
}

.ie8 .img-lg-110 {
  width: 110px;
  height: 110px;
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-lg-110 img {
  max-width: 110px;
  max-height: 110px;
}

.ie8 .img-lg-150 {
  width: 150px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-lg-150 img {
  max-width: 150px;
  max-height: 150px;
}

.ie8 .img-lg-240 {
  width: 240px;
  height: 240px;
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-lg-240 img {
  max-width: 240px;
  max-height: 240px;
}

.ie8 .img-lg-330 {
  width: 330px;
  height: 330px;
  max-width: 330px;
  max-height: 330px;
}

.ie8 .img-lg-330 img {
  max-width: 330px;
  max-height: 330px;
}

.ie8 .hide-large {
  display: none !important;
}

.ie8 .hide-large-accessible {
  position: absolute !important;
  left: -999999px !important;
}

.ie8 .show-small {
  display: none !important;
}

.ie8 .show-medium {
  display: none !important;
}

.ie8 .g-cell,
.ie8 .timeline__content,
.ie8 .timeline__date,
.ie8 .timeline__indicator,
.ie8 .g-vertical-group,
.ie8 .dialog-frame-content,
.ie8 .tabs-header.tabs-header__grid li,
.tabs-header.tabs-header__grid .ie8 li {
  display: block;
  zoom: 1;
  float: left;
}

/* Non-cascading responsive styles
 *
 * These should only apply to one responsive size.
 * These are after grid declarations so the display: none rule will override display: inline-block.
 */

@media only screen and (max-width: 799px) {
  .g-grid.g-grid--page-margin-manual,
  .g-grid--page-margin-manual.overlay-dialog__frame {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .hide-small {
    display: none !important;
  }

  .hide-small-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-medium {
    display: none !important;
  }

  .show-large {
    display: none !important;
  }

  .g-grid,
  .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .hide-medium {
    display: none !important;
  }

  .hide-medium-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-small {
    display: none !important;
  }

  .show-large {
    display: none !important;
  }

  .g-grid,
  .overlay-dialog__frame,
  .g-group--page-margin-reset {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 800px) {
  .hide-large {
    display: none !important;
  }

  .hide-large-accessible {
    position: absolute !important;
    left: -999999px !important;
  }

  .show-small {
    display: none !important;
  }

  .show-medium {
    display: none !important;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.g-vertical-group,
.dialog-frame-content,
.tabs-header.tabs-header__grid li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.g-group,
.g-grid,
.overlay-dialog__frame,
.g-vertical-group,
.dialog-frame-content,
.timeline__item,
.breakdown__item {
  /* font-size whitespace hack. This gets rid of spaces between grid cells */
  font-size: 0;
  letter-spacing: 0;
}

.g-group--full-width {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.g-grid,
.overlay-dialog__frame {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.g-vertical-group,
.dialog-frame-content {
  padding: 0;
}

.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator {
  /* font-size whitespace hack. This adds a font size to the contents */
  letter-spacing: 0.5px;
  /* remove the overflow: hidden safety net.

    BE CAREFUL WHEN ADDING.

    If your main content is too big, it will break the grid.
    */
}

.g-cell.g-cell--no-gutters,
.timeline__content,
.g-cell--no-gutters.timeline__date,
.timeline__indicator {
  padding-left: 0px;
  padding-right: 0px;
}

.g-cell.g-cell--has-overflow,
.g-cell--has-overflow.timeline__content,
.g-cell--has-overflow.timeline__date,
.g-cell--has-overflow.timeline__indicator {
  overflow: visible;
}

.takeover,
.blackout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.is-modal-shown {
  overflow: hidden;
}

.takeover {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 49990;
  color: #45494E;
  -webkit-overflow-scrolling: touch;
}

.takeover.is-hidden-enter,
.takeover.is-hidden-leave {
  display: block;
}

.takeover.is-hidden-enter {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.blackout {
  background: transparent;
  background-color: rgba(40, 44, 53, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC282C35,endColorstr=#CC282C35);
  zoom: 1;
  z-index: 49980;
}

.dialog-frame-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  overflow: hidden;
  position: relative;
  z-index: 50000;
  background-color: #F8F8FA;
  -webkit-transform: translateZ(0);
}

.ie8 .dialog-frame-content {
  border-radius: 5px;
}

@media only screen and (min-width: 480px) {
  .dialog-frame-content {
    border-radius: 5px;
  }
}

@media only screen and (max-width: 479px) {
  .dialog-frame-content .g-group,
  .dialog-frame-content .g-grid,
  .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item,
  .dialog-frame-content .breakdown__item {
    margin-left: 10px;
    margin-right: 10px;
  }

  .dialog-frame-content .g-group.g-group--full-width,
  .dialog-frame-content .g-group--full-width.g-grid,
  .dialog-frame-content .g-group--full-width.overlay-dialog__frame,
  .dialog-frame-content .g-group--full-width.g-vertical-group,
  .dialog-frame-content .g-group--full-width.dialog-frame-content,
  .dialog-frame-content .g-group--full-width.timeline__item,
  .dialog-frame-content .g-group--full-width.breakdown__item {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dialog-frame-content .g-group .g-group,
  .dialog-frame-content .g-grid .g-group,
  .dialog-frame-content .overlay-dialog__frame .g-group,
  .dialog-frame-content .g-vertical-group .g-group,
  .dialog-frame-content .dialog-frame-content .g-group,
  .dialog-frame-content .timeline__item .g-group,
  .dialog-frame-content .breakdown__item .g-group,
  .dialog-frame-content .g-group .g-grid,
  .dialog-frame-content .g-grid .g-grid,
  .dialog-frame-content .overlay-dialog__frame .g-grid,
  .dialog-frame-content .g-vertical-group .g-grid,
  .dialog-frame-content .dialog-frame-content .g-grid,
  .dialog-frame-content .timeline__item .g-grid,
  .dialog-frame-content .breakdown__item .g-grid,
  .dialog-frame-content .g-group .overlay-dialog__frame,
  .dialog-frame-content .g-grid .overlay-dialog__frame,
  .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group .overlay-dialog__frame,
  .dialog-frame-content .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .timeline__item .overlay-dialog__frame,
  .dialog-frame-content .breakdown__item .overlay-dialog__frame,
  .dialog-frame-content .g-group .g-vertical-group,
  .dialog-frame-content .g-grid .g-vertical-group,
  .dialog-frame-content .overlay-dialog__frame .g-vertical-group,
  .dialog-frame-content .g-vertical-group .g-vertical-group,
  .dialog-frame-content .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .timeline__item .g-vertical-group,
  .dialog-frame-content .breakdown__item .g-vertical-group,
  .dialog-frame-content .g-group .dialog-frame-content,
  .dialog-frame-content .g-grid .dialog-frame-content,
  .dialog-frame-content .overlay-dialog__frame .dialog-frame-content,
  .dialog-frame-content .g-vertical-group .dialog-frame-content,
  .dialog-frame-content .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item .dialog-frame-content,
  .dialog-frame-content .breakdown__item .dialog-frame-content,
  .dialog-frame-content .g-group .timeline__item,
  .dialog-frame-content .g-grid .timeline__item,
  .dialog-frame-content .overlay-dialog__frame .timeline__item,
  .dialog-frame-content .g-vertical-group .timeline__item,
  .dialog-frame-content .dialog-frame-content .timeline__item,
  .dialog-frame-content .timeline__item .timeline__item,
  .dialog-frame-content .breakdown__item .timeline__item,
  .dialog-frame-content .g-group .breakdown__item,
  .dialog-frame-content .g-grid .breakdown__item,
  .dialog-frame-content .overlay-dialog__frame .breakdown__item,
  .dialog-frame-content .g-vertical-group .breakdown__item,
  .dialog-frame-content .dialog-frame-content .breakdown__item,
  .dialog-frame-content .timeline__item .breakdown__item,
  .dialog-frame-content .breakdown__item .breakdown__item {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .dialog-frame-content .g-group,
  .dialog-frame-content .g-grid,
  .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item,
  .dialog-frame-content .breakdown__item {
    margin-left: 10px;
    margin-right: 10px;
  }

  .dialog-frame-content .g-group.g-group--full-width,
  .dialog-frame-content .g-group--full-width.g-grid,
  .dialog-frame-content .g-group--full-width.overlay-dialog__frame,
  .dialog-frame-content .g-group--full-width.g-vertical-group,
  .dialog-frame-content .g-group--full-width.dialog-frame-content,
  .dialog-frame-content .g-group--full-width.timeline__item,
  .dialog-frame-content .g-group--full-width.breakdown__item {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dialog-frame-content .g-group .g-group,
  .dialog-frame-content .g-grid .g-group,
  .dialog-frame-content .overlay-dialog__frame .g-group,
  .dialog-frame-content .g-vertical-group .g-group,
  .dialog-frame-content .dialog-frame-content .g-group,
  .dialog-frame-content .timeline__item .g-group,
  .dialog-frame-content .breakdown__item .g-group,
  .dialog-frame-content .g-group .g-grid,
  .dialog-frame-content .g-grid .g-grid,
  .dialog-frame-content .overlay-dialog__frame .g-grid,
  .dialog-frame-content .g-vertical-group .g-grid,
  .dialog-frame-content .dialog-frame-content .g-grid,
  .dialog-frame-content .timeline__item .g-grid,
  .dialog-frame-content .breakdown__item .g-grid,
  .dialog-frame-content .g-group .overlay-dialog__frame,
  .dialog-frame-content .g-grid .overlay-dialog__frame,
  .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group .overlay-dialog__frame,
  .dialog-frame-content .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .timeline__item .overlay-dialog__frame,
  .dialog-frame-content .breakdown__item .overlay-dialog__frame,
  .dialog-frame-content .g-group .g-vertical-group,
  .dialog-frame-content .g-grid .g-vertical-group,
  .dialog-frame-content .overlay-dialog__frame .g-vertical-group,
  .dialog-frame-content .g-vertical-group .g-vertical-group,
  .dialog-frame-content .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .timeline__item .g-vertical-group,
  .dialog-frame-content .breakdown__item .g-vertical-group,
  .dialog-frame-content .g-group .dialog-frame-content,
  .dialog-frame-content .g-grid .dialog-frame-content,
  .dialog-frame-content .overlay-dialog__frame .dialog-frame-content,
  .dialog-frame-content .g-vertical-group .dialog-frame-content,
  .dialog-frame-content .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item .dialog-frame-content,
  .dialog-frame-content .breakdown__item .dialog-frame-content,
  .dialog-frame-content .g-group .timeline__item,
  .dialog-frame-content .g-grid .timeline__item,
  .dialog-frame-content .overlay-dialog__frame .timeline__item,
  .dialog-frame-content .g-vertical-group .timeline__item,
  .dialog-frame-content .dialog-frame-content .timeline__item,
  .dialog-frame-content .timeline__item .timeline__item,
  .dialog-frame-content .breakdown__item .timeline__item,
  .dialog-frame-content .g-group .breakdown__item,
  .dialog-frame-content .g-grid .breakdown__item,
  .dialog-frame-content .overlay-dialog__frame .breakdown__item,
  .dialog-frame-content .g-vertical-group .breakdown__item,
  .dialog-frame-content .dialog-frame-content .breakdown__item,
  .dialog-frame-content .timeline__item .breakdown__item,
  .dialog-frame-content .breakdown__item .breakdown__item {
    margin-left: 0;
    margin-right: 0;
  }
}

.ie8 .dialog-frame-content .g-group,
.ie8 .dialog-frame-content .g-grid,
.ie8 .dialog-frame-content .overlay-dialog__frame,
.ie8 .dialog-frame-content .g-vertical-group,
.ie8 .dialog-frame-content .dialog-frame-content,
.ie8 .dialog-frame-content .timeline__item,
.ie8 .dialog-frame-content .breakdown__item {
  margin-left: 10px;
  margin-right: 10px;
}

.ie8 .dialog-frame-content .g-group.g-group--full-width,
.ie8 .dialog-frame-content .g-group--full-width.g-grid,
.ie8 .dialog-frame-content .g-group--full-width.overlay-dialog__frame,
.ie8 .dialog-frame-content .g-group--full-width.g-vertical-group,
.ie8 .dialog-frame-content .g-group--full-width.dialog-frame-content,
.ie8 .dialog-frame-content .g-group--full-width.timeline__item,
.ie8 .dialog-frame-content .g-group--full-width.breakdown__item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.ie8 .dialog-frame-content .g-group .g-group,
.ie8 .dialog-frame-content .g-grid .g-group,
.ie8 .dialog-frame-content .overlay-dialog__frame .g-group,
.ie8 .dialog-frame-content .g-vertical-group .g-group,
.ie8 .dialog-frame-content .dialog-frame-content .g-group,
.ie8 .dialog-frame-content .timeline__item .g-group,
.ie8 .dialog-frame-content .breakdown__item .g-group,
.ie8 .dialog-frame-content .g-group .g-grid,
.ie8 .dialog-frame-content .g-grid .g-grid,
.ie8 .dialog-frame-content .overlay-dialog__frame .g-grid,
.ie8 .dialog-frame-content .g-vertical-group .g-grid,
.ie8 .dialog-frame-content .dialog-frame-content .g-grid,
.ie8 .dialog-frame-content .timeline__item .g-grid,
.ie8 .dialog-frame-content .breakdown__item .g-grid,
.ie8 .dialog-frame-content .g-group .overlay-dialog__frame,
.ie8 .dialog-frame-content .g-grid .overlay-dialog__frame,
.ie8 .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame,
.ie8 .dialog-frame-content .g-vertical-group .overlay-dialog__frame,
.ie8 .dialog-frame-content .dialog-frame-content .overlay-dialog__frame,
.ie8 .dialog-frame-content .timeline__item .overlay-dialog__frame,
.ie8 .dialog-frame-content .breakdown__item .overlay-dialog__frame,
.ie8 .dialog-frame-content .g-group .g-vertical-group,
.ie8 .dialog-frame-content .g-grid .g-vertical-group,
.ie8 .dialog-frame-content .overlay-dialog__frame .g-vertical-group,
.ie8 .dialog-frame-content .g-vertical-group .g-vertical-group,
.ie8 .dialog-frame-content .dialog-frame-content .g-vertical-group,
.ie8 .dialog-frame-content .timeline__item .g-vertical-group,
.ie8 .dialog-frame-content .breakdown__item .g-vertical-group,
.ie8 .dialog-frame-content .g-group .dialog-frame-content,
.ie8 .dialog-frame-content .g-grid .dialog-frame-content,
.ie8 .dialog-frame-content .overlay-dialog__frame .dialog-frame-content,
.ie8 .dialog-frame-content .g-vertical-group .dialog-frame-content,
.ie8 .dialog-frame-content .dialog-frame-content .dialog-frame-content,
.ie8 .dialog-frame-content .timeline__item .dialog-frame-content,
.ie8 .dialog-frame-content .breakdown__item .dialog-frame-content,
.ie8 .dialog-frame-content .g-group .timeline__item,
.ie8 .dialog-frame-content .g-grid .timeline__item,
.ie8 .dialog-frame-content .overlay-dialog__frame .timeline__item,
.ie8 .dialog-frame-content .g-vertical-group .timeline__item,
.ie8 .dialog-frame-content .dialog-frame-content .timeline__item,
.ie8 .dialog-frame-content .timeline__item .timeline__item,
.ie8 .dialog-frame-content .breakdown__item .timeline__item,
.ie8 .dialog-frame-content .g-group .breakdown__item,
.ie8 .dialog-frame-content .g-grid .breakdown__item,
.ie8 .dialog-frame-content .overlay-dialog__frame .breakdown__item,
.ie8 .dialog-frame-content .g-vertical-group .breakdown__item,
.ie8 .dialog-frame-content .dialog-frame-content .breakdown__item,
.ie8 .dialog-frame-content .timeline__item .breakdown__item,
.ie8 .dialog-frame-content .breakdown__item .breakdown__item {
  margin-left: 0;
  margin-right: 0;
}

.ie8 .dialog-frame-content .g-cell,
.ie8 .dialog-frame-content .timeline__content,
.ie8 .dialog-frame-content .timeline__date,
.ie8 .dialog-frame-content .timeline__indicator {
  padding-left: 10px;
  padding-right: 10px;
}

.ie8 .dialog-frame-content .g-cell.g-cell--no-gutters,
.ie8 .dialog-frame-content .timeline__content,
.ie8 .dialog-frame-content .g-cell--no-gutters.timeline__date,
.ie8 .dialog-frame-content .timeline__date.timeline__content,
.ie8 .dialog-frame-content .timeline__date.timeline__indicator,
.ie8 .dialog-frame-content .timeline__indicator {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 800px) {
  .dialog-frame-content .g-group,
  .dialog-frame-content .g-grid,
  .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item,
  .dialog-frame-content .breakdown__item {
    margin-left: 10px;
    margin-right: 10px;
  }

  .dialog-frame-content .g-group.g-group--full-width,
  .dialog-frame-content .g-group--full-width.g-grid,
  .dialog-frame-content .g-group--full-width.overlay-dialog__frame,
  .dialog-frame-content .g-group--full-width.g-vertical-group,
  .dialog-frame-content .g-group--full-width.dialog-frame-content,
  .dialog-frame-content .g-group--full-width.timeline__item,
  .dialog-frame-content .g-group--full-width.breakdown__item {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dialog-frame-content .g-group .g-group,
  .dialog-frame-content .g-grid .g-group,
  .dialog-frame-content .overlay-dialog__frame .g-group,
  .dialog-frame-content .g-vertical-group .g-group,
  .dialog-frame-content .dialog-frame-content .g-group,
  .dialog-frame-content .timeline__item .g-group,
  .dialog-frame-content .breakdown__item .g-group,
  .dialog-frame-content .g-group .g-grid,
  .dialog-frame-content .g-grid .g-grid,
  .dialog-frame-content .overlay-dialog__frame .g-grid,
  .dialog-frame-content .g-vertical-group .g-grid,
  .dialog-frame-content .dialog-frame-content .g-grid,
  .dialog-frame-content .timeline__item .g-grid,
  .dialog-frame-content .breakdown__item .g-grid,
  .dialog-frame-content .g-group .overlay-dialog__frame,
  .dialog-frame-content .g-grid .overlay-dialog__frame,
  .dialog-frame-content .overlay-dialog__frame .overlay-dialog__frame,
  .dialog-frame-content .g-vertical-group .overlay-dialog__frame,
  .dialog-frame-content .dialog-frame-content .overlay-dialog__frame,
  .dialog-frame-content .timeline__item .overlay-dialog__frame,
  .dialog-frame-content .breakdown__item .overlay-dialog__frame,
  .dialog-frame-content .g-group .g-vertical-group,
  .dialog-frame-content .g-grid .g-vertical-group,
  .dialog-frame-content .overlay-dialog__frame .g-vertical-group,
  .dialog-frame-content .g-vertical-group .g-vertical-group,
  .dialog-frame-content .dialog-frame-content .g-vertical-group,
  .dialog-frame-content .timeline__item .g-vertical-group,
  .dialog-frame-content .breakdown__item .g-vertical-group,
  .dialog-frame-content .g-group .dialog-frame-content,
  .dialog-frame-content .g-grid .dialog-frame-content,
  .dialog-frame-content .overlay-dialog__frame .dialog-frame-content,
  .dialog-frame-content .g-vertical-group .dialog-frame-content,
  .dialog-frame-content .dialog-frame-content .dialog-frame-content,
  .dialog-frame-content .timeline__item .dialog-frame-content,
  .dialog-frame-content .breakdown__item .dialog-frame-content,
  .dialog-frame-content .g-group .timeline__item,
  .dialog-frame-content .g-grid .timeline__item,
  .dialog-frame-content .overlay-dialog__frame .timeline__item,
  .dialog-frame-content .g-vertical-group .timeline__item,
  .dialog-frame-content .dialog-frame-content .timeline__item,
  .dialog-frame-content .timeline__item .timeline__item,
  .dialog-frame-content .breakdown__item .timeline__item,
  .dialog-frame-content .g-group .breakdown__item,
  .dialog-frame-content .g-grid .breakdown__item,
  .dialog-frame-content .overlay-dialog__frame .breakdown__item,
  .dialog-frame-content .g-vertical-group .breakdown__item,
  .dialog-frame-content .dialog-frame-content .breakdown__item,
  .dialog-frame-content .timeline__item .breakdown__item,
  .dialog-frame-content .breakdown__item .breakdown__item {
    margin-left: 0;
    margin-right: 0;
  }

  .dialog-frame-content .g-cell,
  .dialog-frame-content .timeline__content,
  .dialog-frame-content .timeline__date,
  .dialog-frame-content .timeline__indicator {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dialog-frame-content .g-cell.g-cell--no-gutters,
  .dialog-frame-content .timeline__content,
  .dialog-frame-content .g-cell--no-gutters.timeline__date,
  .dialog-frame-content .timeline__date.timeline__content,
  .dialog-frame-content .timeline__date.timeline__indicator,
  .dialog-frame-content .timeline__indicator {
    padding-left: 0;
    padding-right: 0;
  }
}

.ie8 .is-hidden-leave .dialog-frame-content {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@media only screen and (min-width: 480px) {
  .is-hidden-leave .dialog-frame-content {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
}

.ie8 .is-hidden-enter .dialog-frame-content {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@media only screen and (min-width: 480px) {
  .is-hidden-enter .dialog-frame-content {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }
}

.overlay-dialog__container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .overlay-dialog__container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.overlay-dialog__frame {
  padding-left: 0;
  padding-right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  position: relative;
  top: 50%;
  z-index: 50000;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .overlay-dialog__frame {
    min-height: 310px;
    max-height: 800px;
  }
}

.ie8 .overlay-dialog__frame {
  max-height: 570px;
}

@media only screen and (min-width: 800px) {
  .overlay-dialog__frame {
    max-height: 570px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .overlay-dialog__frame--takeover {
    height: 84%;
  }
}

.ie8 .overlay-dialog__frame--takeover {
  height: 84%;
}

@media only screen and (min-width: 800px) {
  .overlay-dialog__frame--takeover {
    height: 84%;
  }
}

@media only screen and (max-width: 479px) {
  .is-hidden-leave .overlay-dialog__frame--takeover {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    animation-name: slideInUp;
  }
}

@media only screen and (max-width: 479px) {
  .is-hidden-enter .overlay-dialog__frame--takeover {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }
}

.overlay-dialog__frame--takeover .dialog-frame-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  height: 100%;
}

.takeover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
}

.overlay-dialog__frame.overlay-dialog__frame--video {
  line-height: 0;
}

.ie8 .overlay-dialog__frame.overlay-dialog__frame--video iframe {
  height: 523px;
}

@media only screen and (min-width: 480px) {
  .overlay-dialog__frame.overlay-dialog__frame--video iframe {
    height: 523px;
  }
}

@media only screen and (max-width: 479px) {
  .overlay-dialog__frame.overlay-dialog__frame--video iframe {
    height: 300px;
  }
}

.dialog-header {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  background-color: #EFF2F5;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 1px 1px 0 rgba(40, 44, 53, 0.15);
  margin-bottom: 2px;
  line-height: 20px;
}

.dialog-header__action {
  color: #666a73;
  color: #666A73;
  border: none;
  background: none;
  line-height: 20px;
  margin: -10px 0;
}

.ie8 .dialog-header__action {
  padding: 14px 10px 10px 10px;
}

@media only screen and (min-width: 480px) {
  .dialog-header__action {
    padding: 14px 10px 10px 10px;
  }
}

@media only screen and (max-width: 479px) {
  .dialog-header__action {
    padding: 10px;
  }
}

.dialog-header__action:hover,
.dialog-header__action:focus {
  color: black;
}

.dialog-content {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  box-flex: auto;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  max-height: 100%;
  overflow-x: hidden;
  position: relative;
}

.dialog-content.dialog-content--full-height {
  height: 100%;
}

.dialog-content-container {
  height: 100%;
}

.dialog-footer {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
  margin-top: 2px;
  background-color: white;
}

.ie8 .dialog-content-container,
.ie9 .dialog-content-container {
  padding-bottom: 125px;
}

.ie8 .dialog-footer,
.ie9 .dialog-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.ie8 .overlay-dialog__frame {
  top: 8%;
}

.overlay-dialog__footer {
  background-color: #F8F8FA;
}

.modal-transition-enter,
.modal-transition-leave,
.modal-transition-leave-active,
.modal-transition-enter-active,
.modal-transition-leave-active .overlay-dialog__frame,
.modal-transition-enter .overlay-dialog__frame,
.modal-transition-enter-active .overlay-dialog__frame {
  transition: all 0.2s ease-in;
}

.modal-transition-enter {
  opacity: 0.01;
}

.modal-transition-leave {
  opacity: 0.99;
}

.modal-transition-leave-active {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  opacity: 0;
}

.modal-transition-enter-active {
  opacity: 1;
}

.modal-transition-leave-active .overlay-dialog__frame {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
}

.modal-transition-enter .overlay-dialog__frame {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
}

.modal-transition-enter-active .overlay-dialog__frame {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.overlay-fixed-to-bottom-right {
  position: fixed;
  bottom: 5px;
  right: 25px;
  z-index: 49990;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

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

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

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.tooltip {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
}

.tooltip.in {
  opacity: 80;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8000)";
  filter: alpha(opacity=8000);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 10px 20px;
  color: #D2D6DF;
  text-align: center;
  text-decoration: none;
  background-color: #282C35;
  white-space: normal;
  border-radius: 5px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #282C35;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #282C35;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #282C35;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #282C35;
}

.single-line-tooltip + .tooltip > .tooltip-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.badge {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background-color: #ADB0B6;
  color: white;
  padding: 7px 10px 6px;
  vertical-align: text-bottom;
  line-height: 12px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  border-radius: 15px;
}

.badge:hover,
.badge:focus {
  text-decoration: none;
  color: white;
}

.badge i {
  font-size: 1.2em;
  vertical-align: text-top;
  padding-left: 3px;
}

.badge.badge--success {
  background: #00cc52;
}

.badge.badge--alert {
  background: #ffdb00;
  color: #332c00;
}

.badge.badge--error {
  background: #ff0044;
}

.badge.badge--option {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  color: white;
  background: #000;
  padding: 3px 6px;
  font-weight: 400;
  font-size: 12px;
  text-transform: lowercase;
  line-height: 12px;
}

.badge.badge--tag {
  background-color: white;
  background-color: transparent;
  color: black;
  color: black;
  border-color: #D2D6DF;
  border-width: 1px;
  border-style: solid;
  text-transform: capitalize;
}

.badge.badge--selected-tag {
  color: white;
  background-color: #00a8f2;
  border-color: #00a8f2;
  border-width: 1px;
  border-style: solid;
  text-transform: capitalize;
}

a.badge--tag:hover,
a.badge--tag:focus {
  border-color: #00a8f2;
  color: #00a8f2;
}

a.badge--selected-tag:hover,
a.badge--selected-tag:focus {
  background-color: #00affc;
}

.badge-status {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  color: black;
  color: black;
  padding: 3px 10px;
  text-transform: uppercase;
  display: inline;
  z-index: 100;
}

.badge-status.badge-status--warning {
  color: #ff0044;
}

a.badge-status:hover,
a.badge-status:focus,
a.badge-status:active {
  color: black;
  color: black;
  background-color: white;
}

.badge--overlay {
  position: absolute;
  top: 10px;
  right: 10px;
}

.badge--expansive {
  display: block;
}

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.notification,
.notification-bar {
  position: relative;
  background: white;
  color: #45494E;
  border-width: 1px;
  border-style: solid;
  line-height: 22px;
  font-size: 15px;
}

.notification--success,
.notification-bar--success {
  border-color: #00cc52;
}

.notification--error,
.notification-bar--error {
  border-color: #ff0044;
}

.notification--alert,
.notification-bar--alert {
  border-color: #ffdb00;
}

.notification--info,
.notification-bar--info {
  border-color: #00a8f2;
}

.notification {
  padding: 10px 10px 10px 50px;
  word-wrap: break-word;
}

.notification:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  left: 8px;
  line-height: 22px;
  z-index: 1;
}

.ie8 .notification:before,
.ie9 .notification:before {
  top: 5px;
  margin-top: 0;
}

.notification:after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.notification--success:before {
  content: "";
}

.notification--success:before {
  color: white;
}

.notification--success:after {
  background: #00cc52;
}

.notification--error:before {
  content: "";
}

.notification--error:before {
  color: white;
}

.notification--error:after {
  background: #ff0044;
}

.notification--alert:before {
  content: "";
}

.notification--alert:before {
  color: #332c00;
}

.notification--alert:after {
  background: #ffdb00;
}

.notification--info:before {
  content: "";
}

.notification--info:before {
  color: white;
}

.notification--info:after {
  background: #00a8f2;
}

.notification-bar {
  padding: 10px 50px;
  border-bottom-width: 5px;
  text-align: center;
}

.notification-bar__close {
  position: absolute;
  right: 20px;
  top: 10px;
  text-decoration: none;
}

.notification-bar__close .ico-cross {
  font-size: 20px;
}

.notification-bar__close:hover {
  text-decoration: none;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated,
.modal__animation .mfp-content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite,
.modal__animation .infinite.mfp-content {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge,
.modal__animation .hinge.mfp-content {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown,
.modal__animation.mfp-ready .mfp-content {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp,
.modal__animation.mfp-removing .mfp-content {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn,
.css-transform-support .fx--fade-in,
.takeover.is-hidden-leave {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  65% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  65% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown,
.css-transform-support .fx--fade-in-down {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft,
.css-transform-support .fx--fade-in-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight,
.css-transform-support .fx--fade-in-right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  65% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  65% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp,
.css-transform-support .fx--fade-in-up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut,
.takeover.is-hidden-enter {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip,
.modal__animation .flip.mfp-content {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.js-d-carousel {
  display: none;
}

/* Slider */

.slick-slider {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: block;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #fff url("../../../images/icons/loading_16px.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}

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

.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-slide [dir="rtl"] {
  float: right;
}

.slick-slide img {
  display: block;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 36px;
  width: 24px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}

.slick-prev:before,
.slick-next:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 36px;
  line-height: 1;
  color: #D2D6DF;
  opacity: 0.75;
}

.slick-prev {
  left: 45px;
}

.slick-prev:before {
  content: "";
}

.slick-next {
  right: 45px;
}

.slick-next:before {
  content: "";
}

.slick-carousel--outer-arrows .slick-prev {
  left: 0;
}

.slick-carousel--outer-arrows .slick-next {
  right: 0;
}

/* Dots */

.slick-dots {
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  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 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #666666;
}

.slick-dots li.slick-active button:before {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  content: "";
  color: #666666;
  font-size: 13px;
}

.slick-carousel--has-visible-content {
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.twitter-post__text a {
  color: #666A73;
}

.twitter-post__image {
  margin-right: 15px;
}

.instagram-post__container {
  position: relative;
}

.instagram-post__profile {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}

.instagram-post__icon {
  position: absolute;
  top: 1px;
  right: 5px;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  color: white;
}

.instagram-post__details {
  position: absolute;
  left: 5px;
  bottom: 10px;
}

.instagram-post__name {
  color: white;
}

.black-gradient-overlay {
  background: -webkit-linear-gradient( transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient( transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 5px;
  -moz-background-clip: content;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.sill {
  position: relative;
  background-color: white;
  box-shadow: 0px 2px 0px 0px rgba(40, 44, 53, 0.2);
}

.sill.sill--with-borders {
  box-shadow: 0 2px 3px 0 rgba(40, 44, 53, 0.4);
}

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.list li.list--with-divider-top,
.list li.list--stub-link {
  border-top: 1px solid #D2D6DF;
}

.list li.list--stub,
.list li.list--stub-action,
.list li.list--stub-link {
  text-transform: uppercase;
  text-align: center;
}

.list li.list--stub a,
.list li.list--stub-action a,
.list li.list--stub-link a {
  color: white;
  background-color: #666A73;
}

.list li.list--stub a:hover,
.list li.list--stub-action a:hover,
.list li.list--stub-link a:hover {
  background-color: #EFF2F5;
}

.list li.list--stub a:active,
.list li.list--stub-action a:active,
.list li.list--stub-link a:active,
.list li.list--stub a:focus,
.list li.list--stub-action a:focus,
.list li.list--stub-link a:focus {
  background-color: #EFF2F5;
}

.list.list--has-separators li,
.list.list--style-nav li {
  border-bottom: 1px solid #D2D6DF;
}

.list.list--has-separators li:last-child,
.list.list--style-nav li:last-child {
  border-bottom: none;
}

.list {
  list-style: none;
  padding: 0;
  font-size: 15px;
  line-height: 1;
}

.list.list--style-nav li a {
  color: #00a1ee;
}

.list.list--style-nav li a:focus,
.list.list--style-nav li a:hover {
  color: #22b8ff;
}

.list.list--style-nav li a:active {
  color: #007fbb;
}

.list.list--style-nav li a.is-disabled,
.list.list--style-nav li a .is-disabled {
  color: #D2D6DF;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.list.list--style-nav li a.is-disabled:hover,
.list.list--style-nav li a .is-disabled:hover {
  color: #D2D6DF;
}

.list.list--style-nav li a.is-disabled:active,
.list.list--style-nav li a .is-disabled:active {
  color: #D2D6DF;
}

.list.list--style-nav li a:focus,
.list.list--style-nav li a:hover {
  background-color: #EFF2F5;
}

.list.list--style-nav li a:after {
  position: absolute;
  right: 20px;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  content: "\f301";
}

.list li.list--with-divider-top {
  border-top: 1px solid #D2D6DF;
}

.list li.list--with-divider-bottom {
  border-bottom: 1px solid #D2D6DF;
}

.list li.list--stub {
  text-transform: uppercase;
  text-align: center;
}

.list li.list--stub-action a {
  background-color: #00a8f2;
  background-color: #00a8f2;
}

.list li.list--stub-action a:hover,
.list li.list--stub-action a:focus {
  background-color: #00a8f2;
  text-decoration: none;
}

.list li.list--stub-action a:active {
  background-color: #0086c2;
  background-color: rgba(0, 168, 242, 0.8);
  text-decoration: none;
}

.list li.list--stub-link {
  text-transform: none;
  text-align: left;
}

.list li.list--stub-link a:hover,
.list li.list--stub-link a:focus {
  color: white;
  background-color: #00a8f2;
  text-decoration: none;
}

.list li.list--stub-link a:active {
  background-color: #0086c2;
  background-color: rgba(0, 168, 242, 0.8);
  color: white;
  text-decoration: none;
}

.list.list--has-highlight a,
.list.list--has-highlight p {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block;
}

.list.list--has-highlight a:link,
.list.list--has-highlight a:visited,
.list.list--has-highlight p:link,
.list.list--has-highlight p:visited {
  color: #45494E;
}

.list.list--has-highlight a:hover,
.list.list--has-highlight a:focus,
.list.list--has-highlight p:hover,
.list.list--has-highlight p:focus {
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  background-color: #fcfcfd;
  color: #45494E;
  outline: none;
}

.list.list--has-highlight a:hover .ico-arrow-right,
.list.list--has-highlight a:focus .ico-arrow-right,
.list.list--has-highlight p:hover .ico-arrow-right,
.list.list--has-highlight p:focus .ico-arrow-right {
  color: #45494E;
}

.list.list--has-highlight a:active,
.list.list--has-highlight p:active {
  background-color: #00a8f2;
  color: white;
  outline: none;
}

.list.list--has-highlight a:active .ico-arrow-right,
.list.list--has-highlight p:active .ico-arrow-right {
  color: white;
}

.list.list--has-highlight a:hover,
.list.list--has-highlight p:hover {
  background-color: #EFF2F5;
}

.list.list--has-highlight a:active,
.list.list--has-highlight a:focus,
.list.list--has-highlight p:active,
.list.list--has-highlight p:focus {
  background-color: #00a8f2;
}

.list.list--has-highlight:active i,
.list.list--has-highlight:focus i {
  color: white;
}

.list ul {
  margin-left: 13px;
}

.list ul li {
  border-top: none;
}

.list li {
  position: relative;
}

.list i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 8px;
  right: 21px;
  font-size: 22px;
}

.list i + a,
.list i + p {
  margin-right: 50px;
}

.list a,
.list p {
  position: relative;
  padding: 10px 10px 10px 20px;
  margin: 0;
  line-height: 22px;
  display: block;
  color: #666A73;
}

.list a:hover,
.list a:active,
.list a:focus,
.list p:hover,
.list p:active,
.list p:focus {
  text-decoration: none;
}

.list--divider,
.ui-autocomplete-category {
  background-color: #EFF2F5;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px 5px 10px;
  margin: 0;
  border-bottom: 1px solid #D2D6DF;
}

@media only screen and (max-width: 799px) {
  .list-stack .list--has-separators li:last-child {
    border-bottom: 1px solid #D2D6DF;
  }

  .list-stack .list-stack--item:last-child li:last-child {
    border-bottom: none;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.scrolling-table--container,
.ticket-box,
.ticket-box--elevated-1,
.ticket-box__section--indent,
.card.card--elevated-1,
.slat.slat--elevated-1,
.slat--list {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.ticket-box--elevated-2,
.card.card--elevated-2 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

.ticket-box.is-active,
.ticket-box--elevated-3,
.card.card--elevated-3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

.ticket-box--elevated-4,
.card.card--elevated-4 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

.dialog-footer {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.ticket-box {
  display: block;
  margin-bottom: 3px;
  background-color: white;
  border-left: 5px solid #00a8f2;
}

.ticket-box .ticket-box__name {
  color: #282C35;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  padding-bottom: 5px;
  word-wrap: break-word;
}

@media only screen and (max-width: 479px) {
  .ticket-box .ticket-box__name {
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px 0 0;
  }
}

.ticket-box .ticket-box__price {
  color: #45494E;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 22px;
  padding: 0 5px 0 0;
}

.ticket-box .ticket-box-remaining {
  display: inline-block;
  text-transform: uppercase;
}

@media only screen and (max-width: 479px) {
  .ticket-box .ticket-box-remaining {
    color: #666A73;
    background-color: white;
    line-height: 18px;
    text-align: left;
    display: block;
    padding: 10px 0 0 0;
  }
}

.ticket-box .ticket-box-status {
  text-transform: uppercase;
  vertical-align: middle;
}

@media only screen and (max-width: 479px) {
  .ticket-box .ticket-box-status {
    margin-top: 5px;
    font-size: 12px;
  }
}

.ticket-box .ticket-box-quantity {
  max-width: 100%;
  width: 80px;
  position: relative;
}

.ticket-box.ticket-box--discount-open .ticket-box-toggle-link i:before {
  content: "";
}

@media only screen and (max-width: 479px) {
  .ticket-box .ticket-box-waitlist {
    margin-top: 5px;
  }
}

.ticket-box .ticket-box-info-btn {
  color: #666A73;
}

.ticket-box .ticket-box-info-btn:active,
.ticket-box .ticket-box-info-btn:hover {
  color: #4dc2f6;
  text-decoration: none;
  outline: none;
}

.ticket-box .ticket-box-toggle-show-link,
.ticket-box .ticket-box-toggle-hide-link {
  display: block;
}

.ticket-box .ticket-box-toggle-show-link:active,
.ticket-box .ticket-box-toggle-show-link:hover,
.ticket-box .ticket-box-toggle-hide-link:active,
.ticket-box .ticket-box-toggle-hide-link:hover {
  text-decoration: none;
}

.ticket-box .ticket-box-toggle-hide-link {
  display: none;
  padding: 5px 0;
}

.ticket-box .ticket-box-sales-end,
.ticket-box .ticket-box-sales-end-small {
  color: #45494E;
}

.ticket-box .ticket-box-sales-end-small {
  display: none;
  margin: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .ticket-box .ticket-box-sales-end-small {
    display: inline-block;
  }
}

.ticket-box .ticket-box-sales-end {
  margin: 0;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .ticket-box .ticket-box-sales-end {
    display: none;
  }
}

.ticket-box .badge {
  margin-bottom: -3px;
}

@media only screen and (max-width: 479px) {
  .ticket-box .badge {
    margin-bottom: 0;
  }
}

.ticket-box.is-active {
  border-left-width: 15px;
}

@media only screen and (max-width: 479px) {
  .ticket-box.is-active {
    border-left-width: 5px;
  }
}

.ticket-box--has-public-discounts .ticket-box-toggle-link {
  display: inline-block;
  padding-top: 10px;
  outline: none;
}

.ticket-box--has-public-discounts .ticket-box-toggle-link i {
  vertical-align: middle;
}

.ticket-box--has-public-discounts .ticket-box-toggle-link:active,
.ticket-box--has-public-discounts .ticket-box-toggle-link:hover,
.ticket-box--has-public-discounts .ticket-box-toggle-link:focus {
  text-decoration: none;
  outline: none;
}

.ticket-box--clickable {
  cursor: pointer;
}

.ticket-box__header {
  padding: 20px 20px;
}

.ticket-box__header:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 479px) {
  .ticket-box__header {
    padding: 15px;
  }
}

.ticket-box__primary,
.discount-ticket__primary {
  width: 68%;
  float: left;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .ticket-box__primary,
  .discount-ticket__primary {
    width: 68%;
  }
}

@media only screen and (max-width: 479px) {
  .ticket-box--has-donation .ticket-box__primary,
  .ticket-box--has-status .ticket-box__primary,
  .ticket-box--has-waitlist .ticket-box__primary,
  .ticket-box--has-donation
    .discount-ticket__primary,
  .ticket-box--has-status
    .discount-ticket__primary,
  .ticket-box--has-waitlist
    .discount-ticket__primary {
    width: 100%;
    float: none;
  }
}

.ticket-box--has-waitlist .ticket-box__primary,
.ticket-box--has-waitlist
  .discount-ticket__primary {
  width: 60%;
}

@media only screen and (max-width: 479px) {
  .ticket-box__info,
  .discount-ticket__info {
    display: block;
  }
}

.ticket-box--discounted .ticket-box__info .ticket-box__price,
.ticket-box--discounted
.discount-ticket__info .ticket-box__price {
  color: #00cc52;
}

.ticket-box__secondary,
.discount-ticket__secondary {
  vertical-align: middle;
  text-align: right;
  float: right;
  width: 30%;
}

.ticket-box--has-waitlist .ticket-box__secondary,
.ticket-box--has-waitlist
  .discount-ticket__secondary {
  width: 38%;
}

.ticket-box--has-donation .ticket-box__secondary,
.ticket-box--has-donation
  .discount-ticket__secondary {
  width: 20%;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .ticket-box--has-donation .ticket-box__secondary,
  .ticket-box--has-donation
      .discount-ticket__secondary {
    width: 30%;
    max-width: 120px;
  }
}

@media only screen and (max-width: 479px) {
  .ticket-box--has-donation .ticket-box__secondary,
  .ticket-box--has-donation
      .discount-ticket__secondary {
    width: 60%;
    float: left;
  }
}

@media only screen and (max-width: 479px) {
  .ticket-box--has-status .ticket-box__secondary,
  .ticket-box--has-waitlist .ticket-box__secondary,
  .ticket-box--has-status
    .discount-ticket__secondary,
  .ticket-box--has-waitlist
    .discount-ticket__secondary {
    width: 100%;
    float: none;
    text-align: left;
    line-height: 1;
    padding-top: 5px;
  }
}

.ticket-box__body {
  height: auto;
  max-height: 0;
  overflow: hidden;
  background-color: #F8F8FA;
}

.ticket-box__body .discount-ticket__secondary {
  text-align: right;
  vertical-align: middle;
  line-height: 3;
}

.ticket-box--discount-open .ticket-box__body {
  max-height: 10000px;
}

.ticket-box-discounts-list {
  height: auto;
  max-height: 0;
}

.ticket-box-discounts-list:after {
  content: "";
  display: table;
  clear: both;
}

.ticket-box-discounts-list .discount-ticket-name {
  color: #282C35;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.ticket-box-discounts-list .discount-ticket-price {
  color: #45494E;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 22px;
}

.ticket-box--discount-open .ticket-box-discounts-list {
  max-height: 10000px;
  border-top: 1px solid #D2D6DF;
}

.ticket-box-discounts-list li:first-of-type {
  border-top: none;
}

.ticket-box-discounts-list li:first-of-type .discount-ticket {
  border-top: none;
}

.discount-ticket {
  position: relative;
  display: block;
  margin: 0 20px;
  padding: 15px 0;
  border-top: 1px solid #D2D6DF;
}

.discount-ticket:after {
  content: "";
  display: table;
  clear: both;
}

.discount-ticket .discount-ticket-name {
  color: #282C35;
}

.discount-ticket .discount-ticket-price {
  color: #45494E;
  margin-right: 5px;
  text-transform: uppercase;
}

.original-ticket-price {
  color: #666A73;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  text-transform: uppercase;
  text-decoration: line-through;
}

.ticket-box__tax-fee {
  color: #666A73;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ticket-box__tax-fee--newline {
  display: block;
  margin-left: 0;
}

.ticket-box__tax-fee--newline.ticket-box__tax-fee--private {
  margin-bottom: 10px;
}

.discount-code--private {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
  vertical-align: bottom;
}

@media only screen and (max-width: 799px) {
  .discount-code--private {
    max-width: 100px;
  }
}

.discount-ticket__secondary {
  text-align: right;
  vertical-align: middle;
  line-height: 3;
}

.ticket-box__footer {
  overflow: hidden;
  border-top: 1px solid #D2D6DF;
  padding: 5px 20px;
}

.ticket-box__footer:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 479px) {
  .ticket-box__footer {
    padding: 5px 15px;
  }
}

.ticket-box__footer .ticket-box__description {
  height: auto;
  max-height: 0;
  overflow: hidden;
}

.ticket-box__footer .ticket-box__description p {
  color: #666A73;
  word-break: break-word;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}

.ticket-box--more-open .ticket-box__footer .ticket-box__description {
  max-height: 1000px;
  padding: 5px 0 0 0;
}

.ticket-box--more-open .ticket-box__footer .ticket-box__deadline {
  padding-top: 5px;
}

.ticket-box--more-open .ticket-box__footer .ticket-box-toggle-show-link {
  display: none;
}

.ticket-box--more-open .ticket-box__footer .ticket-box-toggle-hide-link {
  display: block;
}

.ticket-box__expand,
.ticket-box__deadline {
  width: 50%;
  float: left;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
  font-size: 15px;
  line-height: 22px;
}

@media only screen and (max-width: 479px) {
  .ticket-box__expand,
  .ticket-box__deadline {
    font-size: 12px;
    line-height: 18px;
  }
}

.ticket-box__deadline {
  text-align: right;
  float: right;
}

.ticket-box--compact {
  margin-bottom: 1px;
}

.ticket-box--compact .g-cell,
.ticket-box--compact .timeline__content,
.ticket-box--compact .timeline__date,
.ticket-box--compact .timeline__indicator {
  padding: 0 15px;
}

.ticket-box--compact .breakdown__item {
  border-top: none;
}

.ticket-box--elevated-1 {
  position: relative;
  z-index: 10000;
}

.ticket-box--elevated-2 {
  position: relative;
  z-index: 10000;
}

.ticket-box--elevated-3 {
  position: relative;
  z-index: 10000;
}

.ticket-box--elevated-4 {
  position: relative;
  z-index: 10000;
}

.ticket-box__section {
  background-color: white;
}

.ticket-box__section--balanced * {
  vertical-align: middle;
}

.ticket-box__section--panel {
  border-top-color: #EFF2F5;
  border-top-width: 1px;
  border-top-style: solid;
}

.ticket-box__section--highlighted {
  background-color: #F8F8FA;
}

.breakdown {
  padding-left: 15px;
  padding-right: 15px;
}

.breakdown .breakdown__item:first-child {
  border: none;
}

.breakdown__item {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  border-top: 1px solid #EFF2F5;
  padding: 5px 0;
}

@media only screen and (max-width: 479px) {
  .breakdown__item {
    border-top: none;
  }
}

.breakdown__label,
.breakdown__value {
  display: inline-block;
  vertical-align: middle;
}

.breakdown__label {
  width: 60%;
}

.breakdown__value {
  width: 40%;
}

.breakdown__item--total {
  color: #53565d;
  color: rgba(40, 44, 53, 0.8);
  border-top-color: #dfdfe1;
  border-top-color: rgba(40, 44, 53, 0.15);
}

.ticket-box__remove-icon {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 4px;
  display: inline-block;
}

.ticket-box__section--indent {
  margin-left: 5px;
  margin-right: 5px;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.scrolling-table--container,
.ticket-box,
.ticket-box--elevated-1,
.ticket-box__section--indent,
.card.card--elevated-1,
.slat.slat--elevated-1,
.slat--list {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.ticket-box--elevated-2,
.card.card--elevated-2 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

.ticket-box.is-active,
.ticket-box--elevated-3,
.card.card--elevated-3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

.ticket-box--elevated-4,
.card.card--elevated-4 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

.dialog-footer {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.micro-ticket-box .micro-ticket-box__status {
  color: #282C35;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 45px;
}

.micro-ticket-box .custom-select-container {
  margin-right: 10px;
  max-width: 70px;
}

@media only screen and (max-width: 479px) {
  .micro-ticket-box .custom-select-container {
    width: 63px;
    float: left;
    margin: 0;
    margin-left: -73px;
  }
}

.micro-ticket-box .micro-ticket-box__donation {
  display: inline-block;
  margin-right: 10px;
  max-width: 120px;
}

@media only screen and (max-width: 479px) {
  .micro-ticket-box .micro-ticket-box__donation {
    width: 110px;
    float: left;
    margin: 0;
    margin-left: -120px;
  }
}

.micro-ticket-box .micro-ticket-box__price {
  color: #282C35;
  margin-right: 20px;
  line-height: 45px;
  font-size: 20px;
  vertical-align: middle;
  text-transform: uppercase;
}

@media only screen and (max-width: 799px) {
  .micro-ticket-box .micro-ticket-box__price {
    display: none;
  }
}

.micro-ticket-box .micro-ticket-box__rsvp-actions {
  padding: 0;
  display: inline-block;
}

.micro-ticket-box .micro-ticket-box__rsvp-actions li {
  display: inline-block;
  padding-right: 0;
  margin-left: 10px;
}

.micro-ticket-box .micro-ticket-box__rsvp-actions li:first-child {
  margin-left: 0;
}

.micro-ticket-box .micro-ticket-box__btn-wrapper {
  width: 100%;
}

.micro-ticket-box .micro-ticket-box__btn {
  float: right;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0;
}

.micro-ticket-box .micro-ticket-box__donation-field {
  display: inline-block;
}

.micro-ticket-box .micro-ticket-box__waitlist-link {
  line-height: 45px;
  font-size: 15px;
  text-transform: uppercase;
}

@media only screen and (max-width: 479px) {
  .micro-ticket-box .micro-ticket-box__waitlist-link {
    text-align: center;
    display: block;
  }
}

.micro-ticket-box .micro-ticket-box__waitlist-link:hover {
  text-decoration: none;
}

.micro-ticket-box .micro-ticket-box__btn-select-wrapper .micro-ticket-box__price {
  float: right;
}

.micro-ticket-box .micro-ticket-box__btn-select-wrapper .custom-select-container {
  width: auto;
  float: right;
  max-width: 100%;
}

@media only screen and (max-width: 479px) {
  .micro-ticket-box .micro-ticket-box__btn-select-wrapper .custom-select-container {
    width: 100%;
    float: none;
    margin: 0;
    margin-left: 0;
  }
}

.micro-ticket-box__body {
  text-align: right;
}

.micro-ticket-box__body:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 479px) {
  .micro-ticket-box--has-quantity-selector .micro-ticket-box__body {
    padding: 0 0 0 73px;
  }

  .micro-ticket-box--has-donation-field .micro-ticket-box__body {
    padding: 0 0 0 120px;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

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

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

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

.category-card {
  position: relative;
  display: block;
  width: 100%;
}

.category-card .category-card__wrapper {
  overflow: hidden;
  position: relative;
}

.category-card .category-card__image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.35s;
  -moz-transition: -moz-transform 0.35s;
  transition: transform 0.35s;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 220px;
  background-color: #EFF2F5;
}

@media only screen and (max-width: 479px) {
  .category-card .category-card__image {
    height: 150px;
  }
}

.category-card .category-card__text-wrapper {
  position: absolute;
  top: 50%;
  margin-top: -17.5px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s;
  -moz-transition: -moz-transform 0.35s;
  transition: transform 0.35s;
  width: 100%;
  text-align: center;
}

.category-card .category-card__tint {
  height: 100%;
  border-radius: 3px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.category-card .category-card__desc {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.7s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.7s, -webkit-transform 0.35s;
  transition: opacity 0.7s, -webkit-transform 0.35s;
}

.category-card:hover .category-card__image,
.category-card:focus .category-card__image,
.category-card:active .category-card__image {
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
}

.category-card:hover .category-card__tint:after,
.category-card:focus .category-card__tint:after,
.category-card:active .category-card__tint:after {
  opacity: 0.4;
  background-color: #282C35;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  border-radius: 3px;
}

.category-card:hover .category-card__text-wrapper,
.category-card:focus .category-card__text-wrapper,
.category-card:active .category-card__text-wrapper {
  -webkit-transform: translate3d(0, -25%, 0);
  -moz-transform: translate3d(0, -25%, 0);
  -ms-transform: translate3d(0, -25%, 0);
  -o-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

.category-card:hover .category-card__desc,
.category-card:focus .category-card__desc,
.category-card:active .category-card__desc {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.card {
  background: white;
  display: block;
}

.card.card--padded {
  padding: 10px 10px;
}

.card.card--slat {
  border-bottom-color: #EFF2F5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.card.card--payment .card--payment__icon {
  width: 40px;
}

.card.card--payment .payment-option {
  display: block;
}

.card__icon {
  float: right;
}

.card__btn-group .btn,
.card__btn-group .chart-panel__button {
  margin: 0;
}

.card-list {
  padding: 0;
  line-height: 0;
}

.card-list li {
  list-style: none;
}

.card-list p {
  margin: 0;
  padding: 0;
}

.card--slat-list li:last-child .card--slat {
  border-bottom: none;
}

.card--slat-clickable {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block;
}

.card--slat-clickable .ico-arrow-right {
  -webkit-transition: margin-right 0.2s ease;
  -moz-transition: margin-right 0.2s ease;
  transition: margin-right 0.2s ease;
  float: right;
  color: #00a1ee;
}

.card--slat-clickable:link,
.card--slat-clickable:visited {
  color: #45494E;
}

.card--slat-clickable:hover,
.card--slat-clickable:focus {
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  background-color: #fcfcfd;
  color: #45494E;
  outline: none;
}

.card--slat-clickable:hover .ico-arrow-right,
.card--slat-clickable:focus .ico-arrow-right {
  -webkit-transition: margin-right 0.1s ease;
  -moz-transition: margin-right 0.1s ease;
  transition: margin-right 0.1s ease;
  margin-right: -5px;
  color: #45494E;
}

.card--slat-clickable:active {
  background-color: #00a8f2;
  color: white;
  outline: none;
}

.card--slat-clickable:active .ico-arrow-right {
  margin-right: -5px;
  color: white;
}

.card--palm-press-list {
  background: #F8F8FA;
}

.card--palm-press {
  background: #F8F8FA;
}

.card--palm-press .card {
  -webkit-transition: border-color 275ms ease-in-out;
  -moz-transition: border-color 275ms ease-in-out;
  transition: border-color 275ms ease-in-out;
  border: 2px solid transparent;
}

.card--palm-press .card:hover,
.card--palm-press .card:focus {
  -webkit-transition-duration: 175ms;
  -moz-transition-duration: 175ms;
  transition-duration: 175ms;
}

.card--palm-press .card--padded {
  padding: 20px 25px;
}

.card--palm-press:hover,
.card--palm-press:focus {
  outline: 0;
}

.card--palm-press:hover .card,
.card--palm-press:focus .card {
  border-color: #00a8f2;
}

.card--button__list li {
  margin-bottom: 10px;
}

.card--button .card {
  -webkit-transition: border-color 275ms ease-in-out;
  -moz-transition: border-color 275ms ease-in-out;
  transition: border-color 275ms ease-in-out;
  border: 1px solid transparent;
  border-bottom: 1px solid #D2D6DF;
}

.card--button .card:hover,
.card--button .card:focus {
  -webkit-transition-duration: 175ms;
  -moz-transition-duration: 175ms;
  transition-duration: 175ms;
}

.card--button .card--padded {
  padding: 20px 20px;
}

.card--button:hover,
.card--button:focus {
  outline: 0;
}

.card--button:hover .card,
.card--button:focus .card {
  border: 1px solid;
  border-color: #00a8f2;
}

.card--button__container {
  margin-left: 54px;
}

.card--button__icon-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: -54px;
}

.card--button__info-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
  line-height: 18px;
}

.card--button__name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

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

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

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

.slat__media,
.slat__body,
.slat__action {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

.slat--bill,
.slat--list .slat {
  border-bottom-color: #EFF2F5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.slat {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block;
  height: 40px;
  background: white;
  display: block;
  padding: 10px 15px;
}

.slat .ico-arrow-right {
  -webkit-transition: margin-right 0.2s ease;
  -moz-transition: margin-right 0.2s ease;
  transition: margin-right 0.2s ease;
  float: right;
  color: #00a1ee;
}

.slat:link,
.slat:visited {
  color: #45494E;
}

.slat:hover,
.slat:focus {
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  background-color: #fcfcfd;
  color: #45494E;
  outline: none;
}

.slat:hover .ico-arrow-right,
.slat:focus .ico-arrow-right {
  -webkit-transition: margin-right 0.1s ease;
  -moz-transition: margin-right 0.1s ease;
  transition: margin-right 0.1s ease;
  margin-right: -5px;
  color: #45494E;
}

.slat:active {
  background-color: #00a8f2;
  color: white;
  outline: none;
}

.slat:active .ico-arrow-right {
  margin-right: -5px;
  color: white;
}

.ie8 .slat {
  padding: 10px 20px;
}

@media only screen and (min-width: 480px) {
  .slat {
    padding: 10px 20px;
  }
}

.slat--stacked {
  height: 60px;
}

.slat:hover,
.slat:focus,
.slat:active {
  text-decoration: none;
}

.slat:active .slat__primary-text,
.slat:active .slat__secondary-text {
  color: white;
}

.slat__primary-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #282C35;
  display: block;
  padding: 0;
}

.slat__secondary-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 15px;
  display: block;
  padding: 0;
}

.slat__media {
  width: 45px;
  position: absolute;
  left: 0;
}

.slat__media .payment-option {
  display: block;
}

.slat__body {
  position: relative;
  padding-right: 30px;
  display: block;
}

.slat__action {
  position: absolute;
  right: 0;
  color: #00a1ee;
  text-transform: uppercase;
}

.slat__action--stacked {
  color: #00a1ee;
  text-transform: uppercase;
  padding-top: 3.3333333333px;
}

.slat.slat--elevated-1 {
  margin-bottom: 1px;
}

.slat.slat--with-media .slat__body {
  padding-left: 45px;
}

.slat--bill.slat--bill__padded {
  height: auto;
  padding: 15px 10px;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .slat--bill.slat--bill__padded {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.ie8 .slat--bill.slat--bill__padded {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 800px) {
  .slat--bill.slat--bill__padded {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.slat--bill .slat__date {
  width: 35px;
  display: inline-block;
}

.slat--bill .slat__content {
  width: calc(100% - 35px);
  display: inline-block;
}

.slat--bill .slat__amount {
  font-size: 25px;
}

@media only screen and (max-width: 479px) {
  .slat--bill .slat__amount {
    font-size: 15px;
    font-weight: 400;
  }
}

.slat--disabled:hover,
.slat--disabled:active {
  background: white;
  cursor: default;
}

.slat--disabled:hover .slat__primary-text,
.slat--disabled:hover .slat__secondary-text,
.slat--disabled:hover .slat__action,
.slat--disabled:active .slat__primary-text,
.slat--disabled:active .slat__secondary-text,
.slat--disabled:active .slat__action {
  color: #ADB0B6;
}

.slat--disabled .slat__primary-text,
.slat--disabled .slat__secondary-text,
.slat--disabled .slat__action {
  color: #ADB0B6;
}

.slat--no-action:hover,
.slat--no-action:active {
  background: white;
  cursor: default;
}

.slat--no-action:hover .slat__primary-text,
.slat--no-action:active .slat__primary-text {
  color: #45494E;
}

.slat--no-action .slat__primary-text {
  color: #45494E;
}

.slat__status-ico {
  display: inline-block;
}

.slat__status-item {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  display: inline-block;
}

.slat__status-item--info {
  color: #00a8f2;
}

.slat__status-item--warning {
  color: #ffdb00;
}

.slat__status-item--error {
  color: #ff0044;
}

.slat__status-item--success {
  color: #00cc52;
}

.slat__status-item--info {
  color: #00a8f2;
}

.slat__status-item--text {
  color: #666A73;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.slat--list {
  margin-bottom: 1px;
}

.slat--list li:last-child .slat {
  border-bottom: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

@font-face {
  font-family: 'briteicons';
  src: url("../../../fonts/briteicons.eot");
  src: url("../../../fonts/briteicons.eot#iefix") format("embedded-opentype"), url("../../../fonts/briteicons.woff2") format("woff2"), url("../../../fonts/briteicons.woff") format("woff"), url("../../../fonts/briteicons.svg#briteiconsregular") format("svg"), url("../../../fonts/briteicons.ttf") format("truetype");
}

[class^="ico-"],
[class*=" ico-"],
.ico {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  vertical-align: baseline;
}

.ico-unlock:before {
  content: "";
}

.ico-lock:before {
  content: "";
}

.ico-mail:before {
  content: "";
}

.ico-calendar:before {
  content: "";
}

.ico-addcalendar:before {
  content: "";
}

.ico-clock:before {
  content: "";
}

.ico-location:before {
  content: "";
}

.ico-location-v2:before {
  content: "";
}

.ico-share:before {
  content: "";
}

.ico-star:before {
  content: "";
}

.ico-heart:before {
  content: "";
}

.ico-help:before {
  content: "";
}

.ico-home:before {
  content: "";
}

.ico-bookmark:before {
  content: "";
}

.ico-bookmarked:before {
  content: "";
}

.ico-search:before {
  content: "";
}

.ico-search-v2:before {
  content: "";
}

.ico-repeating:before {
  content: "";
}

.ico-filter:before {
  content: "";
}

.ico-friends:before {
  content: "";
}

.ico-cash:before {
  content: "";
}

.ico-credit-card:before {
  content: "";
}

.ico-list:before {
  content: "";
}

.ico-city:before {
  content: "";
}

.ico-tickets:before {
  content: "";
}

.ico-settings:before {
  content: "";
}

.ico-write:before {
  content: "";
}

.ico-event:before {
  content: "";
}

.ico-globe:before {
  content: "";
}

.ico-phone:before {
  content: "";
}

.ico-link:before {
  content: "";
}

.ico-person:before {
  content: "";
}

.ico-webpage:before {
  content: "";
}

.ico-chatbubbles:before {
  content: "";
}

.ico-chart:before {
  content: "";
}

.ico-photo:before {
  content: "";
}

.ico-gallery:before {
  content: "";
}

.ico-camera:before {
  content: "";
}

.ico-circle-cross:before {
  content: "";
}

.ico-cross:before {
  content: "";
}

.ico-checkmark:before {
  content: "";
}

.ico-circle-checkmark:before {
  content: "";
}

.ico-print:before {
  content: "";
}

.ico-receipt:before {
  content: "";
}

.ico-trash:before {
  content: "";
}

.ico-gripper:before {
  content: "";
}

.ico-computer:before {
  content: "";
}

.ico-invisible:before {
  content: "";
}

.ico-refresh:before {
  content: "";
}

.ico-addperson:before {
  content: "";
}

.ico-circle-plus:before {
  content: "";
}

.ico-playvideo:before {
  content: "";
}

.ico-plus:before {
  content: "";
}

.ico-minus:before {
  content: "";
}

.ico-upload:before {
  content: "";
}

.ico-download:before {
  content: "";
}

.ico-circle-play:before {
  content: "";
}

.ico-play:before {
  content: "";
}

.ico-ticket:before {
  content: "";
}

.ico-document:before {
  content: "";
}

.ico-copy:before {
  content: "";
}

.ico-save:before {
  content: "";
}

.ico-previous-location:before {
  content: "";
}

.ico-hurry:before {
  content: "";
}

.ico-frown:before {
  content: "";
}

.ico-menu:before {
  content: "";
}

.ico-menu-v2:before {
  content: "";
}

.ico-promote:before {
  content: "";
}

.ico-tablet:before {
  content: "";
}

.ico-add-many:before {
  content: "";
}

.ico-compass:before {
  content: "";
}

.ico-coffee:before {
  content: "";
}

.ico-section:before {
  content: "";
}

.ico-section-right:before {
  content: "";
}

.ico-section-justified:before {
  content: "";
}

.ico-section-left:before {
  content: "";
}

.ico-table:before {
  content: "";
}

.ico-not-seated:before {
  content: "";
}

.ico-object:before {
  content: "";
}

.ico-text:before {
  content: "";
}

.ico-bar:before {
  content: "";
}

.ico-food:before {
  content: "";
}

.ico-exit:before {
  content: "";
}

.ico-bathroom:before {
  content: "";
}

.ico-dancefloor:before {
  content: "";
}

.ico-resize-grave:before {
  content: "";
}

.ico-resize-aigu:before {
  content: "";
}

.ico-rotate:before {
  content: "";
}

.ico-square:before {
  content: "";
}

.ico-open-circle:before {
  content: "";
}

.ico-line:before {
  content: "";
}

.ico-focal-on:before {
  content: "";
}

.ico-focal-off:before {
  content: "";
}

.ico-bold:before {
  content: "";
}

.ico-italic:before {
  content: "";
}

.ico-strikethrough:before {
  content: "";
}

.ico-headline:before {
  content: "";
}

.ico-list-ol:before {
  content: "";
}

.ico-undo:before {
  content: "";
}

.ico-redo:before {
  content: "";
}

.ico-move:before {
  content: "";
}

.ico-view-event-page:before {
  content: "";
}

.ico-scan:before {
  content: "";
}

.ico-hashtag:before {
  content: "";
}

.ico-tiki:before {
  content: "";
}

.ico-status-private:before {
  content: "";
}

.ico-signal:before {
  content: "";
}

.ico-cart:before {
  content: "";
}

.ico-team-created:before {
  content: "";
}

.ico-information:before {
  content: "";
}

.ico-info:before {
  content: "";
}

.ico-circle-minus:before {
  content: "";
}

.ico-error:before {
  content: "";
}

.ico-success:before {
  content: "";
}

.ico-alert:before {
  content: "";
}

.ico-solid-circle:before {
  content: "";
}

.ico-seated:before {
  content: "";
}

.ico-grid-view:before {
  content: "";
}

.ico-list-view:before {
  content: "";
}

.ico-music:before {
  content: "";
}

.ico-sports:before {
  content: "";
}

.ico-fundraising:before {
  content: "";
}

.ico-political:before {
  content: "";
}

.ico-conferences:before {
  content: "";
}

.ico-fairs:before {
  content: "";
}

.ico-classes:before {
  content: "";
}

.ico-party:before {
  content: "";
}

.ico-walking:before {
  content: "";
}

.ico-car:before {
  content: "";
}

.ico-public-transit:before {
  content: "";
}

.ico-bike:before {
  content: "";
}

.ico-puzzle:before {
  content: "";
}

.ico-science:before {
  content: "";
}

.ico-business:before {
  content: "";
}

.ico-performances:before {
  content: "";
}

.ico-wellness:before {
  content: "";
}

.ico-religion:before {
  content: "";
}

.ico-travel:before {
  content: "";
}

.ico-foodie:before {
  content: "";
}

.ico-fashion:before {
  content: "";
}

.ico-lifestyle:before {
  content: "";
}

.ico-holidays:before {
  content: "";
}

.ico-media:before {
  content: "";
}

.ico-family:before {
  content: "";
}

.ico-signing:before {
  content: "";
}

.ico-camping:before {
  content: "";
}

.ico-attraction:before {
  content: "";
}

.ico-gaming:before {
  content: "";
}

.ico-meeting:before {
  content: "";
}

.ico-expo:before {
  content: "";
}

.ico-rally:before {
  content: "";
}

.ico-convention:before {
  content: "";
}

.ico-dinner:before {
  content: "";
}

.ico-screening:before {
  content: "";
}

.ico-tournament:before {
  content: "";
}

.ico-clip-board:before {
  content: "";
}

.ico-gift:before {
  content: "";
}

.ico-chat:before {
  content: "";
}

.ico-currency:before {
  content: "";
}

.ico-star-half:before {
  content: "";
}

.ico-star-full:before {
  content: "";
}

.ico-eventbrite-logo:before {
  content: "";
}

.ico-eventbrite-badge:before {
  content: "";
}

.ico-eventbrite-wordmark:before {
  content: "";
}

.ico-eventbrite-e:before {
  content: "";
}

.ico-facebook-logo:before {
  content: "";
}

.ico-facebook-badge:before {
  content: "";
}

.ico-facebook-messenger-badge:before {
  content: "";
}

.ico-twitter-logo:before {
  content: "";
}

.ico-twitter-badge:before {
  content: "";
}

.ico-google-plus-badge:before {
  content: "";
}

.ico-rss-badge:before {
  content: "";
}

.ico-linkedin-badge:before {
  content: "";
}

.ico-email-badge:before {
  content: "";
}

.ico-chat-badge:before {
  content: "";
}

.ico-instagram-logo:before {
  content: "";
}

.ico-instagram-badge:before {
  content: "";
}

.ico-link-badge:before {
  content: "";
}

.ico-phone-badge:before {
  content: "";
}

.ico-outlook-badge:before {
  content: "";
}

.ico-google-calendar-badge:before {
  content: "";
}

.ico-apple-calendar-badge:before {
  content: "";
}

.ico-yahoo-badge:before {
  content: "";
}

.ico-gmail-badge:before {
  content: "";
}

.ico-csv-badge:before {
  content: "";
}

.ico-pinterest-badge:before {
  content: "";
}

.ico-whatsapp-badge:before {
  content: "";
}

.ico-arrow-up:before {
  content: "";
}

.ico-arrow-right:before {
  content: "";
}

.ico-arrow-down:before {
  content: "";
}

.ico-arrow-left:before {
  content: "";
}

.ico-arrow-dropdown:before {
  content: "";
}

.ico-omnes-arrow-up:before {
  content: "";
}

.ico-omnes-arrow-right:before {
  content: "";
}

.ico-omnes-arrow-down:before {
  content: "";
}

.ico-omnes-arrow-left:before {
  content: "";
}

.ico-arrow-tail-right:before {
  content: "";
}

.ico-arrow-tail-down:before {
  content: "";
}

.ico-trending-up:before {
  content: "";
}

.ico-star-circle:before {
  content: "";
}

.ico-avatar:before {
  content: "";
}

.ico--color-brand-orange {
  color: #f6682f;
  color: #f6682f;
}

a:hover .ico--color-brand-orange,
a:focus .ico--color-brand-orange,
a.is-hover .ico--color-brand-orange {
  color: #f88659;
  color: rgba(246, 104, 47, 0.8);
}

.ico--color-brand-red {
  color: #ff0044;
  color: #ff0044;
}

a:hover .ico--color-brand-red,
a:focus .ico--color-brand-red,
a.is-hover .ico--color-brand-red {
  color: #ff3369;
  color: rgba(255, 0, 68, 0.8);
}

.ico--color-brand-yellow {
  color: #ffdb00;
  color: #ffdb00;
}

a:hover .ico--color-brand-yellow,
a:focus .ico--color-brand-yellow,
a.is-hover .ico--color-brand-yellow {
  color: #ffe233;
  color: rgba(255, 219, 0, 0.8);
}

.ico--color-brand-teal {
  color: #00a8f2;
  color: #00a8f2;
}

a:hover .ico--color-brand-teal,
a:focus .ico--color-brand-teal,
a.is-hover .ico--color-brand-teal {
  color: #33b9f5;
  color: rgba(0, 168, 242, 0.8);
}

.ico--color-brand-light-blue {
  color: #00a8f2;
  color: #00a8f2;
}

a:hover .ico--color-brand-light-blue,
a:focus .ico--color-brand-light-blue,
a.is-hover .ico--color-brand-light-blue {
  color: #33b9f5;
  color: rgba(0, 168, 242, 0.8);
}

.ico--color-brand-dark-green {
  color: #00cc52;
  color: #00cc52;
}

a:hover .ico--color-brand-dark-green,
a:focus .ico--color-brand-dark-green,
a.is-hover .ico--color-brand-dark-green {
  color: #33d675;
  color: rgba(0, 204, 82, 0.8);
}

.ico--color-brand-green {
  color: #00cc52;
  color: #00cc52;
}

a:hover .ico--color-brand-green,
a:focus .ico--color-brand-green,
a.is-hover .ico--color-brand-green {
  color: #33d675;
  color: rgba(0, 204, 82, 0.8);
}

.ico--color-brand-dark-gray {
  color: #666a73;
  color: #666a73;
}

a:hover .ico--color-brand-dark-gray,
a:focus .ico--color-brand-dark-gray,
a.is-hover .ico--color-brand-dark-gray {
  color: #85888f;
  color: rgba(102, 106, 115, 0.8);
}

.ico--color-brand-purple-rain {
  color: #f20cb6;
  color: #f20cb6;
}

a:hover .ico--color-brand-purple-rain,
a:focus .ico--color-brand-purple-rain,
a.is-hover .ico--color-brand-purple-rain {
  color: #f53dc5;
  color: rgba(242, 12, 182, 0.8);
}

.ico--color-brand-pink {
  color: #f20cb6;
  color: #f20cb6;
}

a:hover .ico--color-brand-pink,
a:focus .ico--color-brand-pink,
a.is-hover .ico--color-brand-pink {
  color: #f53dc5;
  color: rgba(242, 12, 182, 0.8);
}

.ico--color-brand-white {
  color: white;
  color: white;
}

a:hover .ico--color-brand-white,
a:focus .ico--color-brand-white,
a.is-hover .ico--color-brand-white {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

.ico--color-understated {
  color: #666a73;
  color: #666a73;
}

a:hover .ico--color-understated,
a:focus .ico--color-understated,
a.is-hover .ico--color-understated {
  color: #85888f;
  color: rgba(102, 106, 115, 0.8);
}

.ico--color-manage {
  color: #45494e;
  color: #45494e;
}

a:hover .ico--color-manage,
a:focus .ico--color-manage,
a.is-hover .ico--color-manage {
  color: #6a6d71;
  color: rgba(69, 73, 78, 0.8);
}

.ico--color-subtle {
  color: #eff2f5;
  color: #eff2f5;
}

a:hover .ico--color-subtle,
a:focus .ico--color-subtle,
a.is-hover .ico--color-subtle {
  color: #f2f5f7;
  color: rgba(239, 242, 245, 0.8);
}

.ico--color-facebook {
  color: #3b5998;
  color: #3b5998;
}

a:hover .ico--color-facebook,
a:focus .ico--color-facebook,
a.is-hover .ico--color-facebook {
  color: #627aad;
  color: rgba(59, 89, 152, 0.8);
}

.ico--color-facebook-messenger {
  color: #0080ff;
  color: #0080ff;
}

a:hover .ico--color-facebook-messenger,
a:focus .ico--color-facebook-messenger,
a.is-hover .ico--color-facebook-messenger {
  color: #3399ff;
  color: rgba(0, 128, 255, 0.8);
}

.ico--color-twitter {
  color: #55acee;
  color: #55acee;
}

a:hover .ico--color-twitter,
a:focus .ico--color-twitter,
a.is-hover .ico--color-twitter {
  color: #77bdf1;
  color: rgba(85, 172, 238, 0.8);
}

.ico--color-pinterest {
  color: #bd081c;
  color: #bd081c;
}

a:hover .ico--color-pinterest,
a:focus .ico--color-pinterest,
a.is-hover .ico--color-pinterest {
  color: #ca3949;
  color: rgba(189, 8, 28, 0.8);
}

.ico--color-linkedin {
  color: #0077b5;
  color: #0077b5;
}

a:hover .ico--color-linkedin,
a:focus .ico--color-linkedin,
a.is-hover .ico--color-linkedin {
  color: #3392c4;
  color: rgba(0, 119, 181, 0.8);
}

.ico--color-googleplus {
  color: #dc4e41;
  color: #dc4e41;
}

a:hover .ico--color-googleplus,
a:focus .ico--color-googleplus,
a.is-hover .ico--color-googleplus {
  color: #e37167;
  color: rgba(220, 78, 65, 0.8);
}

.ico--color-whatsapp {
  color: #25d366;
  color: #25d366;
}

a:hover .ico--color-whatsapp,
a:focus .ico--color-whatsapp,
a.is-hover .ico--color-whatsapp {
  color: #51dc85;
  color: rgba(37, 211, 102, 0.8);
}

.ico--color-is-disabled {
  color: #d2d6df;
  color: #d2d6df;
}

a:hover .ico--color-is-disabled,
a:focus .ico--color-is-disabled,
a.is-hover .ico--color-is-disabled {
  color: #dbdee5;
  color: rgba(210, 214, 223, 0.8);
}

.payment-option {
  width: 35px;
  height: 28px;
  display: inline-block;
}

.payment-option--input {
  margin: 8px 0;
}

.ico--xsmall {
  font-size: 8px;
  line-height: 1;
}

.ico--small {
  font-size: 13px;
  line-height: 1;
}

.ico--medium {
  font-size: 22px;
  line-height: 1;
}

.ico--large,
.chart-panel__icon {
  font-size: 32px;
  line-height: 1;
}

.ico--xlarge {
  font-size: 50px;
  line-height: 55px;
}

.ico--xxlarge {
  font-size: 70px;
  line-height: 75px;
}

.ico--form-input {
  font-size: 16px;
}

.ico--stacked {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: baseline;
}

.ico--stacked.ico--xlarge {
  height: 69px;
  width: 60px;
  font-size: 35px;
  line-height: 2.4;
}

.ico--stacked.ico--large,
.ico--stacked.chart-panel__icon {
  height: 28px;
  width: 28px;
  font-size: 20px;
  line-height: 1.7;
}

.ico--stacked.ico--medium {
  height: 18px;
  width: 19px;
  line-height: 1.7;
  font-size: 15px;
}

.ico--stacked.ico--small {
  height: 9px;
  width: 11px;
  line-height: 2;
  font-size: 7px;
}

.ico--stacked .ico--stacked__layer {
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ico-circle,
.ico-circle--bordered,
.ico-circle--color-inverted {
  display: inline-block;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  vertical-align: text-bottom;
}

.ico--xlarge.ico-circle,
.ico--xlarge.ico-circle--bordered,
.ico--xlarge.ico-circle--color-inverted {
  height: 58px;
  width: 58px;
  font-size: 35px;
  line-height: 2.4;
}

.ico--large.ico-circle,
.ico--large.ico-circle--bordered,
.ico-circle--bordered.chart-panel__icon,
.ico-circle.chart-panel__icon,
.ico--large.ico-circle--color-inverted,
.ico-circle--color-inverted.chart-panel__icon {
  height: 28px;
  width: 28px;
  font-size: 20px;
  line-height: 1.3;
}

.ico--medium.ico-circle,
.ico--medium.ico-circle--bordered,
.ico--medium.ico-circle--color-inverted {
  height: 20px;
  width: 20px;
  line-height: 1.3;
  font-size: 15px;
}

.ico--small.ico-circle,
.ico--small.ico-circle--bordered,
.ico--small.ico-circle--color-inverted {
  height: 12px;
  width: 12px;
  line-height: 1.7;
  font-size: 7px;
}

.ico-circle.ico--color-brand-orange,
.ico--color-brand-orange.ico-circle--bordered {
  background-color: #f6682F;
}

.ico-circle.ico--color-brand-yellow,
.ico--color-brand-yellow.ico-circle--bordered {
  background-color: #ffdb00;
  color: #ffffff;
}

.ico-circle.ico--color-brand-red,
.ico--color-brand-red.ico-circle--bordered {
  background-color: #ff0044;
  color: #ffffff;
}

.ico-circle.ico--color-brand-teal,
.ico--color-brand-teal.ico-circle--bordered,
.ico-circle.ico--color-brand-light-blue,
.ico--color-brand-light-blue.ico-circle--bordered {
  background-color: #00a8f2;
  color: #ffffff;
}

.ico-circle.ico--color-brand-dark-green,
.ico--color-brand-dark-green.ico-circle--bordered,
.ico-circle.ico--color-brand-green,
.ico--color-brand-green.ico-circle--bordered {
  background-color: #00cc52;
  color: #ffffff;
}

.ico-circle.ico--color-brand-pink,
.ico--color-brand-pink.ico-circle--bordered {
  background-color: #f20cb6;
  color: #ffffff;
}

.ico-circle.ico--color-brand-white,
.ico--color-brand-white.ico-circle--bordered {
  background-color: #ffffff;
}

.ico-circle.ico--color-understated,
.ico--color-understated.ico-circle--bordered {
  background-color: #D2D6DF;
  color: #ffffff;
}

.ico-circle.ico--color-faint,
.ico--color-faint.ico-circle--bordered {
  background-color: #EFF2F5;
  color: #666A73;
}

.ico-circle.ico--color-manage,
.ico--color-manage.ico-circle--bordered {
  background-color: #45494E;
  color: #ffffff;
}

.ico-circle--bordered {
  border: 2px solid #666A73;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ico-circle--color-inverted {
  background-color: #F8F8FA;
}

.ico-box {
  display: inline-block;
  text-align: center;
}

.ico-box.ico--small {
  width: 50px;
  font-size: 35px;
  line-height: 45px;
  padding-bottom: 5px;
}

.ico-box.ico--medium {
  width: 50px;
  font-size: 32px;
  line-height: 43px;
  padding-bottom: 7px;
}

.ico-box.ico--large,
.ico-box.chart-panel__icon {
  width: 80px;
  font-size: 60px;
  line-height: 69px;
  padding-bottom: 11px;
}

.ico-box.ico--block {
  width: 100%;
}

.ico-box.ico--color-subtle {
  background-color: #D2D6DF;
}

.ico-box.ico--color-faint {
  background-color: #EFF2F5;
  color: #D2D6DF;
}

.ico-box.ico--color-teal,
.ico-box.ico--color-light-blue {
  background-color: #00a8f2;
}

.bullet-list-ico {
  list-style-type: none;
  padding: 0;
  margin-left: 1.5em;
}

.bullet-list-ico li {
  position: relative;
  padding-top: 5px;
}

.bullet-list-ico li i:first-child {
  position: absolute;
  left: -1.2em;
  width: 1.5em;
  line-height: 1.5;
  text-align: left;
  vertical-align: -15%;
}

.bullet-list-ico li i:first-child.ico--medium {
  line-height: 0.95;
}

.bullet-list-ico li i:first-child.ico--large,
.bullet-list-ico li i.chart-panel__icon:first-child {
  line-height: 0.6;
  left: -1em;
}

.bullet-list-ico.bullet-list-ico--compact li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 2.5em;
}

.bullet-list-ico.bullet-list-ico--compact li:last-child {
  margin-right: 0;
}

.ico--bullet {
  line-height: 1.3em;
  font-size: 1.3em;
  margin-right: 5px;
}

.ico-count {
  position: relative;
}

.ico-count__label {
  position: absolute;
  left: 15px;
  top: -15px;
  display: inline-block;
  color: white;
  background-color: #00a8f2;
  border: 2px solid white;
  border-radius: 15px;
  padding: 2px 5px 3px;
  font-size: 11px;
  line-height: 1;
}

.ico-count--unlimited .ico-count__label {
  height: 5px;
  width: 5px;
  padding: 5px;
  text-indent: -999px;
  overflow: hidden;
}

.ico-count--unlimited .ico-count__label:after {
  content: '';
  width: 5px;
  height: 5px;
  margin: auto;
  border-radius: 15px;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
}

.ico-count--medium .ico-count__label {
  top: -10px;
  left: 10px;
}

.ico-count--zero .ico-count__label {
  display: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.l-mar-all-0 {
  margin: 0;
}

.l-mar-hor-0 {
  margin-left: 0;
  margin-right: 0;
}

.l-mar-vert-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.l-mar-left-0 {
  margin-left: 0;
}

.l-mar-right-0 {
  margin-right: 0;
}

.l-mar-top-0,
.l-mar-stack > *:first-child,
.l-block-stack > *:first-child,
.l-mar-stack .is-hidden:first-child + .l-block-1,
.l-block-stack .is-hidden:first-child + .l-block-1,
.l-mar-stack .is-hidden:first-child + .l-mar-top-1,
.l-block-stack .is-hidden:first-child + .l-mar-top-1,
.l-mar-stack .is-hidden:first-child + .l-block-2,
.l-block-stack .is-hidden:first-child + .l-block-2,
.l-mar-stack .is-hidden:first-child + .l-mar-top-2,
.l-block-stack .is-hidden:first-child + .l-mar-top-2,
.l-mar-stack .is-hidden:first-child + .l-block-3,
.l-block-stack .is-hidden:first-child + .l-block-3,
.l-mar-stack .is-hidden:first-child + .l-mar-top-3,
.l-block-stack .is-hidden:first-child + .l-mar-top-3,
.l-mar-stack .is-hidden:first-child + .l-block-4,
.l-block-stack .is-hidden:first-child + .l-block-4,
.l-mar-stack .is-hidden:first-child + .l-mar-top-4,
.l-block-stack .is-hidden:first-child + .l-mar-top-4 {
  margin-top: 0;
}

.l-mar-bot-0 {
  margin-bottom: 0;
}

.l-mar-all-1 {
  margin: 5px;
}

.l-mar-hor-1 {
  margin-left: 5px;
  margin-right: 5px;
}

.l-mar-vert-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.l-mar-left-1 {
  margin-left: 5px;
}

.l-mar-right-1 {
  margin-right: 5px;
}

.l-mar-top-1 {
  margin-top: 5px;
}

.l-mar-bot-1 {
  margin-bottom: 5px;
}

.l-mar-all-2 {
  margin: 10px;
}

.l-mar-hor-2 {
  margin-left: 10px;
  margin-right: 10px;
}

.l-mar-vert-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.l-mar-left-2 {
  margin-left: 10px;
}

.l-mar-right-2 {
  margin-right: 10px;
}

.l-mar-top-2 {
  margin-top: 10px;
}

.l-mar-bot-2,
.responsive-table--sticky__wrapper {
  margin-bottom: 10px;
}

.l-mar-all-3 {
  margin: 15px;
}

.l-mar-hor-3 {
  margin-left: 15px;
  margin-right: 15px;
}

.l-mar-vert-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.l-mar-left-3 {
  margin-left: 15px;
}

.l-mar-right-3 {
  margin-right: 15px;
}

.l-mar-top-3 {
  margin-top: 15px;
}

.l-mar-bot-3 {
  margin-bottom: 15px;
}

.l-mar-all-4 {
  margin: 20px;
}

.l-mar-hor-4 {
  margin-left: 20px;
  margin-right: 20px;
}

.l-mar-vert-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.l-mar-left-4 {
  margin-left: 20px;
}

.l-mar-right-4 {
  margin-right: 20px;
}

.l-mar-top-4 {
  margin-top: 20px;
}

.l-mar-bot-4 {
  margin-bottom: 20px;
}

.l-mar-all-5 {
  margin: 25px;
}

.l-mar-hor-5 {
  margin-left: 25px;
  margin-right: 25px;
}

.l-mar-vert-5 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.l-mar-left-5 {
  margin-left: 25px;
}

.l-mar-right-5 {
  margin-right: 25px;
}

.l-mar-top-5 {
  margin-top: 25px;
}

.l-mar-bot-5 {
  margin-bottom: 25px;
}

.l-mar-all-6 {
  margin: 30px;
}

.l-mar-hor-6 {
  margin-left: 30px;
  margin-right: 30px;
}

.l-mar-vert-6 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.l-mar-left-6 {
  margin-left: 30px;
}

.l-mar-right-6 {
  margin-right: 30px;
}

.l-mar-top-6 {
  margin-top: 30px;
}

.l-mar-bot-6 {
  margin-bottom: 30px;
}

.l-pad-all-0 {
  padding: 0;
}

.l-pad-hor-0 {
  padding-left: 0;
  padding-right: 0;
}

.l-pad-vert-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.l-pad-left-0,
.slat__status-item {
  padding-left: 0;
}

.l-pad-right-0 {
  padding-right: 0;
}

.l-pad-top-0 {
  padding-top: 0;
}

.l-pad-bot-0 {
  padding-bottom: 0;
}

.l-pad-all-1 {
  padding: 5px;
}

.l-pad-hor-1 {
  padding-left: 5px;
  padding-right: 5px;
}

.l-pad-vert-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.l-pad-left-1 {
  padding-left: 5px;
}

.l-pad-right-1,
.slat__status-item {
  padding-right: 5px;
}

.l-pad-top-1 {
  padding-top: 5px;
}

.l-pad-bot-1 {
  padding-bottom: 5px;
}

.l-pad-all-2 {
  padding: 10px;
}

.l-pad-hor-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.l-pad-vert-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.l-pad-left-2 {
  padding-left: 10px;
}

.l-pad-right-2 {
  padding-right: 10px;
}

.l-pad-top-2 {
  padding-top: 10px;
}

.l-pad-bot-2 {
  padding-bottom: 10px;
}

.l-pad-all-3 {
  padding: 15px;
}

.l-pad-hor-3,
.chart-panel__button {
  padding-left: 15px;
  padding-right: 15px;
}

.l-pad-vert-3,
.timeline__item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.l-pad-left-3 {
  padding-left: 15px;
}

.l-pad-right-3 {
  padding-right: 15px;
}

.l-pad-top-3 {
  padding-top: 15px;
}

.l-pad-bot-3 {
  padding-bottom: 15px;
}

.l-pad-all-4 {
  padding: 20px;
}

.l-pad-hor-4 {
  padding-left: 20px;
  padding-right: 20px;
}

.l-pad-vert-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.l-pad-left-4 {
  padding-left: 20px;
}

.l-pad-right-4 {
  padding-right: 20px;
}

.l-pad-top-4 {
  padding-top: 20px;
}

.l-pad-bot-4 {
  padding-bottom: 20px;
}

.l-pad-all-5 {
  padding: 25px;
}

.l-pad-hor-5 {
  padding-left: 25px;
  padding-right: 25px;
}

.l-pad-vert-5 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.l-pad-left-5 {
  padding-left: 25px;
}

.l-pad-right-5 {
  padding-right: 25px;
}

.l-pad-top-5 {
  padding-top: 25px;
}

.l-pad-bot-5 {
  padding-bottom: 25px;
}

.l-pad-all-6 {
  padding: 30px;
}

.l-pad-hor-6 {
  padding-left: 30px;
  padding-right: 30px;
}

.l-pad-vert-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.l-pad-left-6 {
  padding-left: 30px;
}

.l-pad-right-6 {
  padding-right: 30px;
}

.l-pad-top-6 {
  padding-top: 30px;
}

.l-pad-bot-6 {
  padding-bottom: 30px;
}

@media only screen and (max-width: 479px) {
  .l-sm-mar-all-0 {
    margin: 0;
  }

  .l-sm-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-sm-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-sm-mar-left-0 {
    margin-left: 0;
  }

  .l-sm-mar-right-0 {
    margin-right: 0;
  }

  .l-sm-mar-top-0 {
    margin-top: 0;
  }

  .l-sm-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-sm-mar-all-1 {
    margin: 5px;
  }

  .l-sm-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-sm-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-sm-mar-left-1 {
    margin-left: 5px;
  }

  .l-sm-mar-right-1 {
    margin-right: 5px;
  }

  .l-sm-mar-top-1 {
    margin-top: 5px;
  }

  .l-sm-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-sm-mar-all-2 {
    margin: 10px;
  }

  .l-sm-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-sm-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-sm-mar-left-2 {
    margin-left: 10px;
  }

  .l-sm-mar-right-2 {
    margin-right: 10px;
  }

  .l-sm-mar-top-2 {
    margin-top: 10px;
  }

  .l-sm-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-sm-mar-all-3 {
    margin: 15px;
  }

  .l-sm-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-sm-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-sm-mar-left-3 {
    margin-left: 15px;
  }

  .l-sm-mar-right-3 {
    margin-right: 15px;
  }

  .l-sm-mar-top-3 {
    margin-top: 15px;
  }

  .l-sm-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-sm-mar-all-4 {
    margin: 20px;
  }

  .l-sm-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-sm-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-sm-mar-left-4 {
    margin-left: 20px;
  }

  .l-sm-mar-right-4 {
    margin-right: 20px;
  }

  .l-sm-mar-top-4 {
    margin-top: 20px;
  }

  .l-sm-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-sm-mar-all-5 {
    margin: 25px;
  }

  .l-sm-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-sm-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-sm-mar-left-5 {
    margin-left: 25px;
  }

  .l-sm-mar-right-5 {
    margin-right: 25px;
  }

  .l-sm-mar-top-5 {
    margin-top: 25px;
  }

  .l-sm-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-sm-mar-all-6 {
    margin: 30px;
  }

  .l-sm-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-sm-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-sm-mar-left-6 {
    margin-left: 30px;
  }

  .l-sm-mar-right-6 {
    margin-right: 30px;
  }

  .l-sm-mar-top-6 {
    margin-top: 30px;
  }

  .l-sm-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-sm-pad-all-0 {
    padding: 0;
  }

  .l-sm-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-sm-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-sm-pad-left-0 {
    padding-left: 0;
  }

  .l-sm-pad-right-0 {
    padding-right: 0;
  }

  .l-sm-pad-top-0 {
    padding-top: 0;
  }

  .l-sm-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-sm-pad-all-1 {
    padding: 5px;
  }

  .l-sm-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-sm-pad-vert-1,
  .timeline__item {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-sm-pad-left-1,
  .chart-panel__button {
    padding-left: 5px;
  }

  .l-sm-pad-right-1 {
    padding-right: 5px;
  }

  .l-sm-pad-top-1 {
    padding-top: 5px;
  }

  .l-sm-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-sm-pad-all-2 {
    padding: 10px;
  }

  .l-sm-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-sm-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-sm-pad-left-2 {
    padding-left: 10px;
  }

  .l-sm-pad-right-2 {
    padding-right: 10px;
  }

  .l-sm-pad-top-2 {
    padding-top: 10px;
  }

  .l-sm-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-sm-pad-all-3 {
    padding: 15px;
  }

  .l-sm-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-sm-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-sm-pad-left-3 {
    padding-left: 15px;
  }

  .l-sm-pad-right-3 {
    padding-right: 15px;
  }

  .l-sm-pad-top-3 {
    padding-top: 15px;
  }

  .l-sm-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-sm-pad-all-4 {
    padding: 20px;
  }

  .l-sm-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-sm-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-sm-pad-left-4 {
    padding-left: 20px;
  }

  .l-sm-pad-right-4 {
    padding-right: 20px;
  }

  .l-sm-pad-top-4 {
    padding-top: 20px;
  }

  .l-sm-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-sm-pad-all-5 {
    padding: 25px;
  }

  .l-sm-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-sm-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-sm-pad-left-5 {
    padding-left: 25px;
  }

  .l-sm-pad-right-5 {
    padding-right: 25px;
  }

  .l-sm-pad-top-5 {
    padding-top: 25px;
  }

  .l-sm-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-sm-pad-all-6 {
    padding: 30px;
  }

  .l-sm-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-sm-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-sm-pad-left-6 {
    padding-left: 30px;
  }

  .l-sm-pad-right-6 {
    padding-right: 30px;
  }

  .l-sm-pad-top-6 {
    padding-top: 30px;
  }

  .l-sm-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .l-md-mar-all-0 {
    margin: 0;
  }

  .l-md-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-md-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-md-mar-left-0 {
    margin-left: 0;
  }

  .l-md-mar-right-0 {
    margin-right: 0;
  }

  .l-md-mar-top-0 {
    margin-top: 0;
  }

  .l-md-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-md-mar-all-1 {
    margin: 5px;
  }

  .l-md-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-md-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-md-mar-left-1 {
    margin-left: 5px;
  }

  .l-md-mar-right-1 {
    margin-right: 5px;
  }

  .l-md-mar-top-1 {
    margin-top: 5px;
  }

  .l-md-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-md-mar-all-2 {
    margin: 10px;
  }

  .l-md-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-md-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-md-mar-left-2 {
    margin-left: 10px;
  }

  .l-md-mar-right-2 {
    margin-right: 10px;
  }

  .l-md-mar-top-2 {
    margin-top: 10px;
  }

  .l-md-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-md-mar-all-3 {
    margin: 15px;
  }

  .l-md-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-md-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-md-mar-left-3 {
    margin-left: 15px;
  }

  .l-md-mar-right-3 {
    margin-right: 15px;
  }

  .l-md-mar-top-3 {
    margin-top: 15px;
  }

  .l-md-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-md-mar-all-4 {
    margin: 20px;
  }

  .l-md-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-md-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-md-mar-left-4 {
    margin-left: 20px;
  }

  .l-md-mar-right-4 {
    margin-right: 20px;
  }

  .l-md-mar-top-4 {
    margin-top: 20px;
  }

  .l-md-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-md-mar-all-5 {
    margin: 25px;
  }

  .l-md-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-md-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-md-mar-left-5 {
    margin-left: 25px;
  }

  .l-md-mar-right-5 {
    margin-right: 25px;
  }

  .l-md-mar-top-5 {
    margin-top: 25px;
  }

  .l-md-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-md-mar-all-6 {
    margin: 30px;
  }

  .l-md-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-md-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-md-mar-left-6 {
    margin-left: 30px;
  }

  .l-md-mar-right-6 {
    margin-right: 30px;
  }

  .l-md-mar-top-6 {
    margin-top: 30px;
  }

  .l-md-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-md-pad-all-0 {
    padding: 0;
  }

  .l-md-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-md-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-md-pad-left-0 {
    padding-left: 0;
  }

  .l-md-pad-right-0 {
    padding-right: 0;
  }

  .l-md-pad-top-0 {
    padding-top: 0;
  }

  .l-md-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-md-pad-all-1 {
    padding: 5px;
  }

  .l-md-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-md-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-md-pad-left-1 {
    padding-left: 5px;
  }

  .l-md-pad-right-1 {
    padding-right: 5px;
  }

  .l-md-pad-top-1 {
    padding-top: 5px;
  }

  .l-md-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-md-pad-all-2 {
    padding: 10px;
  }

  .l-md-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-md-pad-vert-2,
  .timeline__item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-md-pad-left-2 {
    padding-left: 10px;
  }

  .l-md-pad-right-2 {
    padding-right: 10px;
  }

  .l-md-pad-top-2 {
    padding-top: 10px;
  }

  .l-md-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-md-pad-all-3 {
    padding: 15px;
  }

  .l-md-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-md-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-md-pad-left-3 {
    padding-left: 15px;
  }

  .l-md-pad-right-3 {
    padding-right: 15px;
  }

  .l-md-pad-top-3 {
    padding-top: 15px;
  }

  .l-md-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-md-pad-all-4 {
    padding: 20px;
  }

  .l-md-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-md-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-md-pad-left-4 {
    padding-left: 20px;
  }

  .l-md-pad-right-4 {
    padding-right: 20px;
  }

  .l-md-pad-top-4 {
    padding-top: 20px;
  }

  .l-md-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-md-pad-all-5 {
    padding: 25px;
  }

  .l-md-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-md-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-md-pad-left-5 {
    padding-left: 25px;
  }

  .l-md-pad-right-5 {
    padding-right: 25px;
  }

  .l-md-pad-top-5 {
    padding-top: 25px;
  }

  .l-md-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-md-pad-all-6 {
    padding: 30px;
  }

  .l-md-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-md-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-md-pad-left-6 {
    padding-left: 30px;
  }

  .l-md-pad-right-6 {
    padding-right: 30px;
  }

  .l-md-pad-top-6 {
    padding-top: 30px;
  }

  .l-md-pad-bot-6 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 800px) {
  .l-lg-mar-all-0 {
    margin: 0;
  }

  .l-lg-mar-hor-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l-lg-mar-vert-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l-lg-mar-left-0 {
    margin-left: 0;
  }

  .l-lg-mar-right-0 {
    margin-right: 0;
  }

  .l-lg-mar-top-0 {
    margin-top: 0;
  }

  .l-lg-mar-bot-0 {
    margin-bottom: 0;
  }

  .l-lg-mar-all-1 {
    margin: 5px;
  }

  .l-lg-mar-hor-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .l-lg-mar-vert-1 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .l-lg-mar-left-1 {
    margin-left: 5px;
  }

  .l-lg-mar-right-1 {
    margin-right: 5px;
  }

  .l-lg-mar-top-1 {
    margin-top: 5px;
  }

  .l-lg-mar-bot-1 {
    margin-bottom: 5px;
  }

  .l-lg-mar-all-2 {
    margin: 10px;
  }

  .l-lg-mar-hor-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .l-lg-mar-vert-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .l-lg-mar-left-2 {
    margin-left: 10px;
  }

  .l-lg-mar-right-2 {
    margin-right: 10px;
  }

  .l-lg-mar-top-2 {
    margin-top: 10px;
  }

  .l-lg-mar-bot-2 {
    margin-bottom: 10px;
  }

  .l-lg-mar-all-3 {
    margin: 15px;
  }

  .l-lg-mar-hor-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .l-lg-mar-vert-3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .l-lg-mar-left-3 {
    margin-left: 15px;
  }

  .l-lg-mar-right-3 {
    margin-right: 15px;
  }

  .l-lg-mar-top-3 {
    margin-top: 15px;
  }

  .l-lg-mar-bot-3 {
    margin-bottom: 15px;
  }

  .l-lg-mar-all-4 {
    margin: 20px;
  }

  .l-lg-mar-hor-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .l-lg-mar-vert-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .l-lg-mar-left-4 {
    margin-left: 20px;
  }

  .l-lg-mar-right-4 {
    margin-right: 20px;
  }

  .l-lg-mar-top-4 {
    margin-top: 20px;
  }

  .l-lg-mar-bot-4 {
    margin-bottom: 20px;
  }

  .l-lg-mar-all-5 {
    margin: 25px;
  }

  .l-lg-mar-hor-5 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .l-lg-mar-vert-5 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .l-lg-mar-left-5 {
    margin-left: 25px;
  }

  .l-lg-mar-right-5 {
    margin-right: 25px;
  }

  .l-lg-mar-top-5 {
    margin-top: 25px;
  }

  .l-lg-mar-bot-5 {
    margin-bottom: 25px;
  }

  .l-lg-mar-all-6 {
    margin: 30px;
  }

  .l-lg-mar-hor-6 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .l-lg-mar-vert-6 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .l-lg-mar-left-6 {
    margin-left: 30px;
  }

  .l-lg-mar-right-6 {
    margin-right: 30px;
  }

  .l-lg-mar-top-6 {
    margin-top: 30px;
  }

  .l-lg-mar-bot-6 {
    margin-bottom: 30px;
  }

  .l-lg-pad-all-0 {
    padding: 0;
  }

  .l-lg-pad-hor-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l-lg-pad-vert-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-lg-pad-left-0 {
    padding-left: 0;
  }

  .l-lg-pad-right-0 {
    padding-right: 0;
  }

  .l-lg-pad-top-0 {
    padding-top: 0;
  }

  .l-lg-pad-bot-0 {
    padding-bottom: 0;
  }

  .l-lg-pad-all-1 {
    padding: 5px;
  }

  .l-lg-pad-hor-1 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-lg-pad-vert-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .l-lg-pad-left-1 {
    padding-left: 5px;
  }

  .l-lg-pad-right-1 {
    padding-right: 5px;
  }

  .l-lg-pad-top-1 {
    padding-top: 5px;
  }

  .l-lg-pad-bot-1 {
    padding-bottom: 5px;
  }

  .l-lg-pad-all-2 {
    padding: 10px;
  }

  .l-lg-pad-hor-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .l-lg-pad-vert-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .l-lg-pad-left-2 {
    padding-left: 10px;
  }

  .l-lg-pad-right-2 {
    padding-right: 10px;
  }

  .l-lg-pad-top-2 {
    padding-top: 10px;
  }

  .l-lg-pad-bot-2 {
    padding-bottom: 10px;
  }

  .l-lg-pad-all-3 {
    padding: 15px;
  }

  .l-lg-pad-hor-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-lg-pad-vert-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .l-lg-pad-left-3 {
    padding-left: 15px;
  }

  .l-lg-pad-right-3 {
    padding-right: 15px;
  }

  .l-lg-pad-top-3 {
    padding-top: 15px;
  }

  .l-lg-pad-bot-3 {
    padding-bottom: 15px;
  }

  .l-lg-pad-all-4 {
    padding: 20px;
  }

  .l-lg-pad-hor-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-lg-pad-vert-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-lg-pad-left-4 {
    padding-left: 20px;
  }

  .l-lg-pad-right-4 {
    padding-right: 20px;
  }

  .l-lg-pad-top-4 {
    padding-top: 20px;
  }

  .l-lg-pad-bot-4 {
    padding-bottom: 20px;
  }

  .l-lg-pad-all-5 {
    padding: 25px;
  }

  .l-lg-pad-hor-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .l-lg-pad-vert-5 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-lg-pad-left-5 {
    padding-left: 25px;
  }

  .l-lg-pad-right-5 {
    padding-right: 25px;
  }

  .l-lg-pad-top-5 {
    padding-top: 25px;
  }

  .l-lg-pad-bot-5 {
    padding-bottom: 25px;
  }

  .l-lg-pad-all-6 {
    padding: 30px;
  }

  .l-lg-pad-hor-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-lg-pad-vert-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .l-lg-pad-left-6 {
    padding-left: 30px;
  }

  .l-lg-pad-right-6 {
    padding-right: 30px;
  }

  .l-lg-pad-top-6 {
    padding-top: 30px;
  }

  .l-lg-pad-bot-6 {
    padding-bottom: 30px;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.btn,
.chart-panel__button,
.btn--action,
.chart-panel__button {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  color: white;
  background-color: #00a8f2;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: middle;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  line-height: 22px;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 3px;
}

.btn:link,
.chart-panel__button:link,
.btn:visited,
.chart-panel__button:visited,
.btn--action:link,
.chart-panel__button:link,
.btn--action:visited,
.chart-panel__button:visited {
  color: white;
}

.btn:hover,
.chart-panel__button:hover,
.btn:focus,
.chart-panel__button:focus,
.btn--action:hover,
.chart-panel__button:hover,
.btn--action:focus,
.chart-panel__button:focus {
  background-color: #00affc;
  color: white;
}

.btn:active,
.chart-panel__button:active,
.btn--action:active,
.chart-panel__button:active {
  background-color: #007eb5;
  color: white;
}

.btn:hover,
.chart-panel__button:hover,
.btn:focus,
.chart-panel__button:focus,
.btn--action:hover,
.chart-panel__button:hover,
.btn--action:focus,
.chart-panel__button:focus {
  cursor: pointer;
  text-decoration: none;
}

.btn:active,
.chart-panel__button:active,
.btn--action:active,
.chart-panel__button:active {
  text-decoration: none;
}

.btn:focus,
.chart-panel__button:focus,
.btn--action:focus,
.chart-panel__button:focus {
  outline: none;
}

.btn.btn--block,
.btn--block.chart-panel__button {
  display: block;
}

@media only screen and (max-width: 479px) {
  .btn--responsive {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

input[type="submit"].btn.btn--block,
input[type="submit"].btn--block.chart-panel__button,
button.btn.btn--block,
button.btn--block.chart-panel__button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.btn--epic {
  color: white;
  background-color: #00cc52;
}

.btn--epic:link,
.btn--epic:visited {
  color: white;
}

.btn--epic:hover,
.btn--epic:focus {
  background-color: #00d656;
  color: white;
}

.btn--epic:active {
  background-color: #008f39;
  color: white;
}

.btn--secondary,
.btn--dynamo {
  color: #00a1ee;
  background-color: transparent;
  border: 2px solid #00a1ee;
  padding: 9px 18px;
}

.btn--secondary:link,
.btn--secondary:visited,
.btn--dynamo:link,
.btn--dynamo:visited {
  color: #00a1ee;
}

.btn--secondary:hover,
.btn--secondary:focus,
.btn--dynamo:hover,
.btn--dynamo:focus {
  color: white;
  background-color: #4dbdf3;
  border-color: #4dbdf3;
}

.btn--secondary:active,
.btn--dynamo:active {
  color: white;
  background-color: #0071a7;
  border-color: #0071a7;
}

.btn--secondary.btn--disabled,
.btn--dynamo.btn--disabled {
  border-color: #eff2f5;
  border-color: #EFF2F5;
  background-color: transparent;
}

.btn--secondary.btn--disabled:link,
.btn--secondary.btn--disabled:hover,
.btn--secondary.btn--disabled:focus,
.btn--secondary.btn--disabled:active,
.btn--dynamo.btn--disabled:link,
.btn--dynamo.btn--disabled:hover,
.btn--dynamo.btn--disabled:focus,
.btn--dynamo.btn--disabled:active {
  background-color: transparent;
}

.btn--secondary-alt,
.btn--dynamo-alt {
  color: white;
  background-color: transparent;
  border: 2px solid white;
  padding: 9px 18px;
}

.btn--secondary-alt:link,
.btn--secondary-alt:visited,
.btn--dynamo-alt:link,
.btn--dynamo-alt:visited {
  color: white;
}

.btn--secondary-alt:hover,
.btn--secondary-alt:focus,
.btn--dynamo-alt:hover,
.btn--dynamo-alt:focus {
  color: white;
  background-color: #4dc2f6;
  border-color: #4dc2f6;
}

.btn--secondary-alt:active,
.btn--dynamo-alt:active {
  color: white;
  background-color: #0076a9;
  border-color: #0076a9;
}

.btn--secondary-alt.btn--disabled,
.btn--dynamo-alt.btn--disabled {
  border-color: #eff2f5;
  border-color: #EFF2F5;
  background-color: transparent;
}

.btn--secondary-alt.btn--disabled:link,
.btn--secondary-alt.btn--disabled:hover,
.btn--secondary-alt.btn--disabled:focus,
.btn--secondary-alt.btn--disabled:active,
.btn--dynamo-alt.btn--disabled:link,
.btn--dynamo-alt.btn--disabled:hover,
.btn--dynamo-alt.btn--disabled:focus,
.btn--dynamo-alt.btn--disabled:active {
  background-color: transparent;
}

.btn--caution {
  color: white;
  background-color: #ff0044;
}

.btn--caution:link,
.btn--caution:visited {
  color: white;
}

.btn--caution:hover,
.btn--caution:focus {
  background-color: #ff0a4b;
  color: white;
}

.btn--caution:active {
  background-color: #c20034;
  color: white;
}

.btn--disabled,
.btn[disabled],
[disabled].chart-panel__button {
  color: #adb0b6;
  color: #ADB0B6;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  cursor: default;
  opacity: 0.7;
}

.btn--disabled:link,
.btn--disabled:visited,
.btn--disabled:active,
.btn--disabled:hover,
.btn--disabled:focus,
.btn--disabled:disabled,
.btn[disabled]:link,
[disabled].chart-panel__button:link,
.btn[disabled]:visited,
[disabled].chart-panel__button:visited,
.btn[disabled]:active,
[disabled].chart-panel__button:active,
.btn[disabled]:hover,
[disabled].chart-panel__button:hover,
.btn[disabled]:focus,
[disabled].chart-panel__button:focus,
.btn[disabled]:disabled,
[disabled].chart-panel__button:disabled {
  color: #adb0b6;
  color: #ADB0B6;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  cursor: default;
  opacity: 0.7;
}

.btn--link,
.btn--link-alt,
.btn--link.btn,
.btn.btn--link-alt,
.btn--link-alt.chart-panel__button,
.btn--link.chart-panel__button {
  color: #00a1ee;
  text-decoration: none;
  background: none;
}

.btn--link:focus,
.btn--link-alt:focus,
.btn--link:hover,
.btn--link-alt:hover,
.btn--link.btn:focus,
.btn.btn--link-alt:focus,
.btn--link-alt.chart-panel__button:focus,
.btn--link.chart-panel__button:focus,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover {
  color: #22b8ff;
}

.btn--link:active,
.btn--link-alt:active,
.btn--link.btn:active,
.btn.btn--link-alt:active,
.btn--link-alt.chart-panel__button:active,
.btn--link.chart-panel__button:active {
  color: #007fbb;
}

.btn--link:focus,
.btn--link-alt:focus,
.btn--link:hover,
.btn--link-alt:hover,
.btn--link:active,
.btn--link-alt:active,
.btn--link.btn:focus,
.btn.btn--link-alt:focus,
.btn--link-alt.chart-panel__button:focus,
.btn--link.chart-panel__button:focus,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover,
.btn--link.btn:active,
.btn.btn--link-alt:active,
.btn--link-alt.chart-panel__button:active,
.btn--link.chart-panel__button:active {
  text-decoration: underline;
}

.btn--link:hover,
.btn--link-alt:hover,
.btn--link.btn:hover,
.btn.btn--link-alt:hover,
.btn--link-alt.chart-panel__button:hover,
.btn--link.chart-panel__button:hover {
  cursor: pointer;
}

.btn--link.uncolored,
.uncolored.btn--link-alt,
.btn--link.uncolored:hover,
.uncolored.btn--link-alt:hover,
.btn--link.uncolored:focus,
.uncolored.btn--link-alt:focus,
.btn--link.uncolored:active,
.uncolored.btn--link-alt:active,
.btn--link.uncolored:visited,
.uncolored.btn--link-alt:visited,
.btn--link.btn.uncolored,
.btn.uncolored.btn--link-alt,
.uncolored.btn--link-alt.chart-panel__button,
.btn--link.uncolored.chart-panel__button,
.btn--link.btn.uncolored:hover,
.btn.uncolored.btn--link-alt:hover,
.uncolored.btn--link-alt.chart-panel__button:hover,
.btn--link.uncolored.chart-panel__button:hover,
.btn--link.btn.uncolored:focus,
.btn.uncolored.btn--link-alt:focus,
.uncolored.btn--link-alt.chart-panel__button:focus,
.btn--link.uncolored.chart-panel__button:focus,
.btn--link.btn.uncolored:active,
.btn.uncolored.btn--link-alt:active,
.uncolored.btn--link-alt.chart-panel__button:active,
.btn--link.uncolored.chart-panel__button:active,
.btn--link.btn.uncolored:visited,
.btn.uncolored.btn--link-alt:visited,
.uncolored.btn--link-alt.chart-panel__button:visited,
.btn--link.uncolored.chart-panel__button:visited {
  color: inherit;
}

.btn--link.undecorated,
.undecorated.btn--link-alt,
.btn--link.undecorated:hover,
.undecorated.btn--link-alt:hover,
.btn--link.undecorated:focus,
.undecorated.btn--link-alt:focus,
.btn--link.undecorated:active,
.undecorated.btn--link-alt:active,
.btn--link.btn.undecorated,
.btn.undecorated.btn--link-alt,
.undecorated.btn--link-alt.chart-panel__button,
.btn--link.undecorated.chart-panel__button,
.btn--link.btn.undecorated:hover,
.btn.undecorated.btn--link-alt:hover,
.undecorated.btn--link-alt.chart-panel__button:hover,
.btn--link.undecorated.chart-panel__button:hover,
.btn--link.btn.undecorated:focus,
.btn.undecorated.btn--link-alt:focus,
.undecorated.btn--link-alt.chart-panel__button:focus,
.btn--link.undecorated.chart-panel__button:focus,
.btn--link.btn.undecorated:active,
.btn.undecorated.btn--link-alt:active,
.undecorated.btn--link-alt.chart-panel__button:active,
.btn--link.undecorated.chart-panel__button:active {
  text-decoration: none;
}

.btn--link:link,
.btn--link-alt:link,
.btn--link:visited,
.btn--link-alt:visited,
.btn--link.btn:link,
.btn.btn--link-alt:link,
.btn--link-alt.chart-panel__button:link,
.btn--link.chart-panel__button:link,
.btn--link.btn:visited,
.btn.btn--link-alt:visited,
.btn--link-alt.chart-panel__button:visited,
.btn--link.chart-panel__button:visited {
  color: #00a1ee;
  text-decoration: none;
}

.btn--link:link:focus,
.btn--link-alt:link:focus,
.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:visited:focus,
.btn--link-alt:visited:focus,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link.btn:link:focus,
.btn.btn--link-alt:link:focus,
.btn--link-alt.chart-panel__button:link:focus,
.btn--link.chart-panel__button:link:focus,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:visited:focus,
.btn.btn--link-alt:visited:focus,
.btn--link-alt.chart-panel__button:visited:focus,
.btn--link.chart-panel__button:visited:focus,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover {
  color: #22b8ff;
}

.btn--link:link:active,
.btn--link-alt:link:active,
.btn--link:visited:active,
.btn--link-alt:visited:active,
.btn--link.btn:link:active,
.btn.btn--link-alt:link:active,
.btn--link-alt.chart-panel__button:link:active,
.btn--link.chart-panel__button:link:active,
.btn--link.btn:visited:active,
.btn.btn--link-alt:visited:active,
.btn--link-alt.chart-panel__button:visited:active,
.btn--link.chart-panel__button:visited:active {
  color: #007fbb;
}

.btn--link:link:focus,
.btn--link-alt:link:focus,
.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:link:active,
.btn--link-alt:link:active,
.btn--link:visited:focus,
.btn--link-alt:visited:focus,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link:visited:active,
.btn--link-alt:visited:active,
.btn--link.btn:link:focus,
.btn.btn--link-alt:link:focus,
.btn--link-alt.chart-panel__button:link:focus,
.btn--link.chart-panel__button:link:focus,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:link:active,
.btn.btn--link-alt:link:active,
.btn--link-alt.chart-panel__button:link:active,
.btn--link.chart-panel__button:link:active,
.btn--link.btn:visited:focus,
.btn.btn--link-alt:visited:focus,
.btn--link-alt.chart-panel__button:visited:focus,
.btn--link.chart-panel__button:visited:focus,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover,
.btn--link.btn:visited:active,
.btn.btn--link-alt:visited:active,
.btn--link-alt.chart-panel__button:visited:active,
.btn--link.chart-panel__button:visited:active {
  text-decoration: underline;
}

.btn--link:link:hover,
.btn--link-alt:link:hover,
.btn--link:visited:hover,
.btn--link-alt:visited:hover,
.btn--link.btn:link:hover,
.btn.btn--link-alt:link:hover,
.btn--link-alt.chart-panel__button:link:hover,
.btn--link.chart-panel__button:link:hover,
.btn--link.btn:visited:hover,
.btn.btn--link-alt:visited:hover,
.btn--link-alt.chart-panel__button:visited:hover,
.btn--link.chart-panel__button:visited:hover {
  cursor: pointer;
}

.btn--link:link.uncolored,
.btn--link-alt:link.uncolored,
.btn--link:link.uncolored:hover,
.btn--link-alt:link.uncolored:hover,
.btn--link:link.uncolored:focus,
.btn--link-alt:link.uncolored:focus,
.btn--link:link.uncolored:active,
.btn--link-alt:link.uncolored:active,
.btn--link:link.uncolored:visited,
.btn--link-alt:link.uncolored:visited,
.btn--link:visited.uncolored,
.btn--link-alt:visited.uncolored,
.btn--link:visited.uncolored:hover,
.btn--link-alt:visited.uncolored:hover,
.btn--link:visited.uncolored:focus,
.btn--link-alt:visited.uncolored:focus,
.btn--link:visited.uncolored:active,
.btn--link-alt:visited.uncolored:active,
.btn--link:visited.uncolored:visited,
.btn--link-alt:visited.uncolored:visited,
.btn--link.btn:link.uncolored,
.btn.btn--link-alt:link.uncolored,
.btn--link-alt.chart-panel__button:link.uncolored,
.btn--link.chart-panel__button:link.uncolored,
.btn--link.btn:link.uncolored:hover,
.btn.btn--link-alt:link.uncolored:hover,
.btn--link-alt.chart-panel__button:link.uncolored:hover,
.btn--link.chart-panel__button:link.uncolored:hover,
.btn--link.btn:link.uncolored:focus,
.btn.btn--link-alt:link.uncolored:focus,
.btn--link-alt.chart-panel__button:link.uncolored:focus,
.btn--link.chart-panel__button:link.uncolored:focus,
.btn--link.btn:link.uncolored:active,
.btn.btn--link-alt:link.uncolored:active,
.btn--link-alt.chart-panel__button:link.uncolored:active,
.btn--link.chart-panel__button:link.uncolored:active,
.btn--link.btn:link.uncolored:visited,
.btn.btn--link-alt:link.uncolored:visited,
.btn--link-alt.chart-panel__button:link.uncolored:visited,
.btn--link.chart-panel__button:link.uncolored:visited,
.btn--link.btn:visited.uncolored,
.btn.btn--link-alt:visited.uncolored,
.btn--link-alt.chart-panel__button:visited.uncolored,
.btn--link.chart-panel__button:visited.uncolored,
.btn--link.btn:visited.uncolored:hover,
.btn.btn--link-alt:visited.uncolored:hover,
.btn--link-alt.chart-panel__button:visited.uncolored:hover,
.btn--link.chart-panel__button:visited.uncolored:hover,
.btn--link.btn:visited.uncolored:focus,
.btn.btn--link-alt:visited.uncolored:focus,
.btn--link-alt.chart-panel__button:visited.uncolored:focus,
.btn--link.chart-panel__button:visited.uncolored:focus,
.btn--link.btn:visited.uncolored:active,
.btn.btn--link-alt:visited.uncolored:active,
.btn--link-alt.chart-panel__button:visited.uncolored:active,
.btn--link.chart-panel__button:visited.uncolored:active,
.btn--link.btn:visited.uncolored:visited,
.btn.btn--link-alt:visited.uncolored:visited,
.btn--link-alt.chart-panel__button:visited.uncolored:visited,
.btn--link.chart-panel__button:visited.uncolored:visited {
  color: inherit;
}

.btn--link:link.undecorated,
.btn--link-alt:link.undecorated,
.btn--link:link.undecorated:hover,
.btn--link-alt:link.undecorated:hover,
.btn--link:link.undecorated:focus,
.btn--link-alt:link.undecorated:focus,
.btn--link:link.undecorated:active,
.btn--link-alt:link.undecorated:active,
.btn--link:visited.undecorated,
.btn--link-alt:visited.undecorated,
.btn--link:visited.undecorated:hover,
.btn--link-alt:visited.undecorated:hover,
.btn--link:visited.undecorated:focus,
.btn--link-alt:visited.undecorated:focus,
.btn--link:visited.undecorated:active,
.btn--link-alt:visited.undecorated:active,
.btn--link.btn:link.undecorated,
.btn.btn--link-alt:link.undecorated,
.btn--link-alt.chart-panel__button:link.undecorated,
.btn--link.chart-panel__button:link.undecorated,
.btn--link.btn:link.undecorated:hover,
.btn.btn--link-alt:link.undecorated:hover,
.btn--link-alt.chart-panel__button:link.undecorated:hover,
.btn--link.chart-panel__button:link.undecorated:hover,
.btn--link.btn:link.undecorated:focus,
.btn.btn--link-alt:link.undecorated:focus,
.btn--link-alt.chart-panel__button:link.undecorated:focus,
.btn--link.chart-panel__button:link.undecorated:focus,
.btn--link.btn:link.undecorated:active,
.btn.btn--link-alt:link.undecorated:active,
.btn--link-alt.chart-panel__button:link.undecorated:active,
.btn--link.chart-panel__button:link.undecorated:active,
.btn--link.btn:visited.undecorated,
.btn.btn--link-alt:visited.undecorated,
.btn--link-alt.chart-panel__button:visited.undecorated,
.btn--link.chart-panel__button:visited.undecorated,
.btn--link.btn:visited.undecorated:hover,
.btn.btn--link-alt:visited.undecorated:hover,
.btn--link-alt.chart-panel__button:visited.undecorated:hover,
.btn--link.chart-panel__button:visited.undecorated:hover,
.btn--link.btn:visited.undecorated:focus,
.btn.btn--link-alt:visited.undecorated:focus,
.btn--link-alt.chart-panel__button:visited.undecorated:focus,
.btn--link.chart-panel__button:visited.undecorated:focus,
.btn--link.btn:visited.undecorated:active,
.btn.btn--link-alt:visited.undecorated:active,
.btn--link-alt.chart-panel__button:visited.undecorated:active,
.btn--link.chart-panel__button:visited.undecorated:active {
  text-decoration: none;
}

.btn--link.btn--disabled,
.btn--disabled.btn--link-alt,
.btn--link:disabled,
.btn--link-alt:disabled,
.btn--link.btn.btn--disabled,
.btn.btn--disabled.btn--link-alt,
.btn--disabled.btn--link-alt.chart-panel__button,
.btn--link.btn--disabled.chart-panel__button,
.btn--link.btn:disabled,
.btn.btn--link-alt:disabled,
.btn--link-alt.chart-panel__button:disabled,
.btn--link.chart-panel__button:disabled {
  color: #D2D6DF;
  background: none;
}

.btn--link.btn--disabled:link,
.btn--disabled.btn--link-alt:link,
.btn--link.btn--disabled:visited,
.btn--disabled.btn--link-alt:visited,
.btn--link.btn--disabled:active,
.btn--disabled.btn--link-alt:active,
.btn--link.btn--disabled:hover,
.btn--disabled.btn--link-alt:hover,
.btn--link.btn--disabled:focus,
.btn--disabled.btn--link-alt:focus,
.btn--link:disabled:link,
.btn--link-alt:disabled:link,
.btn--link:disabled:visited,
.btn--link-alt:disabled:visited,
.btn--link:disabled:active,
.btn--link-alt:disabled:active,
.btn--link:disabled:hover,
.btn--link-alt:disabled:hover,
.btn--link:disabled:focus,
.btn--link-alt:disabled:focus,
.btn--link.btn.btn--disabled:link,
.btn.btn--disabled.btn--link-alt:link,
.btn--disabled.btn--link-alt.chart-panel__button:link,
.btn--link.btn--disabled.chart-panel__button:link,
.btn--link.btn.btn--disabled:visited,
.btn.btn--disabled.btn--link-alt:visited,
.btn--disabled.btn--link-alt.chart-panel__button:visited,
.btn--link.btn--disabled.chart-panel__button:visited,
.btn--link.btn.btn--disabled:active,
.btn.btn--disabled.btn--link-alt:active,
.btn--disabled.btn--link-alt.chart-panel__button:active,
.btn--link.btn--disabled.chart-panel__button:active,
.btn--link.btn.btn--disabled:hover,
.btn.btn--disabled.btn--link-alt:hover,
.btn--disabled.btn--link-alt.chart-panel__button:hover,
.btn--link.btn--disabled.chart-panel__button:hover,
.btn--link.btn.btn--disabled:focus,
.btn.btn--disabled.btn--link-alt:focus,
.btn--disabled.btn--link-alt.chart-panel__button:focus,
.btn--link.btn--disabled.chart-panel__button:focus,
.btn--link.btn:disabled:link,
.btn.btn--link-alt:disabled:link,
.btn--link-alt.chart-panel__button:disabled:link,
.btn--link.chart-panel__button:disabled:link,
.btn--link.btn:disabled:visited,
.btn.btn--link-alt:disabled:visited,
.btn--link-alt.chart-panel__button:disabled:visited,
.btn--link.chart-panel__button:disabled:visited,
.btn--link.btn:disabled:active,
.btn.btn--link-alt:disabled:active,
.btn--link-alt.chart-panel__button:disabled:active,
.btn--link.chart-panel__button:disabled:active,
.btn--link.btn:disabled:hover,
.btn.btn--link-alt:disabled:hover,
.btn--link-alt.chart-panel__button:disabled:hover,
.btn--link.chart-panel__button:disabled:hover,
.btn--link.btn:disabled:focus,
.btn.btn--link-alt:disabled:focus,
.btn--link-alt.chart-panel__button:disabled:focus,
.btn--link.chart-panel__button:disabled:focus {
  color: #D2D6DF;
  background: none;
  text-decoration: none;
  cursor: default;
}

.btn--link-alt,
.btn--link-alt.btn,
.btn--link-alt.chart-panel__button {
  width: auto;
  color: #282C35;
  background: none;
  text-decoration: underline;
  text-transform: none;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  padding: 0;
}

.btn--link-alt:link,
.btn--link-alt.btn:link,
.btn--link-alt.chart-panel__button:link {
  text-decoration: underline;
  color: #282C35;
}

.btn--small {
  font-size: 15px;
  padding: 9px 20px;
  line-height: 18px;
}

.btn--large {
  font-size: 15px;
  padding: 11px 30px;
  line-height: 19px;
}

.btn--twitter {
  color: white;
  background-color: #55acee;
}

.btn--twitter:link,
.btn--twitter:visited {
  color: white;
}

.btn--twitter:hover,
.btn--twitter:focus {
  background-color: #5eb1ef;
  color: white;
}

.btn--twitter:active {
  background-color: #1d91e8;
  color: white;
}

.btn--facebook {
  color: white;
  background-color: #3b5998;
}

.btn--facebook:link,
.btn--facebook:visited {
  color: white;
}

.btn--facebook:hover,
.btn--facebook:focus {
  background-color: #3e5d9f;
  color: white;
}

.btn--facebook:active {
  background-color: #2a3f6c;
  color: white;
}

.btn--spinner *,
.btn--large--loader * {
  visibility: hidden;
}

.btn--large--loader {
  position: relative;
}

.btn--large--loader:before {
  content: " ";
  width: 30px;
  height: 30px;
  z-index: 1;
  visibility: visible;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
  background: url("../../../images/event_page/loading/bluematte.gif") no-repeat;
}

.btn--large--loader.btn--facebook:before {
  background: url("../../../images/event_page/loading/bluematte.gif") no-repeat;
}

.btn--has-spinner > * {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.btn--has-spinner .spinner--small,
.btn--has-spinner .spinner--medium,
.btn--has-spinner .spinner--larger {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.btn-group .btn,
.btn-group .chart-panel__button {
  margin-left: 10px;
}

.btn-group .btn:first-child,
.btn-group .chart-panel__button:first-child {
  margin-left: 2px;
}

@media only screen and (max-width: 479px) {
  .btn-group--responsive {
    margin-top: -15px;
  }

  .btn-group--responsive .btn,
  .btn-group--responsive .chart-panel__button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }

  .btn-group--responsive .btn:first-child,
  .btn-group--responsive .chart-panel__button:first-child {
    margin-left: 0;
  }

  .btn-group--responsive .btn--link,
  .btn-group--responsive .btn--link-alt {
    margin-top: 0;
  }
}

.btn i,
.chart-panel__button i {
  vertical-align: -10%;
  line-height: 1;
  font-size: 21px;
}

.btn--ico {
  padding: 7px 14px;
  line-height: 29px;
}

.btn--ico i {
  vertical-align: -10%;
  margin-right: 0.3em;
  font-size: 1.4em;
  line-height: 1.4em;
}

.btn--ico.btn--secondary,
.btn--ico.btn--secondary-alt,
.btn--ico.btn--dynamo,
.btn--ico.btn--dynamo-alt {
  padding: 5px 18px;
}

.btn--ico.btn--small {
  padding: 3px 10px;
}

.btn--ico.btn--large {
  padding: 3px 18px 6px;
}

.btn--target {
  color: #00a8f2;
  padding: 10px 10.5px;
  border-radius: 44px;
  border: 2px solid white;
  background-color: transparent;
  line-height: 18px;
}

.btn--target i {
  vertical-align: -10%;
  margin-right: 0.3em;
  font-size: 22px;
  line-height: 17px;
}

.btn--target:link,
.btn--target:visited {
  color: #00a8f2;
}

.btn--target .btn--context {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  top: -2px;
}

.btn--target.btn--opaque {
  background-color: white;
}

.btn--target:focus,
.btn--target:hover {
  color: #4dc2f6;
  background-color: white;
}

.btn--target:active {
  color: #0076a9;
  background-color: white;
}

.btn--target.is-collapsed i {
  margin-right: 0;
}

.btn--target.is-collapsed .btn--context {
  position: absolute;
  left: -999999px;
}

.ie8 .btn--target.btn--collapsible i {
  margin-right: 0;
}

.ie8 .btn--target.btn--collapsible span {
  position: absolute;
  left: -999999px;
}

@media only screen and (min-width: 800px) {
  .btn--target.btn--collapsible i {
    margin-right: 0;
  }

  .btn--target.btn--collapsible span {
    position: absolute;
    left: -999999px;
  }
}

.chart-panel__button-value {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.chart-panel__button-container {
  border-color: #0695d6;
  border-color: rgba(40, 44, 53, 0.15);
  background-color: #00a8f2;
  border-width: 0;
  border-left-width: 1px;
  border-style: solid;
}

@media only screen and (max-width: 479px) {
  .chart-panel__button-container {
    border-left: none;
    border-bottom-width: 1px;
  }
}

.chart-panel__container {
  background-color: #00a8f2;
}

.chart-panel__container .g-group .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .g-grid .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .overlay-dialog__frame .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .g-vertical-group .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .dialog-frame-content .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .timeline__item .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .breakdown__item .g-cell:first-child .chart-panel__button-container,
.chart-panel__container .g-group .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .g-grid .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .overlay-dialog__frame .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .g-vertical-group .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .dialog-frame-content .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .timeline__item .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .breakdown__item .timeline__content:first-child .chart-panel__button-container,
.chart-panel__container .g-group .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .g-grid .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .overlay-dialog__frame .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .g-vertical-group .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .dialog-frame-content .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .timeline__item .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .breakdown__item .timeline__date:first-child .chart-panel__button-container,
.chart-panel__container .g-group .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .g-grid .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .overlay-dialog__frame .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .g-vertical-group .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .dialog-frame-content .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .timeline__item .timeline__indicator:first-child .chart-panel__button-container,
.chart-panel__container .breakdown__item .timeline__indicator:first-child .chart-panel__button-container {
  border-left: none;
}

.chart-panel__button {
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  border-radius: 0;
}

.chart-panel__icon {
  position: absolute;
}

.chart-panel__button-text-container {
  display: inline-block;
  margin-left: 40px;
}

.chart-panel__button-label {
  color: #bfebff;
  text-transform: uppercase;
}

.chart-panel__button-value {
  text-transform: none;
  color: white;
  line-height: 1.2em;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.list-selection-builder {
  position: relative;
}

.list-selection-builder__search-box {
  position: relative;
  z-index: 9;
  padding: 0 5px;
}

.is-selecting .list-selection-builder__search-box {
  height: 140px;
}

.is-reviewing .list-selection-builder__search-box {
  height: 47px;
}

@media only screen and (max-width: 479px) {
  .list-selection-builder__filter-button.btn,
  .list-selection-builder__filter-button.chart-panel__button {
    margin-top: 0;
  }
}

.list-selection-builder__tabs-container {
  padding-top: 15px;
}

.list-selection-builder__list-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.is-selecting .list-selection-builder__list-container {
  top: 140px;
}

.is-reviewing .list-selection-builder__list-container {
  top: 47px;
}

.list-selection-builder .nested-list-selection-view,
.list-selection-builder .nested-list-selected-view,
.list-selection-builder .simple-list-selection-view,
.list-selection-builder .simple-list-selected-view {
  padding: 10px 5px;
}

.list-selection-builder .slat--title {
  background-color: #F8F8FA;
  padding-left: 0;
}

.list-selection-builder .badge.badge--option {
  background: #ffdb00;
  color: #332c00;
}

.list-selection-builder .ico-filter {
  font-size: 35px;
  margin-top: 0;
}

/*
 *  When using the list selection builder inside a dialog,
 *  we need to use the full-height variant of it. This way,
 *  we will be able to create the horizontally split screen
 *  with search and list.
 */

.dialog-content--full-height .list-selection-builder__container {
  height: 100%;
}

.dialog-content--full-height .list-selection-builder__container > div {
  height: 100%;
}

.dialog-content--full-height .list-selection-builder__layout,
.dialog-content--full-height .list-selection-builder {
  height: 100%;
}

.dialog-content--full-height .nested-list-selection-view,
.dialog-content--full-height .nested-list-selected-view,
.dialog-content--full-height .simple-list-selection-view,
.dialog-content--full-height .simple-list-selected-view {
  height: 100%;
}

.dialog-content--full-height .nested-list-selection-view.scrollable-pane,
.dialog-content--full-height .nested-list-selected-view.scrollable-pane,
.dialog-content--full-height .simple-list-selection-view.scrollable-pane,
.dialog-content--full-height .simple-list-selected-view.scrollable-pane {
  background-color: #F8F8FA;
  border: 0;
  max-height: none;
  height: 100%;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.list li.list--with-divider-top,
.list li.list--stub-link {
  border-top: 1px solid #D2D6DF;
}

.list li.list--stub,
.list li.list--stub-action,
.list li.list--stub-link {
  text-transform: uppercase;
  text-align: center;
}

.list li.list--stub a,
.list li.list--stub-action a,
.list li.list--stub-link a {
  color: white;
  background-color: #666A73;
}

.list li.list--stub a:hover,
.list li.list--stub-action a:hover,
.list li.list--stub-link a:hover {
  background-color: #EFF2F5;
}

.list li.list--stub a:active,
.list li.list--stub-action a:active,
.list li.list--stub-link a:active,
.list li.list--stub a:focus,
.list li.list--stub-action a:focus,
.list li.list--stub-link a:focus {
  background-color: #EFF2F5;
}

.list.list--has-separators li,
.list.list--style-nav li {
  border-bottom: 1px solid #D2D6DF;
}

.list.list--has-separators li:last-child,
.list.list--style-nav li:last-child {
  border-bottom: none;
}

.list {
  list-style: none;
  padding: 0;
  font-size: 15px;
  line-height: 1;
}

.list.list--style-nav li a {
  color: #00a1ee;
}

.list.list--style-nav li a:focus,
.list.list--style-nav li a:hover {
  color: #22b8ff;
}

.list.list--style-nav li a:active {
  color: #007fbb;
}

.list.list--style-nav li a.is-disabled,
.list.list--style-nav li a .is-disabled {
  color: #D2D6DF;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.list.list--style-nav li a.is-disabled:hover,
.list.list--style-nav li a .is-disabled:hover {
  color: #D2D6DF;
}

.list.list--style-nav li a.is-disabled:active,
.list.list--style-nav li a .is-disabled:active {
  color: #D2D6DF;
}

.list.list--style-nav li a:focus,
.list.list--style-nav li a:hover {
  background-color: #EFF2F5;
}

.list.list--style-nav li a:after {
  position: absolute;
  right: 20px;
  font-family: "briteicons", "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  content: "\f301";
}

.list li.list--with-divider-top {
  border-top: 1px solid #D2D6DF;
}

.list li.list--with-divider-bottom {
  border-bottom: 1px solid #D2D6DF;
}

.list li.list--stub {
  text-transform: uppercase;
  text-align: center;
}

.list li.list--stub-action a {
  background-color: #00a8f2;
  background-color: #00a8f2;
}

.list li.list--stub-action a:hover,
.list li.list--stub-action a:focus {
  background-color: #00a8f2;
  text-decoration: none;
}

.list li.list--stub-action a:active {
  background-color: #0086c2;
  background-color: rgba(0, 168, 242, 0.8);
  text-decoration: none;
}

.list li.list--stub-link {
  text-transform: none;
  text-align: left;
}

.list li.list--stub-link a:hover,
.list li.list--stub-link a:focus {
  color: white;
  background-color: #00a8f2;
  text-decoration: none;
}

.list li.list--stub-link a:active {
  background-color: #0086c2;
  background-color: rgba(0, 168, 242, 0.8);
  color: white;
  text-decoration: none;
}

.list.list--has-highlight a,
.list.list--has-highlight p {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  color: #45494E;
  cursor: pointer;
  display: block;
}

.list.list--has-highlight a:link,
.list.list--has-highlight a:visited,
.list.list--has-highlight p:link,
.list.list--has-highlight p:visited {
  color: #45494E;
}

.list.list--has-highlight a:hover,
.list.list--has-highlight a:focus,
.list.list--has-highlight p:hover,
.list.list--has-highlight p:focus {
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  background-color: #fcfcfd;
  color: #45494E;
  outline: none;
}

.list.list--has-highlight a:hover .ico-arrow-right,
.list.list--has-highlight a:focus .ico-arrow-right,
.list.list--has-highlight p:hover .ico-arrow-right,
.list.list--has-highlight p:focus .ico-arrow-right {
  color: #45494E;
}

.list.list--has-highlight a:active,
.list.list--has-highlight p:active {
  background-color: #00a8f2;
  color: white;
  outline: none;
}

.list.list--has-highlight a:active .ico-arrow-right,
.list.list--has-highlight p:active .ico-arrow-right {
  color: white;
}

.list.list--has-highlight a:hover,
.list.list--has-highlight p:hover {
  background-color: #EFF2F5;
}

.list.list--has-highlight a:active,
.list.list--has-highlight a:focus,
.list.list--has-highlight p:active,
.list.list--has-highlight p:focus {
  background-color: #00a8f2;
}

.list.list--has-highlight:active i,
.list.list--has-highlight:focus i {
  color: white;
}

.list ul {
  margin-left: 13px;
}

.list ul li {
  border-top: none;
}

.list li {
  position: relative;
}

.list i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 8px;
  right: 21px;
  font-size: 22px;
}

.list i + a,
.list i + p {
  margin-right: 50px;
}

.list a,
.list p {
  position: relative;
  padding: 10px 10px 10px 20px;
  margin: 0;
  line-height: 22px;
  display: block;
  color: #666A73;
}

.list a:hover,
.list a:active,
.list a:focus,
.list p:hover,
.list p:active,
.list p:focus {
  text-decoration: none;
}

.list--divider,
.ui-autocomplete-category {
  background-color: #EFF2F5;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 10px 5px 10px;
  margin: 0;
  border-bottom: 1px solid #D2D6DF;
}

@media only screen and (max-width: 799px) {
  .list-stack .list--has-separators li:last-child {
    border-bottom: 1px solid #D2D6DF;
  }

  .list-stack .list-stack--item:last-child li:last-child {
    border-bottom: none;
  }
}

.autocomplete-component {
  position: relative;
  overflow: visible;
}

.ui-autocomplete {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 100 !important;
  font-size: 20px;
  position: absolute;
  cursor: default;
  border-radius: 0;
  width: 100% !important;
  left: 0 !important;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-autocomplete-input.ui-autocomplete-loading {
  background: url("../../../images/event_page/loading/autocomplete.gif") 97% center no-repeat;
}

.ui-menu {
  padding-left: 0;
  list-style: none;
}

.ui-menu-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
  border-top: 0;
  border-radius: 0;
  display: block;
  cursor: pointer;
}

.ui-menu-item a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
  font-weight: 400;
  display: block;
  padding: 10px 20px;
  color: #45494E;
  text-decoration: none;
}

.ui-menu-item a.ui-state-hover,
.ui-menu-item a.ui-state-focus {
  color: #fff;
  background-color: #00a1ee;
}

.ui-menu-item:hover {
  color: #fff;
  background-color: #00a1ee;
}

.ui-menu-item:first-child,
.ui-menu-item a.ui-state-focus:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-menu-item:last-child,
.ui-menu-item a.ui-state-focus:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.autocomplete-component--location .ico-location {
  color: #D2D6DF;
}

.autocomplete-component--location .ico-location:hover {
  color: #00a8f2;
}

.autocomplete-component--location.powered-by-google .ui-menu-item:last-child {
  border-bottom: #D2D6DF solid 1px;
}

.autocomplete-component--location.powered-by-google .ui-autocomplete {
  background: url("../../../images/icons/powered-by-google-on-white.png") #fff no-repeat bottom right;
  padding-bottom: 20px;
}

.ui-autocomplete__light {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.95);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
  zoom: 1;
  box-shadow: none;
}

.ui-autocomplete__light.noresults .ui-menu-item a {
  color: #ff160f;
}

.ui-autocomplete__light .ui-menu-item {
  border-top: #eeeeee solid 1px;
  background: transparent;
}

.ui-autocomplete__light .ui-menu-item a {
  line-height: 1.2em;
  color: #cccccc;
  font-weight: 600;
  text-transform: uppercase;
}

.ui-autocomplete__light .ui-menu-item a .text-body--significant,
.ui-autocomplete__light .ui-menu-item a .responsive-table th a,
.responsive-table th .ui-autocomplete__light .ui-menu-item a a {
  color: #45494E;
}

.ui-autocomplete__light .ui-menu-item:hover,
.ui-autocomplete__light .ui-menu-item a.ui-state-hover,
.ui-autocomplete__light .ui-menu-item a.ui-state-focus {
  background-color: #eaf8fe;
}

.ui-autocomplete__light.powered_by_google {
  background: url("../../../images/icons/powered-by-google-on-white.png") no-repeat bottom right;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
  padding-bottom: 20px;
}

.ui-autocomplete__light.powered_by_google .ui-menu-item:last-child {
  border-bottom: #eeeeee solid 1px;
}

.autocomplete-component--email-domain {
  color: #cccccc;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.clrfix,
.ie8 .g-group,
.ie8 .g-grid,
.ie8 .overlay-dialog__frame,
.ie8 .g-vertical-group,
.ie8 .dialog-frame-content,
.ie8 .timeline__item,
.ie8 .breakdown__item,
.list-card,
.list-card-v2 {
  zoom: 1;
}

.clrfix:after,
.ie8 .g-group:after,
.ie8 .g-grid:after,
.ie8 .overlay-dialog__frame:after,
.ie8 .g-vertical-group:after,
.ie8 .dialog-frame-content:after,
.ie8 .timeline__item:after,
.ie8 .breakdown__item:after,
.list-card:after,
.list-card-v2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.is-hidden {
  display: none;
}

.is-hidden-animate {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
}

.is-hidden-accessible,
.skip-links,
.ui-helper-hidden-accessible {
  position: absolute;
  left: -999999px;
}

.skip-links:focus {
  background-color: #00a8f2;
  border-bottom-right-radius: 5px;
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 40600;
  padding: 10px 10px;
}

.has-centered-inline-content {
  text-align: center;
}

.has-corner-object {
  position: relative;
}

.is-centered-block {
  margin-left: auto;
  margin-right: auto;
}

.is-truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.disable-touch-feedback {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
  -webkit-user-select: none;
}

.is-bracketed::before {
  content: "(";
}

.is-bracketed::after {
  content: ")";
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.l-media > *,
.list-card > *,
.list-card-v2 .list-card__main > * {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.l-media > *:first-child,
.list-card > *:first-child,
.list-card-v2 .list-card__main > *:first-child {
  float: left;
  margin-right: 10px;
  overflow: visible;
}

.l-media.l-media--right > *:first-child,
.l-media--right.list-card > *:first-child,
.list-card-v2 .l-media--right.list-card__main > *:first-child {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  overflow: visible;
}

.l-media-v-center {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.l-media-v-center__row {
  display: table-row;
}

.l-media-v-center__row > * {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.l-media-v-center__row > *:first-child {
  padding-left: 0;
  vertical-align: middle;
}

.l-media-flexible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.l-media-flexible > * {
  margin-left: 10px;
}

.l-media-flexible *:first-child {
  margin-left: 0;
}

.l-media-flexible__fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: space-between;
}

.l-media-flexible__fixed {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.l-media-flexible__fluid__object {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

body {
  font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 15px;
  color: #45494E;
  letter-spacing: 0.5px;
}

.text-heading-mega,
.hero-image__bottom-title,
.text-mega {
  font-size: 65px;
  line-height: 70px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 45px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-mega,
  .hero-image__bottom-title,
  .text-mega {
    font-size: 35px;
    line-height: 50px;
  }
}

.text-heading-epic,
.text-epic,
.avatar.avatar--flexible .avatar--initials {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 35px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-epic,
  .text-epic,
  .avatar.avatar--flexible .avatar--initials {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-primary,
.modal__heading,
.text-primary {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  color: #282C35;
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .text-heading-primary,
  .modal__heading,
  .text-primary {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-heading-secondary,
.text-secondary {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #282C35;
}

.text-heading-tertiary {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
  font-weight: 400;
}

.text-heading-quaternary {
  color: #666A73;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.heading-secondary-responsive {
  font-size: 15px;
  line-height: 22px;
  color: #282C35;
}

.ie8 .heading-secondary-responsive {
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (min-width: 480px) {
  .heading-secondary-responsive {
    font-size: 20px;
    line-height: 30px;
  }
}

.label-primary,
.responsive-form .responsive-form__label--primary,
.responsive-form label.responsive-form__label--primary,
label.label-primary,
.responsive-form label.responsive-form__label--primary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
}

.label-secondary,
label.label-secondary {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  text-transform: uppercase;
  color: #666A73;
}

.text-body-large,
.timeline__title,
.chart-panel__button-value {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-large {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .text-large {
    font-size: 20px;
    line-height: 30px;
  }
}

.text-body-medium,
.g-cell,
.timeline__content,
.timeline__date,
.timeline__indicator,
.discount-ticket .discount-ticket-name,
.discount-ticket .discount-ticket-price,
.original-ticket-price,
.list-person__name {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.text-default,
.modal__body,
.slat__primary-text {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.text-body-small,
.timeline__description,
.responsive-table th a,
.tooltip,
.ticket-box__tax-fee,
.slat__action,
.slat__action--stacked,
.chart-panel__button-label,
.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-small,
.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text,
.list-person ul p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.text-xsmall {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
}

.text-body--understated,
.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role,
.text-understated {
  font-weight: 400;
}

.text-body--faint,
.timeline__description,
.timeline__date-context,
.timeline__date,
.list-attendee__role {
  color: #666A73;
}

.text-body--significant,
.responsive-table th a,
.text-significant,
.heading-secondary-responsive {
  font-weight: 600;
}

.text-heading--understated {
  font-weight: 400;
}

.text-heading--emphasized {
  color: white;
}

.text-stressed {
  color: #282C35;
  text-transform: uppercase;
  font-weight: 600;
}

.text-light {
  font-weight: 200;
}

.text-detail,
.slat__secondary-text,
.slat--no-action:hover .slat__secondary-text,
.slat--no-action:active .slat__secondary-text,
.slat--no-action .slat__secondary-text {
  color: #666A73;
}

.text-error {
  color: #ff0044;
}

.text--truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text--truncated-two-line {
  display: -webkit-box;
  max-height: 42px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.text--truncated-two-line.text-heading-epic {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-primary,
.text--truncated-two-line.modal__heading {
  display: -webkit-box;
  max-height: 100px;
  line-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line.text-heading-secondary {
  display: -webkit-box;
  max-height: 60px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  display: inherit;
}

.text--truncated-two-line__truncation {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, white 30%);
  position: absolute;
  right: 0;
  padding-left: 10px;
}

.text-heading-epic .text--truncated-two-line__truncation {
  top: 45px;
  height: 50px;
}

.text-heading-primary .text--truncated-two-line__truncation,
.modal__heading .text--truncated-two-line__truncation {
  top: 35px;
  height: 50px;
}

.text-heading-secondary .text--truncated-two-line__truncation {
  top: 20px;
  height: 30px;
}

.text--truncated-two-line__truncation:before {
  content: '\2026';
}

.text--separated {
  margin-left: 10px;
}

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

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

.text--normal {
  text-align: left;
}

.high-visibility-alert {
  color: #f6682F;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.image--small {
  width: 50px;
  height: auto;
}

.image--medium {
  width: 80px;
  height: auto;
}

.image--circle,
.avatar,
.avatar img,
.poster-card .poster-card__header .poster-card__friends span {
  border-radius: 50%;
}

.image-container {
  display: inline-block;
}

.image-container img {
  display: block;
}

.image-container--square {
  overflow: hidden;
}

.image-container--square.image--small {
  height: 50px;
}

.event-card__image {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: hidden;
  text-align: center;
  width: 190px;
  height: 95px;
}

.event-card__image img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.event-card__date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #45494E;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.event-card__title {
  display: -webkit-box;
  max-height: 40px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  color: #282C35;
  font-size: 15px;
  line-height: 20px;
  max-height: 40px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
}

/* For Demo */

.event-cards-container {
  background-color: #F8F8FA;
}

.list-card {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block;
  padding: 10px;
}

.list-card:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.list-card a:focus,
.list-card a:hover {
  color: initial;
  text-decoration: none;
}

.list-card .list-card__header {
  position: relative;
  margin-right: 15px;
}

@media only screen and (max-width: 479px) {
  .list-card .list-card__header {
    margin-right: 10px;
  }
}

.list-card .list-card__header .list-card__image {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: hidden;
  text-align: center;
  width: 190px;
  height: 95px;
}

.list-card .list-card__header .list-card__image img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

@media only screen and (max-width: 479px) {
  .list-card .list-card__header .list-card__image {
    width: 130px;
    height: 65px;
  }
}

.list-card .list-card__header .list-card__label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  box-sizing: border-box;
  padding: 2px 10px;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  display: block;
  width: 190px;
}

@media only screen and (max-width: 479px) {
  .list-card .list-card__header .list-card__label {
    width: 130px;
  }
}

.list-card .list-card__body {
  position: relative;
}

.list-card .list-card__body .list-card__date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #45494E;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 20px 0 0;
}

@media only screen and (max-width: 479px) {
  .list-card .list-card__body .list-card__date {
    padding-top: 0;
  }
}

.list-card .list-card__body .list-card__title {
  display: -webkit-box;
  max-height: 40px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  color: #282C35;
  font-size: 15px;
  line-height: 20px;
  max-height: 40px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
  height: 40px;
  margin-bottom: 10px;
}

.list-card .list-card__body .list-card__organizer,
.list-card .list-card__body .list-card__venue {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666A73;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}

.list-card-v2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block;
}

.list-card-v2:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.list-card-v2 a:focus,
.list-card-v2 a:hover {
  color: initial;
  text-decoration: none;
}

.list-card-v2 .list-card__main {
  display: block;
  padding: 0;
}

.list-card-v2 .list-card__main > *:first-child {
  margin-right: 0;
}

.list-card-v2 .list-card__main:focus .list-card__title {
  text-decoration: underline;
}

.list-card-v2 .list-card__header {
  position: relative;
  width: 200px;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__header {
    width: 150px;
  }
}

.list-card-v2 .list-card__image {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: hidden;
  text-align: center;
  height: 100px;
}

.list-card-v2 .list-card__image img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__image {
    height: 75px;
  }
}

.list-card-v2 .list-card__label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  box-sizing: border-box;
  padding: 2px 10px;
  background-color: #eff2f5;
  background-color: #EFF2F5;
  display: block;
  height: 37px;
  line-height: 37px;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__label {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
  }
}

.list-card-v2 .list-card__body {
  height: 100px;
  padding: 0 20px;
  border-bottom: 1px solid #EFF2F5;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__body {
    height: 99px;
    padding: 0 10px;
  }
}

.list-card-v2 .list-card__date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #45494E;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px 0 0;
}

.list-card-v2 .list-card__title {
  display: -webkit-box;
  max-height: 40px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  color: #282C35;
  font-size: 15px;
  line-height: 20px;
  max-height: 40px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
  height: 40px;
  margin-bottom: 2px;
}

.list-card-v2 .list-card__organizer,
.list-card-v2 .list-card__venue {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666A73;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}

.list-card-v2 .list-card__footer {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding-right: 72px;
}

.list-card-v2 .list-card__footer i {
  line-height: 34px;
}

.list-card-v2 .list-card__signals {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 20px;
}

.list-card-v2 .list-card__signals .urgency-signal {
  font-size: 12px;
  margin-right: 10px;
  text-transform: capitalize;
  vertical-align: 4px;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__signals {
    padding-left: 10px;
  }
}

.list-card-v2 .list-card__tags {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 20px;
}

.list-card-v2 .list-card__tags a {
  color: #45494E;
  font-size: 12px;
  margin-right: 10px;
  text-transform: capitalize;
}

@media only screen and (max-width: 479px) {
  .list-card-v2 .list-card__tags {
    padding-left: 10px;
  }
}

.list-card-v2 .list-card__actions {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  line-height: 34px;
}

.list-card-v2 .list-card__actions a,
.list-card-v2 .list-card__actions span {
  display: inline-block;
  color: #666A73;
  font-size: 20px;
  width: 36px;
  height: 36px;
  border-left: 1px solid #EFF2F5;
  box-sizing: border-box;
  text-align: center;
}

.list-card-v2 .list-card__actions a .ico-bookmarked,
.list-card-v2 .list-card__actions span .ico-bookmarked {
  color: #00a8f2;
}

.list-card-v2 .list-card__actions a:hover,
.list-card-v2 .list-card__actions span:hover {
  color: #00a8f2;
}

.list-card-v2 .list-card__actions a:hover .ico-bookmarked,
.list-card-v2 .list-card__actions span:hover .ico-bookmarked {
  color: #26bdff;
}

.list-card-v2 .list-card__actions a.is-hidden,
.list-card-v2 .list-card__actions span.is-hidden {
  display: none;
}

.list-card-v2 .list-card__actions i {
  position: relative;
  left: 1px;
}

.poster-card {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0, 0.2, 0.4, 1);
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block;
}

.poster-card:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.poster-card a:focus,
.poster-card a:hover {
  color: initial;
  text-decoration: none;
}

.poster-card .poster-card__main {
  display: block;
}

.poster-card .poster-card__main:focus .poster-card__title {
  text-decoration: underline;
}

.poster-card .poster-card__header {
  position: relative;
  line-height: 0;
}

.poster-card .poster-card__header:before {
  display: block;
  content: "\00A0";
  width: 100%;
  padding-top: 50%;
}

.poster-card .poster-card__header:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  display: block;
  content: "\00A0";
  width: 100%;
  background: #EFF2F5;
}

.poster-card .poster-card__header .poster-card__image {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.poster-card .poster-card__header .poster-card__image img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.poster-card .poster-card__header .poster-card__friends {
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 25px 15px 10px;
}

.poster-card .poster-card__header .poster-card__friends span {
  overflow: hidden;
  border: 1px solid white;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  box-sizing: border-box;
  color: white;
  vertical-align: top;
}

.poster-card .poster-card__header .poster-card__friends span img {
  max-width: 100%;
  max-height: 100%;
}

.poster-card .poster-card__header .poster-card__label {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  color: #282C35;
  box-sizing: border-box;
  padding: 2px 10px;
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
}

.poster-card .poster-card__body {
  padding: 5px 15px;
}

.poster-card .poster-card__body .poster-card__date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #45494E;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 0 0 0;
}

.poster-card .poster-card__body .poster-card__title {
  display: -webkit-box;
  max-height: 38px;
  line-height: 19px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  color: #282C35;
  font-size: 15px;
  line-height: 19px;
  max-height: 38px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
  height: 38px;
}

.poster-card .poster-card__body .poster-card__venue {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #666A73;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  padding: 5px 0 0 0;
}

.poster-card .poster-card__footer {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-right: 80px;
  border-top: 1px solid #EFF2F5;
  padding-left: 15px;
}

.poster-card .poster-card__footer .poster-card__tags {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.poster-card .poster-card__footer .poster-card__tags a {
  color: #45494E;
  font-size: 12px;
  margin-right: 10px;
  text-transform: capitalize;
}

.poster-card .poster-card__footer .poster-card__signals {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.poster-card .poster-card__footer .poster-card__signals .urgency-signal {
  font-size: 12px;
  margin-right: 10px;
  text-transform: capitalize;
  vertical-align: 4px;
}

.poster-card .poster-card__footer .poster-card__actions {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  line-height: 38px;
}

.poster-card .poster-card__footer .poster-card__actions a,
.poster-card .poster-card__footer .poster-card__actions span {
  display: inline-block;
  color: #666A73;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-left: 1px solid #EFF2F5;
  box-sizing: border-box;
  text-align: center;
}

.poster-card .poster-card__footer .poster-card__actions a .ico-bookmarked,
.poster-card .poster-card__footer .poster-card__actions span .ico-bookmarked {
  color: #00a8f2;
}

.poster-card .poster-card__footer .poster-card__actions a:hover,
.poster-card .poster-card__footer .poster-card__actions span:hover {
  color: #00a8f2;
}

.poster-card .poster-card__footer .poster-card__actions a:hover .ico-bookmarked,
.poster-card .poster-card__footer .poster-card__actions span:hover .ico-bookmarked {
  color: #26bdff;
}

.poster-card .poster-card__footer .poster-card__actions a.is-hidden,
.poster-card .poster-card__footer .poster-card__actions span.is-hidden {
  display: none;
}

.poster-card .poster-card__footer .poster-card__actions i {
  position: relative;
  left: 1px;
}

.poster-card .poster-card__footer i {
  line-height: 38px;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.list-person ul {
  clear: both;
  margin-top: 20px;
}

@media only screen and (max-width: 479px) {
  .list-person ul {
    text-align: center;
  }
}

.list-person ul p {
  color: rgba(40, 44, 53, 0.45);
  padding: 0;
  margin: 0;
}

.list-person ul ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list-person ul li {
  margin-bottom: 40px;
  text-align: center;
}

.list-person ul li p:first-of-type {
  margin-top: 5px;
}

.list-person .avatar {
  margin: 0 auto 10px auto;
}

.list-attendee {
  margin-bottom: 20px;
  padding-left: 54px;
  cursor: pointer;
}

.list-attendee__name:hover {
  text-decoration: underline;
}

.list-attendee__name,
.list-attendee__role {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  padding-left: 5px;
}

.list-attendee .avatar {
  display: inline-block;
  vertical-align: middle;
  margin-left: -54px;
}

.list-attendee__info-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.listing-order-box__credit-card-list,
.listing-order-box__paypal {
  text-align: center;
}

.listing-order-box__credit-card {
  display: inline-block;
  margin-right: 10px;
}

.ie8 .listing-order-box__credit-card {
  margin-left: 0;
  margin-right: 10px;
}

.listing-order-box__paypal-logo-img,
.listing-order-box__credit-card-img {
  vertical-align: middle;
}

.ie8 .listing-order-box__paypal-logo-img,
.ie8
  .listing-order-box__credit-card-img {
  float: left;
  margin-right: 10px;
}

.listing-order-box__paypal-text {
  color: rgba(40, 44, 53, 0.8);
}

@media only screen and (max-width: 479px) {
  .listing-order-box__paypal-text {
    padding-bottom: 10px;
    font-size: 12px;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

.loading-spinner {
  width: 100%;
}

.loading-spinner > * {
  margin-left: auto;
  margin-right: auto;
}

.loading-indicator {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.loading-indicator .circular {
  -webkit-animation: loading-rotate-circle 2s linear infinite;
  -moz-animation: loading-rotate-circle 2s linear infinite;
  animation: loading-rotate-circle 2s linear infinite;
  position: relative;
}

.loading-indicator .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
  -moz-animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite, loading-color 7.5s ease-in-out infinite;
  stroke-dasharray: 89,200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke: #00a8f2;
}

.loading-indicator--monochrome > .loading-indicator .path,
.loading-indicator.loading-indicator--monochrome .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
  -moz-animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite, loading-white 7.5s ease-in-out infinite;
  stroke: white;
}

.loading-indicator--fallback .loading-indicator--monochrome > .loading-indicator,
.loading-indicator--monochrome > .loading-indicator.loading-indicator--fallback,
.loading-indicator--fallback .loading-indicator.loading-indicator--monochrome,
.loading-indicator.loading-indicator--monochrome.loading-indicator--fallback {
  background-image: url("/images/loader/loader-white.gif");
}

.loading-indicator--fallback .loading-indicator,
.loading-indicator.loading-indicator--fallback {
  background: url("/images/loader/loader-color.gif") no-repeat;
  background-size: 100%;
}

.loading-indicator--fallback .loading-indicator svg,
.loading-indicator.loading-indicator--fallback svg {
  display: none !important;
}

@-webkit-keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-rotate-circle {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

@-moz-keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}

@-webkit-keyframes loading-color {
  0% {
    stroke: #00a8f2;
  }

  100% {
    stroke: #00a8f2;
  }

  30% {
    stroke: #00cc52;
  }

  50% {
    stroke: #ffdb00;
  }

  70% {
    stroke: #f6682F;
  }

  90% {
    stroke: #f20cb6;
  }
}

@-moz-keyframes loading-color {
  0% {
    stroke: #00a8f2;
  }

  100% {
    stroke: #00a8f2;
  }

  30% {
    stroke: #00cc52;
  }

  50% {
    stroke: #ffdb00;
  }

  70% {
    stroke: #f6682F;
  }

  90% {
    stroke: #f20cb6;
  }
}

@keyframes loading-color {
  0% {
    stroke: #00a8f2;
  }

  100% {
    stroke: #00a8f2;
  }

  30% {
    stroke: #00cc52;
  }

  50% {
    stroke: #ffdb00;
  }

  70% {
    stroke: #f6682F;
  }

  90% {
    stroke: #f20cb6;
  }
}

@-webkit-keyframes loading-white {
  100% {
    stroke: white !important;
  }
}

@-moz-keyframes loading-white {
  100% {
    stroke: white !important;
  }
}

@keyframes loading-white {
  100% {
    stroke: white !important;
  }
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.camera-controls {
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  color: #00a8f2;
}

.camera-controls input[type="range"].form__range {
  position: relative;
  right: 2px;
  margin-top: 32px;
  width: 55px !important;
}

.camera-controls__group {
  position: relative;
  border-radius: 3px;
  background-color: #ffffff;
  width: 60px;
  box-shadow: 0px 2px 0px rgba(200, 200, 200, 0.1);
  margin-top: 5px;
}

.camera-controls__group:first-child {
  margin-top: 0;
}

.camera-controls__pan-right {
  background-image: -webkit-linear-gradient(left, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: -2px 0px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent;
}

.camera-controls__pan-left {
  background-image: -webkit-linear-gradient(right, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 2px 0px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent;
}

.camera-controls__pan-up {
  background-image: -webkit-linear-gradient(bottom, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to top, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px 2px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent;
}

.camera-controls__pan-down {
  background-image: -webkit-linear-gradient(top, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(to bottom, white 0%, white 50%, rgba(255, 255, 255, 0.4) 100%);
  box-shadow: 0px -2px 3px rgba(200, 200, 200, 0.3);
  background-color: transparent;
}

.camera-controls__pan {
  position: relative;
  height: 60px;
}

.camera-controls__pan i {
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
}

.camera-controls__pan i:hover {
  color: #333;
}

.camera-controls__pan i[class$="up"] {
  position: absolute;
  top: 5px;
  right: 50%;
  margin-right: -8px;
}

.camera-controls__pan i[class$="down"] {
  position: absolute;
  bottom: 5px;
  right: 50%;
  margin-right: -8px;
}

.camera-controls__pan i[class$="left"] {
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -10px;
}

.camera-controls__pan i[class$="right"] {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -10px;
}

.camera-controls__zoom {
  font-size: 1.2em;
  text-align: center;
  padding: 5px 0;
  height: 100px;
}

.camera-controls__zoom .ico-plus,
.camera-controls__zoom .ico-minus {
  font-weight: 700;
}

.camera-controls__zoom .camera-controls__zoom__out {
  position: absolute;
  bottom: 0;
  left: 23px;
}

.camera-controls__zoom div {
  cursor: pointer;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.ui-multiselect {
  border: 1px solid #D2D6DF;
  border-radius: 3px;
  font-size: 20px;
}

.ui-multiselect-menu {
  padding: 0;
  border: 1px solid #D2D6DF;
  background: #fff;
}

.ui-multiselect-checkboxes li {
  padding: 5px 10px;
  border-top: 1px solid #D2D6DF;
  font-size: 15px;
}

.ui-multiselect-checkboxes li input[type="checkbox"] {
  margin-right: 5px;
}

.ui-multiselect-checkboxes li:first-child {
  border-top: 0;
}

.ui-multiselect-checkboxes li:hover {
  cursor: pointer;
  background: #00a1ee;
  color: #fff;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

html,
body,
.container {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.layout-inline > * {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.layout-container-full-height {
  min-height: 100%;
  height: auto !important;
}

.layout-constrained {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.layout-body {
  padding: 36px 0 134px 0;
}

.layout-body-no-header-footer {
  padding: 20px 0 0 0;
}

.layout-main-content {
  width: 658px;
  float: left;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: white;
}

.layout-sidebar {
  width: 300px;
  float: right;
}

.layout-sidebar > *:first-child {
  margin-top: 0;
}

.layout-sidebar > .pod img {
  max-width: 218px;
  height: auto;
}

.layout-two-column-list {
  width: 100%;
  margin: 0;
  padding: 0;
}

.layout-two-column-list li {
  list-style: none;
  width: 49.5%;
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
}

.layout-two-column-list * {
  vertical-align: middle;
}

.layout-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.layout-overlay--visible {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  background: #ffffff;
  border-radius: inherit;
}

/***************************************/

/********** Deprecated styles **********/

/***************************************/

.hide,
.hidden,
.hide_me {
  display: none;
}

.clear_both {
  clear: both;
}

.clear_left {
  clear: left;
}

.l-block-7 {
  margin-top: 35px;
}

.l-block-8 {
  margin-top: 40px;
}

.l-block-9 {
  margin-top: 45px;
}

.l-block-10 {
  margin-top: 50px;
}

/* ============== Browser Support ============== */

/* ================== Colors ================== */

/* ================ Typography ================= */

/* ============ Heights and Widths ============= */

/* ========== Responsive breakpoints =========== */

/* ================= Elevations ================ */

/* ================= Animations ================ */

/* =================== Icons =================== */

/* ============== Module specific ============== */

/* ============== Accordion ============== */

/* ============== Avatar ============== */

/* ============== Badge ============== */

/* ============== Button ============== */

/* ============== Card ============== */

/* ============== Event Cards ============== */

/* ============== Form ============== */

/* ============== Overlay ============== */

/* ============== Reports ============== */

/* ============== Responsive Form ============== */

/* ============== Segmented Control ============== */

/* ============== Ticket Types ============== */

/* ============== Toggle / Switch ============== */

/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */

/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */

/* XXX: test in browsers */

/* ratio is the height divided by width in percentage form */

.form--labels-narrow .form__row--label-column,
.form .form__row--label-column,
.form--labels-narrow .form__footer,
.form .form__footer {
  padding-left: 120px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-narrow .form__row--label-column,
  .is-responsive .form .form__row--label-column,
  .is-responsive
    .form--labels-narrow .form__footer,
  .is-responsive .form .form__footer {
    padding-left: 0;
  }
}

.form--labels-narrow .form__row--label-column .form__label--column,
.form .form__row--label-column .form__label--column {
  margin-left: -121px;
  width: 100px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-narrow .form__row--label-column .form__label--column,
  .is-responsive .form .form__row--label-column .form__label--column {
    width: 100%;
    margin-left: 0;
    padding-bottom: 5px;
  }
}

.form--labels-medium .form__row--label-column,
.form--labels-medium .form__footer {
  padding-left: 160px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-medium .form__row--label-column,
  .is-responsive
    .form--labels-medium .form__footer {
    padding-left: 0;
  }
}

.form--labels-medium .form__row--label-column .form__label--column {
  width: 140px;
  margin-left: -161px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-medium .form__row--label-column .form__label--column {
    width: 100%;
    margin-left: 0;
    padding-bottom: 5px;
  }
}

.form--labels-wide .form__row--label-column,
.form--labels-wide .form__footer {
  padding-left: 240px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-wide .form__row--label-column,
  .is-responsive
    .form--labels-wide .form__footer {
    padding-left: 0;
  }
}

.form--labels-wide .form__row--label-column .form__label--column {
  width: 220px;
  margin-left: -241px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form--labels-wide .form__row--label-column .form__label--column {
    width: 100%;
    margin-left: 0;
  }
}

.form {
  width: 100%;
}

.form .form__label--column,
.form .form__footer {
  margin-right: 19px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form .form__label--column,
  .is-responsive
      .form .form__footer {
    font-weight: 400;
    text-align: left;
  }
}

.form .form__group {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: top;
}

.form.form--stacked {
  padding-left: 0;
}

.form.form--stacked .form__label--column,
.form.form--stacked .form__footer {
  display: block;
  width: 100%;
  text-align: left;
}

.form.form--stacked .form__row .btn:first-child,
.form.form--stacked .form__row .chart-panel__button:first-child {
  margin-left: 0;
}

.form__row {
  vertical-align: middle;
  position: relative;
}

.form__row.form__row--indented {
  margin-left: 30px;
}

.form__label--hidden {
  position: absolute;
  left: -999999px;
}

.responsive-form input[type="color"]:focus,
.responsive-form input[type="date"]:focus,
.responsive-form input[type="datetime"]:focus,
.responsive-form input[type="datetime-local"]:focus,
.responsive-form input[type="email"]:focus,
.responsive-form input[type="month"]:focus,
.responsive-form input[type="number"]:focus,
.responsive-form input[type="password"]:focus,
.responsive-form input[type="range"]:focus,
.responsive-form input[type="search"]:focus,
.responsive-form input[type="tel"]:focus,
.responsive-form input[type="time"]:focus,
.responsive-form input[type="text"]:focus,
.responsive-form input[type="url"]:focus,
.responsive-form input[type="week"]:focus,
.responsive-form textarea:focus,
.responsive-form [contenteditable="true"]:focus,
.responsive-form input[type="color"].has-form-input-error:focus,
.responsive-form input[type="date"].has-form-input-error:focus,
.responsive-form input[type="datetime"].has-form-input-error:focus,
.responsive-form input[type="datetime-local"].has-form-input-error:focus,
.responsive-form input[type="email"].has-form-input-error:focus,
.responsive-form input[type="month"].has-form-input-error:focus,
.responsive-form input[type="number"].has-form-input-error:focus,
.responsive-form input[type="password"].has-form-input-error:focus,
.responsive-form input[type="range"].has-form-input-error:focus,
.responsive-form input[type="search"].has-form-input-error:focus,
.responsive-form input[type="tel"].has-form-input-error:focus,
.responsive-form input[type="time"].has-form-input-error:focus,
.responsive-form input[type="text"].has-form-input-error:focus,
.responsive-form input[type="url"].has-form-input-error:focus,
.responsive-form input[type="week"].has-form-input-error:focus,
.responsive-form .responsive-form__select.has-form-input-error:focus,
.responsive-form select.has-form-input-error:focus,
.responsive-form textarea.has-form-input-error:focus,
.responsive-form__select:active,
.responsive-form__select:focus,
.responsive-form__select.responsive-form__select--focus,
.scrollable-pane:focus,
.form input[type="color"]:focus,
.form input[type="date"]:focus,
.form input[type="datetime"]:focus,
.form input[type="datetime-local"]:focus,
.form input[type="email"]:focus,
.form input[type="month"]:focus,
.form input[type="number"]:focus,
.form input[type="password"]:focus,
.form input[type="range"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="time"]:focus,
.form input[type="text"]:focus,
.form input[type="url"]:focus,
.form input[type="week"]:focus,
.form .form__input:focus,
.form textarea:focus,
.form [contenteditable="true"]:focus,
.form input[type="color"].has-form-input-error:focus,
.form input[type="date"].has-form-input-error:focus,
.form input[type="datetime"].has-form-input-error:focus,
.form input[type="datetime-local"].has-form-input-error:focus,
.form input[type="email"].has-form-input-error:focus,
.form input[type="month"].has-form-input-error:focus,
.form input[type="number"].has-form-input-error:focus,
.form input[type="password"].has-form-input-error:focus,
.form input[type="range"].has-form-input-error:focus,
.form input[type="search"].has-form-input-error:focus,
.form input[type="tel"].has-form-input-error:focus,
.form input[type="time"].has-form-input-error:focus,
.form input[type="text"].has-form-input-error:focus,
.form input[type="url"].has-form-input-error:focus,
.form input[type="week"].has-form-input-error:focus,
.form .form__input.has-form-input-error:focus,
.form .form__select.has-form-input-error:focus,
.form .responsive-form__select.has-form-input-error:focus,
.form select.has-form-input-error:focus,
.form textarea.has-form-input-error:focus,
.form__select:active {
  outline: none;
  border: 1px solid #00a8f2;
}

.form input[type="color"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="email"],
.form input[type="month"],
.form input[type="number"],
.form input[type="password"],
.form input[type="range"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="time"],
.form input[type="text"],
.form input[type="url"],
.form input[type="week"],
.form .form__input,
.form textarea,
.form [contenteditable="true"] {
  vertical-align: middle;
  border: 1px #D2D6DF solid;
  background: white;
  border-radius: 3px;
  color: #45494E;
  width: 90%;
  padding: 0 12px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form input[type="color"],
  .is-responsive .form input[type="date"],
  .is-responsive .form input[type="datetime"],
  .is-responsive .form input[type="datetime-local"],
  .is-responsive .form input[type="email"],
  .is-responsive .form input[type="month"],
  .is-responsive .form input[type="number"],
  .is-responsive .form input[type="password"],
  .is-responsive .form input[type="range"],
  .is-responsive .form input[type="search"],
  .is-responsive .form input[type="tel"],
  .is-responsive .form input[type="time"],
  .is-responsive .form input[type="text"],
  .is-responsive .form input[type="url"],
  .is-responsive .form input[type="week"],
  .is-responsive .form .form__input,
  .is-responsive
    .form textarea,
  .is-responsive
    .form [contenteditable="true"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .is-responsive .form input[type="checkbox"],
  .is-responsive
  .form input[type="radio"] {
    width: auto;
  }
}

.form label,
.form .form__label {
  vertical-align: middle;
  font-size: 15px;
  color: #282C35;
}

.form .form__label--emphasized {
  font-weight: 400;
}

.form textarea {
  height: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.form input[type="checkbox"],
.form input[type="radio"],
.form input[type="submit"] {
  width: auto;
  vertical-align: middle;
}

.form input[type="color"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="email"],
.form input[type="month"],
.form input[type="number"],
.form input[type="password"],
.form input[type="range"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="time"],
.form input[type="text"],
.form input[type="url"],
.form input[type="week"],
.form .form__input {
  height: 35px;
}

.form input[type="color"].form__input--xxshort,
.form input[type="date"].form__input--xxshort,
.form input[type="datetime"].form__input--xxshort,
.form input[type="datetime-local"].form__input--xxshort,
.form input[type="email"].form__input--xxshort,
.form input[type="month"].form__input--xxshort,
.form input[type="number"].form__input--xxshort,
.form input[type="password"].form__input--xxshort,
.form input[type="range"].form__input--xxshort,
.form input[type="search"].form__input--xxshort,
.form input[type="tel"].form__input--xxshort,
.form input[type="time"].form__input--xxshort,
.form input[type="text"].form__input--xxshort,
.form input[type="url"].form__input--xxshort,
.form input[type="week"].form__input--xxshort,
.form .form__input.form__input--xxshort,
.form .form__select.form__input--xxshort,
.form .responsive-form__select.form__input--xxshort,
.form select.form__input--xxshort,
.form textarea.form__input--xxshort {
  width: 60px;
}

.form input[type="color"].form__input--xshort,
.form input[type="date"].form__input--xshort,
.form input[type="datetime"].form__input--xshort,
.form input[type="datetime-local"].form__input--xshort,
.form input[type="email"].form__input--xshort,
.form input[type="month"].form__input--xshort,
.form input[type="number"].form__input--xshort,
.form input[type="password"].form__input--xshort,
.form input[type="range"].form__input--xshort,
.form input[type="search"].form__input--xshort,
.form input[type="tel"].form__input--xshort,
.form input[type="time"].form__input--xshort,
.form input[type="text"].form__input--xshort,
.form input[type="url"].form__input--xshort,
.form input[type="week"].form__input--xshort,
.form .form__input.form__input--xshort,
.form .form__select.form__input--xshort,
.form .responsive-form__select.form__input--xshort,
.form select.form__input--xshort,
.form textarea.form__input--xshort {
  width: 90px;
}

.form input[type="color"].form__input--short,
.form input[type="date"].form__input--short,
.form input[type="datetime"].form__input--short,
.form input[type="datetime-local"].form__input--short,
.form input[type="email"].form__input--short,
.form input[type="month"].form__input--short,
.form input[type="number"].form__input--short,
.form input[type="password"].form__input--short,
.form input[type="range"].form__input--short,
.form input[type="search"].form__input--short,
.form input[type="tel"].form__input--short,
.form input[type="time"].form__input--short,
.form input[type="text"].form__input--short,
.form input[type="url"].form__input--short,
.form input[type="week"].form__input--short,
.form .form__input.form__input--short,
.form .form__select.form__input--short,
.form .responsive-form__select.form__input--short,
.form select.form__input--short,
.form textarea.form__input--short {
  width: 160px;
}

.form input[type="color"].form__input--medium,
.form input[type="date"].form__input--medium,
.form input[type="datetime"].form__input--medium,
.form input[type="datetime-local"].form__input--medium,
.form input[type="email"].form__input--medium,
.form input[type="month"].form__input--medium,
.form input[type="number"].form__input--medium,
.form input[type="password"].form__input--medium,
.form input[type="range"].form__input--medium,
.form input[type="search"].form__input--medium,
.form input[type="tel"].form__input--medium,
.form input[type="time"].form__input--medium,
.form input[type="text"].form__input--medium,
.form input[type="url"].form__input--medium,
.form input[type="week"].form__input--medium,
.form .form__input.form__input--medium,
.form .form__select.form__input--medium,
.form .responsive-form__select.form__input--medium,
.form select.form__input--medium,
.form textarea.form__input--medium {
  width: 220px;
}

.form input[type="color"].form__input--long,
.form input[type="date"].form__input--long,
.form input[type="datetime"].form__input--long,
.form input[type="datetime-local"].form__input--long,
.form input[type="email"].form__input--long,
.form input[type="month"].form__input--long,
.form input[type="number"].form__input--long,
.form input[type="password"].form__input--long,
.form input[type="range"].form__input--long,
.form input[type="search"].form__input--long,
.form input[type="tel"].form__input--long,
.form input[type="time"].form__input--long,
.form input[type="text"].form__input--long,
.form input[type="url"].form__input--long,
.form input[type="week"].form__input--long,
.form .form__input.form__input--long,
.form .form__select.form__input--long,
.form .responsive-form__select.form__input--long,
.form select.form__input--long,
.form textarea.form__input--long {
  width: 320px;
}

.form input[type="color"].form__input--xlong,
.form input[type="date"].form__input--xlong,
.form input[type="datetime"].form__input--xlong,
.form input[type="datetime-local"].form__input--xlong,
.form input[type="email"].form__input--xlong,
.form input[type="month"].form__input--xlong,
.form input[type="number"].form__input--xlong,
.form input[type="password"].form__input--xlong,
.form input[type="range"].form__input--xlong,
.form input[type="search"].form__input--xlong,
.form input[type="tel"].form__input--xlong,
.form input[type="time"].form__input--xlong,
.form input[type="text"].form__input--xlong,
.form input[type="url"].form__input--xlong,
.form input[type="week"].form__input--xlong,
.form .form__input.form__input--xlong,
.form .form__select.form__input--xlong,
.form .responsive-form__select.form__input--xlong,
.form select.form__input--xlong,
.form textarea.form__input--xlong {
  width: 440px;
}

.form input[type="color"].form__input--full-width,
.form input[type="date"].form__input--full-width,
.form input[type="datetime"].form__input--full-width,
.form input[type="datetime-local"].form__input--full-width,
.form input[type="email"].form__input--full-width,
.form input[type="month"].form__input--full-width,
.form input[type="number"].form__input--full-width,
.form input[type="password"].form__input--full-width,
.form input[type="range"].form__input--full-width,
.form input[type="search"].form__input--full-width,
.form input[type="tel"].form__input--full-width,
.form input[type="time"].form__input--full-width,
.form input[type="text"].form__input--full-width,
.form input[type="url"].form__input--full-width,
.form input[type="week"].form__input--full-width,
.form .form__input.form__input--full-width,
.form .form__select.form__input--full-width,
.form .responsive-form__select.form__input--full-width,
.form select.form__input--full-width,
.form textarea.form__input--full-width {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.form input[type="color"].form__input--vertical-short,
.form input[type="date"].form__input--vertical-short,
.form input[type="datetime"].form__input--vertical-short,
.form input[type="datetime-local"].form__input--vertical-short,
.form input[type="email"].form__input--vertical-short,
.form input[type="month"].form__input--vertical-short,
.form input[type="number"].form__input--vertical-short,
.form input[type="password"].form__input--vertical-short,
.form input[type="range"].form__input--vertical-short,
.form input[type="search"].form__input--vertical-short,
.form input[type="tel"].form__input--vertical-short,
.form input[type="time"].form__input--vertical-short,
.form input[type="text"].form__input--vertical-short,
.form input[type="url"].form__input--vertical-short,
.form input[type="week"].form__input--vertical-short,
.form .form__input.form__input--vertical-short,
.form .form__select.form__input--vertical-short,
.form .responsive-form__select.form__input--vertical-short,
.form select.form__input--vertical-short,
.form textarea.form__input--vertical-short {
  height: 50px;
}

.form input[type="color"].has-form-input-error,
.form input[type="date"].has-form-input-error,
.form input[type="datetime"].has-form-input-error,
.form input[type="datetime-local"].has-form-input-error,
.form input[type="email"].has-form-input-error,
.form input[type="month"].has-form-input-error,
.form input[type="number"].has-form-input-error,
.form input[type="password"].has-form-input-error,
.form input[type="range"].has-form-input-error,
.form input[type="search"].has-form-input-error,
.form input[type="tel"].has-form-input-error,
.form input[type="time"].has-form-input-error,
.form input[type="text"].has-form-input-error,
.form input[type="url"].has-form-input-error,
.form input[type="week"].has-form-input-error,
.form .form__input.has-form-input-error,
.form .form__select.has-form-input-error,
.form .responsive-form__select.has-form-input-error,
.form select.has-form-input-error,
.form textarea.has-form-input-error {
  border: 1px #ff0044 solid;
}

.form .form__input--currency {
  position: relative;
  display: inline-block;
}

.form .form__input--currency input[type="color"],
.form .form__input--currency input[type="date"],
.form .form__input--currency input[type="datetime"],
.form .form__input--currency input[type="datetime-local"],
.form .form__input--currency input[type="email"],
.form .form__input--currency input[type="month"],
.form .form__input--currency input[type="number"],
.form .form__input--currency input[type="password"],
.form .form__input--currency input[type="range"],
.form .form__input--currency input[type="search"],
.form .form__input--currency input[type="tel"],
.form .form__input--currency input[type="time"],
.form .form__input--currency input[type="text"],
.form .form__input--currency input[type="url"],
.form .form__input--currency input[type="week"],
.form .form__input--currency .form__input {
  padding: 0 12px 0 22px;
  text-align: right;
  font-size: 16px;
}

@media only screen and (max-width: 600px) {
  .is-responsive .form .form__input--currency input[type="color"],
  .is-responsive .form .form__input--currency input[type="date"],
  .is-responsive .form .form__input--currency input[type="datetime"],
  .is-responsive .form .form__input--currency input[type="datetime-local"],
  .is-responsive .form .form__input--currency input[type="email"],
  .is-responsive .form .form__input--currency input[type="month"],
  .is-responsive .form .form__input--currency input[type="number"],
  .is-responsive .form .form__input--currency input[type="password"],
  .is-responsive .form .form__input--currency input[type="range"],
  .is-responsive .form .form__input--currency input[type="search"],
  .is-responsive .form .form__input--currency input[type="tel"],
  .is-responsive .form .form__input--currency input[type="time"],
  .is-responsive .form .form__input--currency input[type="text"],
  .is-responsive .form .form__input--currency input[type="url"],
  .is-responsive .form .form__input--currency input[type="week"],
  .is-responsive .form .form__input--currency .form__input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
}

.form .form__input--currency input[type="color"].form__input--xxshort,
.form .form__input--currency input[type="date"].form__input--xxshort,
.form .form__input--currency input[type="datetime"].form__input--xxshort,
.form .form__input--currency input[type="datetime-local"].form__input--xxshort,
.form .form__input--currency input[type="email"].form__input--xxshort,
.form .form__input--currency input[type="month"].form__input--xxshort,
.form .form__input--currency input[type="number"].form__input--xxshort,
.form .form__input--currency input[type="password"].form__input--xxshort,
.form .form__input--currency input[type="range"].form__input--xxshort,
.form .form__input--currency input[type="search"].form__input--xxshort,
.form .form__input--currency input[type="tel"].form__input--xxshort,
.form .form__input--currency input[type="time"].form__input--xxshort,
.form .form__input--currency input[type="text"].form__input--xxshort,
.form .form__input--currency input[type="url"].form__input--xxshort,
.form .form__input--currency input[type="week"].form__input--xxshort,
.form .form__input--currency .form__input.form__input--xxshort {
  width: 50px;
}

.form .form__input--currency input[type="color"].form__input--xshort,
.form .form__input--currency input[type="date"].form__input--xshort,
.form .form__input--currency input[type="datetime"].form__input--xshort,
.form .form__input--currency input[type="datetime-local"].form__input--xshort,
.form .form__input--currency input[type="email"].form__input--xshort,
.form .form__input--currency input[type="month"].form__input--xshort,
.form .form__input--currency input[type="number"].form__input--xshort,
.form .form__input--currency input[type="password"].form__input--xshort,
.form .form__input--currency input[type="range"].form__input--xshort,
.form .form__input--currency input[type="search"].form__input--xshort,
.form .form__input--currency input[type="tel"].form__input--xshort,
.form .form__input--currency input[type="time"].form__input--xshort,
.form .form__input--currency input[type="text"].form__input--xshort,
.form .form__input--currency input[type="url"].form__input--xshort,
.form .form__input--currency input[type="week"].form__input--xshort,
.form .form__input--currency .form__input.form__input--xshort {
  width: 70px;
}

.form .form__input--currency input[type="color"].form__input--short,
.form .form__input--currency input[type="date"].form__input--short,
.form .form__input--currency input[type="datetime"].form__input--short,
.form .form__input--currency input[type="datetime-local"].form__input--short,
.form .form__input--currency input[type="email"].form__input--short,
.form .form__input--currency input[type="month"].form__input--short,
.form .form__input--currency input[type="number"].form__input--short,
.form .form__input--currency input[type="password"].form__input--short,
.form .form__input--currency input[type="range"].form__input--short,
.form .form__input--currency input[type="search"].form__input--short,
.form .form__input--currency input[type="tel"].form__input--short,
.form .form__input--currency input[type="time"].form__input--short,
.form .form__input--currency input[type="text"].form__input--short,
.form .form__input--currency input[type="url"].form__input--short,
.form .form__input--currency input[type="week"].form__input--short,
.form .form__input--currency .form__input.form__input--short {
  width: 150px;
}

.form .form__input--currency input[type="color"].form__input--medium,
.form .form__input--currency input[type="date"].form__input--medium,
.form .form__input--currency input[type="datetime"].form__input--medium,
.form .form__input--currency input[type="datetime-local"].form__input--medium,
.form .form__input--currency input[type="email"].form__input--medium,
.form .form__input--currency input[type="month"].form__input--medium,
.form .form__input--currency input[type="number"].form__input--medium,
.form .form__input--currency input[type="password"].form__input--medium,
.form .form__input--currency input[type="range"].form__input--medium,
.form .form__input--currency input[type="search"].form__input--medium,
.form .form__input--currency input[type="tel"].form__input--medium,
.form .form__input--currency input[type="time"].form__input--medium,
.form .form__input--currency input[type="text"].form__input--medium,
.form .form__input--currency input[type="url"].form__input--medium,
.form .form__input--currency input[type="week"].form__input--medium,
.form .form__input--currency .form__input.form__input--medium {
  width: 210px;
}

.form .form__input--currency input[type="color"].form__input--long,
.form .form__input--currency input[type="date"].form__input--long,
.form .form__input--currency input[type="datetime"].form__input--long,
.form .form__input--currency input[type="datetime-local"].form__input--long,
.form .form__input--currency input[type="email"].form__input--long,
.form .form__input--currency input[type="month"].form__input--long,
.form .form__input--currency input[type="number"].form__input--long,
.form .form__input--currency input[type="password"].form__input--long,
.form .form__input--currency input[type="range"].form__input--long,
.form .form__input--currency input[type="search"].form__input--long,
.form .form__input--currency input[type="tel"].form__input--long,
.form .form__input--currency input[type="time"].form__input--long,
.form .form__input--currency input[type="text"].form__input--long,
.form .form__input--currency input[type="url"].form__input--long,
.form .form__input--currency input[type="week"].form__input--long,
.form .form__input--currency .form__input.form__input--long {
  width: 310px;
}

.form .form__input--currency input[type="color"].form__input--xlong,
.form .form__input--currency input[type="date"].form__input--xlong,
.form .form__input--currency input[type="datetime"].form__input--xlong,
.form .form__input--currency input[type="datetime-local"].form__input--xlong,
.form .form__input--currency input[type="email"].form__input--xlong,
.form .form__input--currency input[type="month"].form__input--xlong,
.form .form__input--currency input[type="number"].form__input--xlong,
.form .form__input--currency input[type="password"].form__input--xlong,
.form .form__input--currency input[type="range"].form__input--xlong,
.form .form__input--currency input[type="search"].form__input--xlong,
.form .form__input--currency input[type="tel"].form__input--xlong,
.form .form__input--currency input[type="time"].form__input--xlong,
.form .form__input--currency input[type="text"].form__input--xlong,
.form .form__input--currency input[type="url"].form__input--xlong,
.form .form__input--currency input[type="week"].form__input--xlong,
.form .form__input--currency .form__input.form__input--xlong {
  width: 430px;
}

.form .form__input--currency .form__input--currency__symbol {
  position: absolute;
  left: 10px;
  font-size: 16px;
  top: 50%;
  line-height: 1;
  margin-top: -8px;
}

.form .form__input--currency.form__input--currency--long input[type="color"],
.form .form__input--currency.form__input--currency--long input[type="date"],
.form .form__input--currency.form__input--currency--long input[type="datetime"],
.form .form__input--currency.form__input--currency--long input[type="datetime-local"],
.form .form__input--currency.form__input--currency--long input[type="email"],
.form .form__input--currency.form__input--currency--long input[type="month"],
.form .form__input--currency.form__input--currency--long input[type="number"],
.form .form__input--currency.form__input--currency--long input[type="password"],
.form .form__input--currency.form__input--currency--long input[type="range"],
.form .form__input--currency.form__input--currency--long input[type="search"],
.form .form__input--currency.form__input--currency--long input[type="tel"],
.form .form__input--currency.form__input--currency--long input[type="time"],
.form .form__input--currency.form__input--currency--long input[type="text"],
.form .form__input--currency.form__input--currency--long input[type="url"],
.form .form__input--currency.form__input--currency--long input[type="week"],
.form .form__input--currency.form__input--currency--long .form__input {
  padding-left: 42px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--xxshort,
.form .form__input--currency.form__input--currency--long .form__input.form__input--xxshort {
  width: 30px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--xshort,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--xshort,
.form .form__input--currency.form__input--currency--long .form__input.form__input--xshort {
  width: 50px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--short,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--short,
.form .form__input--currency.form__input--currency--long .form__input.form__input--short {
  width: 130px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--medium,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--medium,
.form .form__input--currency.form__input--currency--long .form__input.form__input--medium {
  width: 190px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--long,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--long,
.form .form__input--currency.form__input--currency--long .form__input.form__input--long {
  width: 290px;
}

.form .form__input--currency.form__input--currency--long input[type="color"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="date"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="datetime"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="datetime-local"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="email"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="month"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="number"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="password"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="range"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="search"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="tel"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="time"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="text"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="url"].form__input--xlong,
.form .form__input--currency.form__input--currency--long input[type="week"].form__input--xlong,
.form .form__input--currency.form__input--currency--long .form__input.form__input--xlong {
  width: 410px;
}

.form .form__input--currency.form__input--currency--suffix input[type="color"],
.form .form__input--currency.form__input--currency--suffix input[type="date"],
.form .form__input--currency.form__input--currency--suffix input[type="datetime"],
.form .form__input--currency.form__input--currency--suffix input[type="datetime-local"],
.form .form__input--currency.form__input--currency--suffix input[type="email"],
.form .form__input--currency.form__input--currency--suffix input[type="month"],
.form .form__input--currency.form__input--currency--suffix input[type="number"],
.form .form__input--currency.form__input--currency--suffix input[type="password"],
.form .form__input--currency.form__input--currency--suffix input[type="range"],
.form .form__input--currency.form__input--currency--suffix input[type="search"],
.form .form__input--currency.form__input--currency--suffix input[type="tel"],
.form .form__input--currency.form__input--currency--suffix input[type="time"],
.form .form__input--currency.form__input--currency--suffix input[type="text"],
.form .form__input--currency.form__input--currency--suffix input[type="url"],
.form .form__input--currency.form__input--currency--suffix input[type="week"],
.form .form__input--currency.form__input--currency--suffix .form__input {
  padding: 0 20px 0 10px;
  text-align: left;
}

.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="color"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="date"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="datetime"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="datetime-local"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="email"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="month"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="number"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="password"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="range"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="search"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="tel"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="time"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="text"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="url"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long input[type="week"],
.form .form__input--currency.form__input--currency--suffix.form__input--currency--long .form__input {
  padding-right: 40px;
}

.form .form__input--currency.form__input--currency--suffix .form__input--currency__symbol {
  left: auto;
  right: 10px;
}

.form__input--icon {
  vertical-align: middle;
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
}

.form__input--icon * {
  margin-left: 0;
  vertical-align: middle;
  display: inline-block;
}

.form__input--icon .form__input--icon__container {
  background-color: #F8F8FA;
  padding: 0 5px;
  border: 1px #D2D6DF solid;
  border-right: none;
  border-radius: 3px 0 0 3px;
  height: 42px;
}

.form__input--icon .form__input--icon__container i {
  font-size: 22px;
  line-height: 32px;
  padding: 5px 5px 7px 5px;
  margin-top: -2px;
  margin-right: 0;
  display: inline-block;
}

.form__input--icon input[type="color"],
.form__input--icon input[type="date"],
.form__input--icon input[type="datetime"],
.form__input--icon input[type="datetime-local"],
.form__input--icon input[type="email"],
.form__input--icon input[type="month"],
.form__input--icon input[type="number"],
.form__input--icon input[type="password"],
.form__input--icon input[type="range"],
.form__input--icon input[type="search"],
.form__input--icon input[type="tel"],
.form__input--icon input[type="time"],
.form__input--icon input[type="text"],
.form__input--icon input[type="url"],
.form__input--icon input[type="week"],
.form__input--icon .form__input {
  border-radius: 0 3px 3px 0;
  width: 90px;
  margin-left: 0;
  font-size: 16px;
  font-weight: 400;
}

.form.form--tall input[type="color"],
.form.form--tall input[type="date"],
.form.form--tall input[type="datetime"],
.form.form--tall input[type="datetime-local"],
.form.form--tall input[type="email"],
.form.form--tall input[type="month"],
.form.form--tall input[type="number"],
.form.form--tall input[type="password"],
.form.form--tall input[type="range"],
.form.form--tall input[type="search"],
.form.form--tall input[type="tel"],
.form.form--tall input[type="time"],
.form.form--tall input[type="text"],
.form.form--tall input[type="url"],
.form.form--tall input[type="week"],
.form.form--tall .form__input {
  height: 42px;
  font-size: 16px;
  font-weight: 400;
}

.form.form--tall textarea {
  font-size: 16px;
  font-weight: 400;
}

.form.form--tall .form__input--icon__container i {
  padding: 7px 5px 9px 5px;
  font-size: 28px;
}

.ie8 .form input[type="color"],
.ie8 .form input[type="date"],
.ie8 .form input[type="datetime"],
.ie8 .form input[type="datetime-local"],
.ie8 .form input[type="email"],
.ie8 .form input[type="month"],
.ie8 .form input[type="number"],
.ie8 .form input[type="password"],
.ie8 .form input[type="range"],
.ie8 .form input[type="search"],
.ie8 .form input[type="tel"],
.ie8 .form input[type="time"],
.ie8 .form input[type="text"],
.ie8 .form input[type="url"],
.ie8 .form input[type="week"],
.ie8 .form .form__input,
.ie8 .form .form__input--ie {
  height: 24px;
  padding-top: 7px;
}

.form__row input,
.form__row select,
.form__row textarea,
.form__row label,
.form__row .form__select,
.form__row .form__input,
.form__row .form__group,
.form__row .form__tip,
.form__footer input,
.form__footer select,
.form__footer textarea,
.form__footer label,
.form__footer .form__select,
.form__footer .form__input,
.form__footer .form__group,
.form__footer .form__tip {
  margin-left: 10px;
}

.form__row input:first-child,
.form__row select:first-child,
.form__row textarea:first-child,
.form__row label:first-child,
.form__row .form__select:first-child,
.form__row .form__input:first-child,
.form__row .form__group:first-child,
.form__row .form__tip:first-child,
.form__footer input:first-child,
.form__footer select:first-child,
.form__footer textarea:first-child,
.form__footer label:first-child,
.form__footer .form__select:first-child,
.form__footer .form__input:first-child,
.form__footer .form__group:first-child,
.form__footer .form__tip:first-child {
  margin-left: 0;
}

.form__row .btn:first-child,
.form__row .chart-panel__button:first-child,
.form__footer .btn:first-child,
.form__footer .chart-panel__button:first-child {
  margin-left: 2px;
}

.form__row input[type="checkbox"] + label,
.form__row input[type="checkbox"] + input,
.form__row input[type="radio"] + label,
.form__row input[type="radio"] + input,
.form__footer input[type="checkbox"] + label,
.form__footer input[type="checkbox"] + input,
.form__footer input[type="radio"] + label,
.form__footer input[type="radio"] + input {
  margin-left: 5px;
  color: #45494E;
}

.form__row .form__label--column + *,
.form__footer .form__label--column + * {
  margin-left: 0;
}

.form__row .form__element--no-indent,
.form__footer .form__element--no-indent {
  margin-left: 0;
}

.form__tip {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  color: #666A73;
  font-size: 12px;
  line-height: 18px;
}

.form__tip.form__tip--long {
  width: 260px;
}

.form__tip.form__tip--short {
  width: 100px;
}

.form__tip.form__tip--medium {
  width: 130px;
}

.form__aside {
  display: inline-block;
  margin: 8px 0 0 0;
  color: #666A73;
  text-shadow: 0px 1px 0px white;
  text-align: left;
  font-size: 15px;
}

.form__required {
  color: #ff0044;
}

.form__field-error {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 18px;
  color: #ff0044;
}

.form__group.form__group--help-text {
  width: 160px;
  color: #D2D6DF;
  height: 1em;
  overflow-y: visible;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.form__group.form__group--help-text:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #282C35;
  position: absolute;
  left: -5px;
  top: 10px;
}

.form__group.form__group--help-text.is-active {
  display: block;
}

.form__group.form__group--help-text .form__group--help-text-container {
  padding: 10px 20px;
  background-color: #282C35;
  border-radius: 5px;
  font-size: 12px;
  line-height: 17px;
}

/*
Select Element

Displays a custom select box. This style requires: custom_select_view.js and the precompile handle
bars bundle named custom_select.js, All you need to do is include the files, and specify
'form__select' in the javascript init function below. Lastly, in IE7 we fall back to a standard
drop down.

Compatible in IE7->10, Latest Firefox, Chrome, Safari, and Opera

Markup:
 <select class="js-form-select-example js-d-select-box">
     <option value="0">Ticket Quantity</option>
     <option value="1">1 Tickets</option>
     <option value="2">2 Tickets</option>
     <option value="3">3 Tickets</option>
 </select>
*/