@font-face {
  font-family: "eventfrog-icons";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/css/fonts/eventfrog-icons.woff2") format("woff2"), url("/css/fonts/eventfrog-icons.woff") format("woff");
}
.efi-il-key::before {
  content: "\e9d5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-address-add::before {
  content: "\e9b6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-calendar::before {
  content: "\e9b7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-category::before {
  content: "\e9b8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-combicat::before {
  content: "\e9b9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-controlpoint::before {
  content: "\e9ba";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-image::before {
  content: "\e9bb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-insurance::before {
  content: "\ea00";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-no-insurance::before {
  content: "\e9ff";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-notfound::before {
  content: "\e9bd";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-seatmap::before {
  content: "\e9be";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-ticket::before {
  content: "\e9bf";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-drag::before {
  content: "\e99e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-event-add::before {
  content: "\e99f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-folder-add::before {
  content: "\e9a0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-filter::before {
  content: "\ea09";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-check-fat::before {
  content: "\e98e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-check::before {
  content: "\e98f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-achtung::before {
  content: "\e93e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-alarm::before {
  content: "\e93f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-arrow-back::before {
  content: "\e940";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-calendar-31::before {
  content: "\e941";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-down-square::before {
  content: "\e942";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-qrcode::before {
  content: "\e943";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-right::before {
  content: "\e944";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-up-square::before {
  content: "\e945";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-clipboard-text::before {
  content: "\e946";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-clock3::before {
  content: "\e947";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-close::before {
  content: "\e948";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-down::before {
  content: "\e949";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-left::before {
  content: "\e94a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-right::before {
  content: "\e94b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-up::before {
  content: "\e94c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-delete::before {
  content: "\e94d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-dl-cal::before {
  content: "\e94e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-document-1::before {
  content: "\e94f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-exit-up::before {
  content: "\e950";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-exit::before {
  content: "\e951";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-fav-active::before {
  content: "\e952";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-fav-std::before {
  content: "\e953";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-folder-search::before {
  content: "\e954";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-gift::before {
  content: "\e955";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-haken::before {
  content: "\e956";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-heart::before {
  content: "\e957";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-geoloc::before {
  content: "\e958";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-coupons::before {
  content: "\e959";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-events::before {
  content: "\e95a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-tickets::before {
  content: "\e95b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-information::before {
  content: "\e95c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lifebuoy::before {
  content: "\e95d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-linkedin::before {
  content: "\e95e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-magnifier::before {
  content: "\e95f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-mail::before {
  content: "\e960";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-map-marker::before {
  content: "\e961";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-map2::before {
  content: "\e962";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-medal-empty::before {
  content: "\e963";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-notification-active::before {
  content: "\e964";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-notification-std::before {
  content: "\e965";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pencil5::before {
  content: "\e966";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pinterest::before {
  content: "\e967";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-power-crossed::before {
  content: "\e968";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pushpin2::before {
  content: "\e969";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-reading::before {
  content: "\e96a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-search-calendar::before {
  content: "\e96b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-search-fat::before {
  content: "\e96c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-shield-check::before {
  content: "\e96d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-skull::before {
  content: "\e96e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-snapchat::before {
  content: "\e96f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-facebook::before {
  content: "\e970";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-google::before {
  content: "\e971";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-instagram::before {
  content: "\e972";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-twitter::before {
  content: "\e973";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-youtube::before {
  content: "\e974";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-star::before {
  content: "\e975";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-Status-Alert::before {
  content: "\e976";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-Status-Sold::before {
  content: "\e977";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-thumbs-up::before {
  content: "\e978";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-user::before {
  content: "\e979";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xing::before {
  content: "\e97a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-magic-location::before {
  content: "\e9fd";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-calendar-check::before {
  content: "\e9fe";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-cart::before {
  content: "\e9f9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-account::before {
  content: "\e9d1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-doors::before {
  content: "\ea03";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-calendar-question::before {
  content: "\ea04";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-ticket-question::before {
  content: "\ea05";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-user-ticket::before {
  content: "\ea06";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-user-calendar::before {
  content: "\ea07";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-ticket-cross::before {
  content: "\ea08";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-double-arrow::before {
  content: "\e904";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-add::before {
  content: "\e91c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-alert::before {
  content: "\e90c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-alert-inverted::before {
  content: "\e92f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-left::before {
  content: "\e932";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-right::before {
  content: "\e933";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-sub::before {
  content: "\e936";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-top-left::before {
  content: "\e912";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-basket::before {
  content: "\e9d2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-check::before {
  content: "\e988";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-checkbox-checked::before {
  content: "\e9ad";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-checkbox-unchecked::before {
  content: "\e9ae";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-down::before {
  content: "\e913";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-left::before {
  content: "\e915";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-right::before {
  content: "\e916";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-up::before {
  content: "\e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-clear::before {
  content: "\e981";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-close::before {
  content: "\e990";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-color::before {
  content: "\e937";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-coupon::before {
  content: "\e909";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-crop::before {
  content: "\e991";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dash::before {
  content: "\e9a8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dash-short::before {
  content: "\e9ac";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dashbold::before {
  content: "\e9d9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-date::before {
  content: "\e903";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-date-new::before {
  content: "\e97b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-delete::before {
  content: "\e938";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-reset::before {
  content: "\ea01";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-double-arrow::before {
  content: "\e904";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-download::before {
  content: "\e90f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-drop-down::before {
  content: "\e918";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-drop-up::before {
  content: "\e917";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-duplicate::before {
  content: "\e939";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-edit::before {
  content: "\e9a9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-email::before {
  content: "\e931";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-favourite::before {
  content: "\e90a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-fullscreen-expand::before {
  content: "\e93a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-fullscreen-shrink::before {
  content: "\e93b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-filter::before {
  content: "\ea0a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-geolocation::before {
  content: "\e92d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-globe::before {
  content: "\e97c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-globe2::before {
  content: "\e9f0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-grid::before {
  content: "\e9aa";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-help::before {
  content: "\e906";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-info::before {
  content: "\e93c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-key::before {
  content: "\e9d6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-linked::before {
  content: "\e9ab";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-locate-me::before {
  content: "\e98d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-logout::before {
  content: "\e910";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-market::before {
  content: "\e925";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-mobile::before {
  content: "\e9a1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-more::before {
  content: "\e911";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-offline::before {
  content: "\e985";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-pan::before {
  content: "\e9d3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-password::before {
  content: "\e930";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-pause::before {
  content: "\e9ca";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-play::before {
  content: "\e9cb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-print::before {
  content: "\e926";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-question::before {
  content: "\e90d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-remove::before {
  content: "\e93d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-sales::before {
  content: "\e90b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-search::before {
  content: "\e905";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-selection::before {
  content: "\e9d4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-serie::before {
  content: "\e97d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-settings::before {
  content: "\e907";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-share::before {
  content: "\e97e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-share-arrow::before {
  content: "\e9df";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-star::before {
  content: "\e9af";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-success::before {
  content: "\e90e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-success-off::before {
  content: "\e97f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-ticket::before {
  content: "\e908";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-wallet::before {
  content: "\ea02";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-time::before {
  content: "\e919";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-view::before {
  content: "\e91a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-warning::before {
  content: "\e91b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-zoom-in::before {
  content: "\e980";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-zoom-out::before {
  content: "\e982";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-pending::before {
  content: "\e9f5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-linked::before {
  content: "\e9ab";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-unlink::before {
  content: "\ea0d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-basket::before {
  content: "\e9d8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-wallet::before {
  content: "\ea02";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-blocked::before {
  content: "\e929";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-check::before {
  content: "\e986";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-down::before {
  content: "\e987";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-left::before {
  content: "\e993";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-right::before {
  content: "\e994";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-up::before {
  content: "\e995";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-close::before {
  content: "\e91e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-event-new::before {
  content: "\e983";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog::before {
  content: "\e92c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-geolocation::before {
  content: "\e984";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-help::before {
  content: "\e91f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-image::before {
  content: "\e992";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-invoice::before {
  content: "\e92a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-locate-me::before {
  content: "\e92e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-login::before {
  content: "\e996";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-menu::before {
  content: "\e91d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-play::before {
  content: "\e9b0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-presale::before {
  content: "\e928";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-search::before {
  content: "\e927";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-secure::before {
  content: "\e997";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-stop::before {
  content: "\e92b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-view::before {
  content: "\e998";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-money::before {
  content: "\e9da";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-qr::before {
  content: "\e9e1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog-square::before {
  content: "\e9e2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-md-frog-square:before {
  top: -1px !important;
  position: relative;
}

.efi-md-frog-square2::before {
  content: "\e9e3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-md-frog-square2:before {
  top: -1px !important;
  position: relative;
}

.efi-md-thumb::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-letter::before {
  content: "\e9e5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog-phone::before {
  content: "\e9e6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-bulb::before {
  content: "\e9e7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-arrow-right::before {
  content: "\e9b1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-check::before {
  content: "\e9b2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-drop::before {
  content: "\e999";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-fav-off::before {
  content: "\e934";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-fav-on::before {
  content: "\e935";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-file::before {
  content: "\e99a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-image::before {
  content: "\e99b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-package::before {
  content: "\e9b3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-spinner::before {
  content: "\e99c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-view::before {
  content: "\e99d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-codes::before {
  content: "\e9d7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-bill::before {
  content: "\e9cf";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-checklist::before {
  content: "\e9b4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-coupons::before {
  content: "\e900";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-dashboard::before {
  content: "\e922";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-embed::before {
  content: "\e9b5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-events::before {
  content: "\e920";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-export::before {
  content: "\e9d0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-image::before {
  content: "\e901";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-locations::before {
  content: "\e923";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-market::before {
  content: "\e9ce";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-moneybag::before {
  content: "\e9a2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-presale::before {
  content: "\e921";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-speech-bubble-thick::before {
  content: "\e9e9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-speech-bubble-thin::before {
  content: "\e9ea";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-presale-extern::before {
  content: "\e9e8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-swiss-flag::before {
  content: "\e9eb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-roles::before {
  content: "\e9cc";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-freezone::before {
  content: "\e9a3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-objects::before {
  content: "\e9a4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-seats::before {
  content: "\e9a5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-table-round::before {
  content: "\e9a6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-table-square::before {
  content: "\e9c0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-text::before {
  content: "\e9a7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seats-concert::before {
  content: "\e9c8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seats-normal::before {
  content: "\e9c9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archdown::before {
  content: "\e9c1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archskewdown::before {
  content: "\e9c2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archskewup::before {
  content: "\e9c3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archup::before {
  content: "\e9c4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-reset::before {
  content: "\e9c5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-skewdown::before {
  content: "\e9c6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-skewup::before {
  content: "\e9c7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-facebook::before {
  content: "\e98c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-instagram::before {
  content: "\e989";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-linkedin::before {
  content: "\e98a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-twitter::before {
  content: "\e98b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-statistics::before {
  content: "\e9cd";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-tickets::before {
  content: "\e902";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-tools::before {
  content: "\e924";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-thumb::before {
  content: "\e9e4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-thumb::before {
  line-height: 220px;
}

.efi-xl-letter::before {
  content: "\e9e5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-letter::before {
  line-height: 132px;
}

.efi-xl-frog-phone::before {
  content: "\e9e6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-frog-phone::before {
  line-height: 224px;
}

.efi-xl-rating::before {
  content: "\e9f6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-rating::before {
  line-height: 132px;
}

.efi-xl-star::before {
  content: "\e9f7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-gift-inverted::before {
  content: "\e9ed";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-gift::before {
  content: "\e9ec";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-gift::before {
  line-height: 184px;
}

.efi-xl-printer::before {
  content: "\e9ee";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-sent-letter::before {
  content: "\e9ef";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-world::before {
  content: "\e9f0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-ai::before {
  content: "\e9f1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-ai-reload::before {
  content: "\e9f2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-no-user::before {
  content: "\e9f3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-lightbulb::before {
  content: "\e9f4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-donation-own::before {
  content: "\e9fa";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-donation::before {
  content: "\e9fb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-no-donation::before {
  content: "\e9fc";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button,
button {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  height: 36px;
  color: #212b36;
  width: auto;
  border-radius: 6px;
  padding: 0 16px;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
  border: solid 1px #c4cdd5;
  transition: background-color 100ms linear;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  user-select: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
  font-family: inherit !important;
}
.button > *,
button > * {
  pointer-events: none;
}
.button:hover,
button:hover {
  background-image: none;
  background-color: #f4f6f8;
}
.button:active,
button:active {
  background-image: none;
  background-color: #f4f6f8;
  box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2), inset 0 1px 1px 0 rgba(99, 115, 129, 0.6);
}
.button.toggle-button:focus,
button.toggle-button:focus {
  box-shadow: none;
}
.button.toggle-button.active, .button.toggle-button.button--active,
button.toggle-button.active,
button.toggle-button.button--active {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
  border-color: transparent;
}
.button.toggle-button.active:focus, .button.toggle-button.button--active:focus,
button.toggle-button.active:focus,
button.toggle-button.button--active:focus {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
}
.button.toggle-button.active .efi-icon, .button.toggle-button.button--active .efi-icon,
button.toggle-button.active .efi-icon,
button.toggle-button.button--active .efi-icon {
  color: #60bf00;
}
.button.toggle-button-b.active,
button.toggle-button-b.active {
  background-image: none;
  background-color: #f4f6f8;
  box-shadow: inset 0 1px 1px 0 rgba(99, 115, 129, 0.2), inset 0 0px 1px 0 rgba(99, 115, 129, 0.61);
}
.button.toggle-button-b .efi-icon,
button.toggle-button-b .efi-icon {
  margin: 0;
}
.button.toggle-button-b:active,
button.toggle-button-b:active {
  z-index: 1;
}
.button--left,
button--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
}
.button--center,
button--center {
  border-radius: 0;
  margin-left: -1px;
}
.button--right,
button--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.button:focus,
button:focus {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
}
.button.disabled, .button:disabled,
button.disabled,
button:disabled {
  background-image: none;
  background-color: #f9fafb;
  border-color: #dfe3e8;
  color: #c4cdd5;
  box-shadow: none;
  cursor: not-allowed;
}
.button.disabled .efi-icon, .button:disabled .efi-icon,
button.disabled .efi-icon,
button:disabled .efi-icon {
  color: #c4cdd5 !important;
}
.button.disabled:active, .button.disabled:hover, .button:disabled:active, .button:disabled:hover,
button.disabled:active,
button.disabled:hover,
button:disabled:active,
button:disabled:hover {
  background-color: #f9fafb;
}
@media (max-width: 46.24em) {
  .button--blocksize,
  button--blocksize {
    width: 100%;
    margin: 0;
  }
}
.button--slim,
button--slim {
  height: 30px;
}
.button--large,
button--large {
  height: 44px;
  font-size: 18px;
  padding: 0 20px;
}
.button--large .efi-icon,
button--large .efi-icon {
  margin: 0px -15px;
  font-size: 32px;
  height: 32px;
}
.button--primary,
button--primary {
  background-image: none;
  background-color: #60bf00;
  border-color: #4f9d00;
  color: #ffffff;
}
.button--primary:hover,
button--primary:hover {
  background-color: #53a600;
  color: #ffffff;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
}
.button--primary:active,
button--primary:active {
  background-color: #53a600;
  box-shadow: inset 0 2px 1px 0 rgba(58, 115, 0, 0.5);
  border-color: #53a600;
}
.button--primary:focus, .button--primary--active,
button--primary:focus,
button--primary--active {
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 0 3px 2px rgba(255, 255, 255, 0.4), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
}
.button--primary.disabled, .button--primary:disabled,
button--primary.disabled,
button--primary:disabled {
  background-color: #d2edb6;
  border-color: #a4da6d;
  color: #ffffff;
  box-shadow: none;
}
.button--primary.disabled:active, .button--primary.disabled:hover, .button--primary:disabled:active, .button--primary:disabled:hover,
button--primary.disabled:active,
button--primary.disabled:hover,
button--primary:disabled:active,
button--primary:disabled:hover {
  background-color: #d2edb6;
  color: #ffffff;
}
.button--primary .efi-icon,
button--primary .efi-icon {
  color: #ffffff;
}
.button--primary.button--loading::after,
button--primary.button--loading::after {
  background-color: #51a000;
}
.button--destructive,
button--destructive {
  background-image: none;
  background-color: #ed6347;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.09);
  border-color: #bf0711;
  color: #ffffff;
}
.button--destructive:hover,
button--destructive:hover {
  background-color: #d4583f;
  color: #ffffff;
}
.button--destructive:active,
button--destructive:active {
  background-color: #bf0711;
  box-shadow: inset 0 2px 1px 0 rgba(51, 2, 2, 0.13);
  border-color: #990d00;
}
.button--destructive:focus, .button--destructive--active,
button--destructive:focus,
button--destructive--active {
  box-shadow: 0px 0px 0px 2px #bf0711;
}
.button--destructive.disabled, .button--destructive:disabled,
button--destructive.disabled,
button--destructive:disabled {
  background-color: #fdac9a;
  border-color: #c9897b;
  box-shadow: none;
  color: #ffffff;
}
.button--destructive.disabled:active, .button--destructive.disabled:hover, .button--destructive:disabled:active, .button--destructive:disabled:hover,
button--destructive.disabled:active,
button--destructive.disabled:hover,
button--destructive:disabled:active,
button--destructive:disabled:hover {
  background-color: #fdac9a;
}
.button--destructive.button--loading::after,
button--destructive.button--loading::after {
  background-color: #a1060e;
}
.button--outline,
button--outline {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}
.button--outline:hover,
button--outline:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #212b36;
}
.button--outline:active,
button--outline:active {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.button--outline:focus, .button--outline--active,
button--outline:focus,
button--outline--active {
  box-shadow: 0px 0px 0px 2px #637381;
}
.button--outline.disabled, .button--outline:disabled,
button--outline.disabled,
button--outline:disabled {
  background-color: transparent;
  color: #c4cdd5;
  border-color: #c4cdd5;
}
.button + .button,
.button + button,
button + .button,
button + button {
  margin-left: 16px;
}
.button .efi-icon,
button .efi-icon {
  color: #919eab;
  margin: 0 -9px;
  font-size: 20px;
  height: 20px;
  line-height: 1;
}
.button .efi-icon.with-text,
button .efi-icon.with-text {
  margin: 0;
  margin-right: 8px;
  margin-left: -4px;
}
.button .efi-icon.with-text-left,
button .efi-icon.with-text-left {
  margin: 0;
  margin-left: 8px;
  margin-right: -4px;
}
.button--loading,
button--loading {
  pointer-events: none;
  opacity: 0.8;
  box-shadow: none;
}
.button--loading:focus,
button--loading:focus {
  box-shadow: none;
}
.button--loading::after,
button--loading::after {
  content: "";
  height: 2px;
  position: absolute;
  width: 0;
  bottom: 0;
  border-radius: 2px;
  background-color: #919eab;
  animation: button-loading 1.5s linear infinite;
}
.button--loading--0::after,
button--loading--0::after {
  width: 0%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--1::after,
button--loading--1::after {
  width: 1%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--2::after,
button--loading--2::after {
  width: 2%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--3::after,
button--loading--3::after {
  width: 3%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--4::after,
button--loading--4::after {
  width: 4%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--5::after,
button--loading--5::after {
  width: 5%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--6::after,
button--loading--6::after {
  width: 6%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--7::after,
button--loading--7::after {
  width: 7%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--8::after,
button--loading--8::after {
  width: 8%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--9::after,
button--loading--9::after {
  width: 9%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--10::after,
button--loading--10::after {
  width: 10%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--11::after,
button--loading--11::after {
  width: 11%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--12::after,
button--loading--12::after {
  width: 12%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--13::after,
button--loading--13::after {
  width: 13%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--14::after,
button--loading--14::after {
  width: 14%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--15::after,
button--loading--15::after {
  width: 15%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--16::after,
button--loading--16::after {
  width: 16%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--17::after,
button--loading--17::after {
  width: 17%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--18::after,
button--loading--18::after {
  width: 18%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--19::after,
button--loading--19::after {
  width: 19%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--20::after,
button--loading--20::after {
  width: 20%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--21::after,
button--loading--21::after {
  width: 21%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--22::after,
button--loading--22::after {
  width: 22%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--23::after,
button--loading--23::after {
  width: 23%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--24::after,
button--loading--24::after {
  width: 24%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--25::after,
button--loading--25::after {
  width: 25%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--26::after,
button--loading--26::after {
  width: 26%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--27::after,
button--loading--27::after {
  width: 27%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--28::after,
button--loading--28::after {
  width: 28%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--29::after,
button--loading--29::after {
  width: 29%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--30::after,
button--loading--30::after {
  width: 30%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--31::after,
button--loading--31::after {
  width: 31%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--32::after,
button--loading--32::after {
  width: 32%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--33::after,
button--loading--33::after {
  width: 33%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--34::after,
button--loading--34::after {
  width: 34%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--35::after,
button--loading--35::after {
  width: 35%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--36::after,
button--loading--36::after {
  width: 36%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--37::after,
button--loading--37::after {
  width: 37%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--38::after,
button--loading--38::after {
  width: 38%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--39::after,
button--loading--39::after {
  width: 39%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--40::after,
button--loading--40::after {
  width: 40%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--41::after,
button--loading--41::after {
  width: 41%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--42::after,
button--loading--42::after {
  width: 42%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--43::after,
button--loading--43::after {
  width: 43%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--44::after,
button--loading--44::after {
  width: 44%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--45::after,
button--loading--45::after {
  width: 45%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--46::after,
button--loading--46::after {
  width: 46%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--47::after,
button--loading--47::after {
  width: 47%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--48::after,
button--loading--48::after {
  width: 48%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--49::after,
button--loading--49::after {
  width: 49%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--50::after,
button--loading--50::after {
  width: 50%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--51::after,
button--loading--51::after {
  width: 51%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--52::after,
button--loading--52::after {
  width: 52%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--53::after,
button--loading--53::after {
  width: 53%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--54::after,
button--loading--54::after {
  width: 54%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--55::after,
button--loading--55::after {
  width: 55%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--56::after,
button--loading--56::after {
  width: 56%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--57::after,
button--loading--57::after {
  width: 57%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--58::after,
button--loading--58::after {
  width: 58%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--59::after,
button--loading--59::after {
  width: 59%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--60::after,
button--loading--60::after {
  width: 60%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--61::after,
button--loading--61::after {
  width: 61%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--62::after,
button--loading--62::after {
  width: 62%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--63::after,
button--loading--63::after {
  width: 63%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--64::after,
button--loading--64::after {
  width: 64%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--65::after,
button--loading--65::after {
  width: 65%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--66::after,
button--loading--66::after {
  width: 66%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--67::after,
button--loading--67::after {
  width: 67%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--68::after,
button--loading--68::after {
  width: 68%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--69::after,
button--loading--69::after {
  width: 69%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--70::after,
button--loading--70::after {
  width: 70%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--71::after,
button--loading--71::after {
  width: 71%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--72::after,
button--loading--72::after {
  width: 72%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--73::after,
button--loading--73::after {
  width: 73%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--74::after,
button--loading--74::after {
  width: 74%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--75::after,
button--loading--75::after {
  width: 75%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--76::after,
button--loading--76::after {
  width: 76%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--77::after,
button--loading--77::after {
  width: 77%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--78::after,
button--loading--78::after {
  width: 78%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--79::after,
button--loading--79::after {
  width: 79%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--80::after,
button--loading--80::after {
  width: 80%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--81::after,
button--loading--81::after {
  width: 81%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--82::after,
button--loading--82::after {
  width: 82%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--83::after,
button--loading--83::after {
  width: 83%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--84::after,
button--loading--84::after {
  width: 84%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--85::after,
button--loading--85::after {
  width: 85%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--86::after,
button--loading--86::after {
  width: 86%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--87::after,
button--loading--87::after {
  width: 87%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--88::after,
button--loading--88::after {
  width: 88%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--89::after,
button--loading--89::after {
  width: 89%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--90::after,
button--loading--90::after {
  width: 90%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--91::after,
button--loading--91::after {
  width: 91%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--92::after,
button--loading--92::after {
  width: 92%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--93::after,
button--loading--93::after {
  width: 93%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--94::after,
button--loading--94::after {
  width: 94%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--95::after,
button--loading--95::after {
  width: 95%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--96::after,
button--loading--96::after {
  width: 96%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--97::after,
button--loading--97::after {
  width: 97%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--98::after,
button--loading--98::after {
  width: 98%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--99::after,
button--loading--99::after {
  width: 99%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--100::after,
button--loading--100::after {
  width: 100%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}

@keyframes button-loading {
  0% {
    width: 0;
    left: 0;
  }
  1% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    right: 0;
  }
  70% {
    width: 0;
    right: 0;
  }
}
.is-meinestadt button--primary,
.is-meinestadt .button--primary {
  background-color: #ffda00;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
  color: #212b36;
  border: 1px solid #ccbb05;
}
.is-meinestadt button--primary:active, .is-meinestadt button--primary.button--active, .is-meinestadt button--primary:focus, .is-meinestadt button--primary:hover,
.is-meinestadt .button--primary:active,
.is-meinestadt .button--primary.button--active,
.is-meinestadt .button--primary:focus,
.is-meinestadt .button--primary:hover {
  background-color: #feba2e;
}

.ecp {
  height: 100%;
  width: 100%;
  min-width: 280px;
  max-width: 75vh;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ecp__overlay {
  position: absolute;
  margin: 0 8px 8px;
  top: 84px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  padding: 16px;
  border-radius: 6px;
  display: none;
  flex-direction: column;
}
.ecp__overlay.visible {
  display: flex;
}
.ecp__overlay.error {
  background-color: #bf0711;
}
.ecp__overlay.warning {
  background-color: #fa9700;
}
.ecp__overlay p {
  flex: 1;
  padding: 0 32px;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  line-height: 26px;
  color: #ffffff;
}
@media (min-width: 47.25em) {
  .ecp__overlay p {
    font-size: 24px;
    line-height: 1.2;
  }
}
.ecp__overlay button {
  margin: 8px 2px 2px !important;
  font-weight: bold !important;
}
.ecp__overlay button.hidden {
  display: none;
}
.ecp__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ecp__event-info {
  background-color: #f4f6f8;
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.ecp__event-info__img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 8px;
}
.ecp__event-info__text {
  flex: 1;
  overflow: hidden;
}
.ecp__event-info__text p {
  margin: 0;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ecp__event-info__text p:first-child {
  font-weight: 600;
}
.ecp__event-info__text p.small {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}
.ecp__flexer {
  flex: 1;
}
.ecp__calc {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ecp__calc__numbers {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 8px;
}
.ecp__calc__numbers__summands {
  min-height: 20px;
  text-align: center;
  margin: 0 0 16px 0;
}
.ecp__calc__numbers__input {
  font-size: 56px;
  line-height: 56px;
  color: #dfe3e8;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.ecp__calc__numbers__input.has-value {
  color: #212b36;
}
.ecp__calc__keypad {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ecp__calc__keypad button {
  padding: 0 16px !important;
  max-height: 48px;
  height: 8vh;
}
.ecp__calc__keypad .span-2 {
  grid-column: span 2;
}
.ecp__cash-in {
  margin-top: 24px !important;
  padding: 16px !important;
  height: auto;
}
.ecp button {
  border-radius: 4px;
  margin: 2px;
  background: #f4f6f8;
  box-shadow: none;
  border: none;
  padding: 24px 16px;
  font-weight: normal;
  transition: background-color 0.1s ease 0s;
  touch-action: manipulation;
}
.ecp button img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.ecp button.tapped {
  background: #dfe3e8;
}
.ecp button.primary {
  background: #60bf00;
  color: #ffffff;
  font-weight: bold;
}
.ecp button.primary:hover {
  background: #3a7300;
}
.ecp button.primary:active {
  background: #142602;
}
.ecp button:hover {
  background: #dfe3e8;
}
.ecp button:active {
  background: #c4cdd5;
}
.ecp button:disabled, .ecp button:disabled:hover, .ecp button:disabled:active {
  background: #c4cdd5 !important;
}