@charset "UTF-8";
/************************************
 * ---- Einheiten / Units:
 ************************************/
/**
 * Returns multiple unit
 * @param {number (unitless)} $multiple
 * @return {number (rem)}
 */
/**
 * Convert pixels to ems
 * eg. for a relational value of 12px write em(12) when the parent is equal
 * the em-base (defined in $audui-config).
 * If the parent is another value say 24px write em(12, 24)
 * @param {number (px)} $val
 * @param {number} $base
 * @return {number (em)}
 */
/**
 * Convert pixels to rems
 * Assumes that the defined em-base is the font-size of <html>
 * @param {number (px)} $val
 * @param {number} $base
 * @return {number (rem)}
 */
/**
 * Strips the unit from a number.
 * @param {number (with unit)} $value
 * @return {number (unitless)}
 */
/**
 * Modular Scale
 */
/**
 * Fonts
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * Card Component
 */
/**
 * Breakpoints
 */
/**
 * Transitions & Animations
 */
/**
 * Icons
 */
/**
 * z-index
 */
.ci-radio .ci-js, .ci-radio-input, .ci-checkbox .ci-js, .ci-checkbox-input, .ci-switch .ci-switch-input {
  appearance: none;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  z-index: -1; }

/**
 * Grid Component
 */
/**
 * Form Field Components, like Textfield
 */
/**
 * Logo
 */
/**
 * Abstände // TODO: M.O.: überprüfen, ob oben bessere Variablen!
 */
@font-face {
  font-family: 'AudiType';
  src: url("../fonts/AudiTypeScreen-Light.woff2") format("woff2"), url("../fonts/AudiTypeScreen-Light.woff") format("woff"), url("../fonts/AudiTypeScreen-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'AudiType';
  src: url("../fonts/AudiTypeScreen-Normal.woff2") format("woff2"), url("../fonts/AudiTypeScreen-Normal.woff") format("woff"), url("../fonts/AudiTypeScreen-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'AudiType';
  src: url("../fonts/AudiTypeScreen-Bold.woff2") format("woff2"), url("../fonts/AudiTypeScreen-Bold.woff") format("woff"), url("../fonts/AudiTypeScreen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'AudiTypeExtended';
  src: url("../fonts/AudiTypeExtended-Normal.woff") format("woff"), url("../fonts/AudiTypeExtended-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'AudiTypeExtended';
  src: url("../fonts/AudiTypeExtended-Bold.woff") format("woff"), url("../fonts/AudiTypeExtended-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'audi-iconfont';
  src: url("../fonts/iconfont/audi-iconfont.woff2?tnj0by") format("woff2"), url("../fonts/iconfont/audi-iconfont.ttf?tnj0by") format("truetype"), url("../fonts/iconfont/audi-iconfont.woff?tnj0by") format("woff"), url("../fonts/iconfont/audi-iconfont.svg?tnj0by#audi-iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-audi-"], [class*=" icon-audi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'audi-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-audi-speaker-alone-large:before {
  content: "\eb40"; }

.icon-audi-hashtag_large:before {
  content: "\eb3a"; }

.icon-audi-hashtag-small:before {
  content: "\eb3b"; }

.icon-audi-no-traffic-large:before {
  content: "\eb3c"; }

.icon-audi-no-traffic-small:before {
  content: "\eb3d"; }

.icon-audi-route-alarm-large:before {
  content: "\eb3e"; }

.icon-audi-route-alarm-small:before {
  content: "\eb3f"; }

.icon-audi-vehicle-assistant-large:before {
  content: "\eb36"; }

.icon-audi-fahrwerk-large:before {
  content: "\eb38"; }

.icon-audi-fahrwerk-small:before {
  content: "\eb39"; }

.icon-audi-vehicle-assistant-small:before {
  content: "\eb37"; }

.icon-audi-adblue-alert-large:before {
  content: "\e900"; }

.icon-audi-adblue-alert-small:before {
  content: "\e901"; }

.icon-audi-adblue-large:before {
  content: "\e902"; }

.icon-audi-adblue-small:before {
  content: "\e903"; }

.icon-audi-administrator-large:before {
  content: "\e904"; }

.icon-audi-administrator-small:before {
  content: "\e905"; }

.icon-audi-adress-book-large:before {
  content: "\e906"; }

.icon-audi-adress-book-small:before {
  content: "\e907"; }

.icon-audi-announcements-large:before {
  content: "\e908"; }

.icon-audi-announcements-small:before {
  content: "\e909"; }

.icon-audi-anti-theft-alarm-system-alert-large:before {
  content: "\e90a"; }

.icon-audi-anti-theft-alarm-system-alert-small:before {
  content: "\e90b"; }

.icon-audi-anti-theft-alarm-system-large:before {
  content: "\e90c"; }

.icon-audi-anti-theft-alarm-system-small:before {
  content: "\e90d"; }

.icon-audi-apps-large:before {
  content: "\e90e"; }

.icon-audi-apps-small:before {
  content: "\e90f"; }

.icon-audi-arrow-down-large:before {
  content: "\e940"; }

.icon-audi-arrow-down-small:before {
  content: "\e941"; }

.icon-audi-arrow-left-light-large:before {
  content: "\e942"; }

.icon-audi-arrow-left-light-small:before {
  content: "\e943"; }

.icon-audi-arrow-left-normal-large:before {
  content: "\e944"; }

.icon-audi-arrow-left-normal-small:before {
  content: "\e945"; }

.icon-audi-arrow-left-sharp-large:before {
  content: "\e946"; }

.icon-audi-arrow-left-sharp-small:before {
  content: "\e947"; }

.icon-audi-arrow-left-u-turn-large:before {
  content: "\e948"; }

.icon-audi-arrow-left-u-turn-small:before {
  content: "\e949"; }

.icon-audi-arrow-narrow-down-large:before {
  content: "\e94a"; }

.icon-audi-arrow-narrow-down-small:before {
  content: "\e94b"; }

.icon-audi-arrow-narrow-up-large:before {
  content: "\e94c"; }

.icon-audi-arrow-narrow-up-small:before {
  content: "\e94d"; }

.icon-audi-arrow-right-light-large:before {
  content: "\e94e"; }

.icon-audi-arrow-right-light-small:before {
  content: "\e94f"; }

.icon-audi-arrow-right-normal-large:before {
  content: "\e950"; }

.icon-audi-arrow-right-normal-small:before {
  content: "\e951"; }

.icon-audi-arrow-right-sharp-large:before {
  content: "\e952"; }

.icon-audi-arrow-right-sharp-small:before {
  content: "\e953"; }

.icon-audi-arrow-right-u-turn-large:before {
  content: "\e954"; }

.icon-audi-arrow-right-u-turn-small:before {
  content: "\e955"; }

.icon-audi-arrow-straight-down-large:before {
  content: "\e956"; }

.icon-audi-arrow-straight-down-small:before {
  content: "\e957"; }

.icon-audi-arrow-straight-up-large:before {
  content: "\e958"; }

.icon-audi-arrow-straight-up-small:before {
  content: "\e959"; }

.icon-audi-arrow-up-large:before {
  content: "\e95a"; }

.icon-audi-arrow-up-small:before {
  content: "\e95b"; }

.icon-audi-aupeo-large:before {
  content: "\e95c"; }

.icon-audi-aupeo-small:before {
  content: "\e95d"; }

.icon-audi-back-large:before {
  content: "\e95e"; }

.icon-audi-back-small:before {
  content: "\e95f"; }

.icon-audi-blog-post-large:before {
  content: "\e960"; }

.icon-audi-blog-post-small:before {
  content: "\e961"; }

.icon-audi-bookmark-large:before {
  content: "\e962"; }

.icon-audi-bookmark-small:before {
  content: "\e963"; }

.icon-audi-break-pad-alert-large:before {
  content: "\e964"; }

.icon-audi-break-pad-alert-small:before {
  content: "\e965"; }

.icon-audi-break-pad-large:before {
  content: "\e966"; }

.icon-audi-break-pad-small:before {
  content: "\e967"; }

.icon-audi-business-adress-large:before {
  content: "\e968"; }

.icon-audi-business-adress-small:before {
  content: "\e969"; }

.icon-audi-calendar-events-large:before {
  content: "\e96a"; }

.icon-audi-calendar-events-small:before {
  content: "\e96b"; }

.icon-audi-camera-large:before {
  content: "\e96c"; }

.icon-audi-camera-small:before {
  content: "\e96d"; }

.icon-audi-cancel-large:before {
  content: "\e96e"; }

.icon-audi-cancel-small:before {
  content: "\e96f"; }

.icon-audi-car-handover-large:before {
  content: "\e970"; }

.icon-audi-car-handover-small:before {
  content: "\e971"; }

.icon-audi-car-large:before {
  content: "\e972"; }

.icon-audi-car-search-large:before {
  content: "\e973"; }

.icon-audi-car-search-small:before {
  content: "\e974"; }

.icon-audi-car-small:before {
  content: "\e975"; }

.icon-audi-caution-large:before {
  content: "\e976"; }

.icon-audi-caution-small:before {
  content: "\e977"; }

.icon-audi-charging-large:before {
  content: "\e978"; }

.icon-audi-charging-small:before {
  content: "\e979"; }

.icon-audi-climate-auto-large:before {
  content: "\e97a"; }

.icon-audi-climate-auto-small:before {
  content: "\e97b"; }

.icon-audi-climate-electric-large:before {
  content: "\e97c"; }

.icon-audi-climate-electric-small:before {
  content: "\e97d"; }

.icon-audi-climate-large:before {
  content: "\e97e"; }

.icon-audi-climate-small:before {
  content: "\e97f"; }

.icon-audi-co2-emission-large:before {
  content: "\e980"; }

.icon-audi-co2-emission-small:before {
  content: "\e981"; }

.icon-audi-code-large:before {
  content: "\e982"; }

.icon-audi-code-small:before {
  content: "\e983"; }

.icon-audi-connect-key-large:before {
  content: "\e984"; }

.icon-audi-connect-key-small:before {
  content: "\e985"; }

.icon-audi-consumption-large:before {
  content: "\e986"; }

.icon-audi-consumption-small:before {
  content: "\e987"; }

.icon-audi-content-activities-large:before {
  content: "\e988"; }

.icon-audi-content-activities-small:before {
  content: "\e989"; }

.icon-audi-cubic-capacity-large:before {
  content: "\e98a"; }

.icon-audi-cubic-capacity-small:before {
  content: "\e98b"; }

.icon-audi-dashboard-large:before {
  content: "\e98c"; }

.icon-audi-dashboard-small:before {
  content: "\e98d"; }

.icon-audi-dealer-request-large:before {
  content: "\e98e"; }

.icon-audi-dealer-request-small:before {
  content: "\e98f"; }

.icon-audi-dealer-search-large:before {
  content: "\e990"; }

.icon-audi-dealer-search-small:before {
  content: "\e991"; }

.icon-audi-decrease-size-large:before {
  content: "\e992"; }

.icon-audi-decrease-size-small:before {
  content: "\e993"; }

.icon-audi-direct-mail-large:before {
  content: "\e994"; }

.icon-audi-direct-mail-small:before {
  content: "\e995"; }

.icon-audi-discussion-large:before {
  content: "\e996"; }

.icon-audi-discussion-small:before {
  content: "\e997"; }

.icon-audi-distance-large:before {
  content: "\e998"; }

.icon-audi-distance-small:before {
  content: "\e999"; }

.icon-audi-documents-large:before {
  content: "\e99a"; }

.icon-audi-documents-small:before {
  content: "\e99b"; }

.icon-audi-edit-large:before {
  content: "\e99c"; }

.icon-audi-editorial-large:before {
  content: "\e99d"; }

.icon-audi-editorial-small:before {
  content: "\e99e"; }

.icon-audi-edit-small:before {
  content: "\e99f"; }

.icon-audi-electric-charge-level-empty-large:before {
  content: "\e9a0"; }

.icon-audi-electric-charge-level-empty-small:before {
  content: "\e9a1"; }

.icon-audi-electric-charge-level-full-large:before {
  content: "\e9a2"; }

.icon-audi-electric-charge-level-full-small:before {
  content: "\e9a3"; }

.icon-audi-electric-charge-level-half-large:before {
  content: "\e9a4"; }

.icon-audi-electric-charge-level-half-small:before {
  content: "\e9a5"; }

.icon-audi-electric-charge-level-onequarter-large:before {
  content: "\e9a6"; }

.icon-audi-electric-charge-level-onequarter-small:before {
  content: "\e9a7"; }

.icon-audi-electric-charge-level-threequarter-large:before {
  content: "\e9a8"; }

.icon-audi-electric-charge-level-threequarters-small:before {
  content: "\e9a9"; }

.icon-audi-electric-range-large:before {
  content: "\e9aa"; }

.icon-audi-electric-range-small:before {
  content: "\e9ab"; }

.icon-audi-erase-large:before {
  content: "\e9ac"; }

.icon-audi-erase-small:before {
  content: "\e9ad"; }

.icon-audi-facebook-large:before {
  content: "\e9ae"; }

.icon-audi-facebook-small:before {
  content: "\e9af"; }

.icon-audi-favorite-large:before {
  content: "\e9b0"; }

.icon-audi-favorite-small:before {
  content: "\e9b1"; }

.icon-audi-feed-large:before {
  content: "\e9b2"; }

.icon-audi-feed-small:before {
  content: "\e9b3"; }

.icon-audi-forward-large:before {
  content: "\e9b4"; }

.icon-audi-forward-small:before {
  content: "\e9b5"; }

.icon-audi-fuel-large:before {
  content: "\e9b6"; }

.icon-audi-fuel-range-large:before {
  content: "\e9b7"; }

.icon-audi-fuel-range-small:before {
  content: "\e9b8"; }

.icon-audi-fuel-small:before {
  content: "\e9b9"; }

.icon-audi-fuel-tank-level-empty-large:before {
  content: "\e9ba"; }

.icon-audi-fuel-tank-level-empty-small:before {
  content: "\e9bb"; }

.icon-audi-fuel-tank-level-full-large:before {
  content: "\e9bc"; }

.icon-audi-fuel-tank-level-full-small:before {
  content: "\e9bd"; }

.icon-audi-fuel-tank-level-half-large:before {
  content: "\e9be"; }

.icon-audi-fuel-tank-level-half-small:before {
  content: "\e9bf"; }

.icon-audi-fuel-tank-level-onequarter-large:before {
  content: "\e9c0"; }

.icon-audi-fuel-tank-level-onequarter-small:before {
  content: "\e9c1"; }

.icon-audi-fuel-tank-level-threequarters-large:before {
  content: "\e9c2"; }

.icon-audi-fuel-tank-level-threequarters-small:before {
  content: "\e9c3"; }

.icon-audi-gas-range-large:before {
  content: "\e9c4"; }

.icon-audi-gas-range-small:before {
  content: "\e9c5"; }

.icon-audi-gas-tank-level-empty-large:before {
  content: "\e9c6"; }

.icon-audi-gas-tank-level-empty-small:before {
  content: "\e9c7"; }

.icon-audi-gas-tank-level-full-large:before {
  content: "\e9c8"; }

.icon-audi-gas-tank-level-full-small:before {
  content: "\e9c9"; }

.icon-audi-gas-tank-level-half-large:before {
  content: "\e9ca"; }

.icon-audi-gas-tank-level-half-small:before {
  content: "\e9cb"; }

.icon-audi-gas-tank-level-onequarter-large:before {
  content: "\e9cc"; }

.icon-audi-gas-tank-level-onequarter-small:before {
  content: "\e9cd"; }

.icon-audi-gas-tank-level-threequarters-large:before {
  content: "\e9ce"; }

.icon-audi-gas-tank-level-threequarters-small:before {
  content: "\e9cf"; }

.icon-audi-gear-large:before {
  content: "\e9d0"; }

.icon-audi-geofence-alert-large:before {
  content: "\e9d1"; }

.icon-audi-geofence-alert-small:before {
  content: "\e9d2"; }

.icon-audi-geofence-large:before {
  content: "\e9d3"; }

.icon-audi-geofence-small:before {
  content: "\e9d4"; }

.icon-audi-google-plus-large:before {
  content: "\e9e5"; }

.icon-audi-google-plus-small:before {
  content: "\e9e6"; }

.icon-audi-gps-large:before {
  content: "\e9e7"; }

.icon-audi-gps-small:before {
  content: "\e9e8"; }

.icon-audi-grab-large:before {
  content: "\e9e9"; }

.icon-audi-grab-small:before {
  content: "\e9ea"; }

.icon-audi-group-discussion-large:before {
  content: "\e9eb"; }

.icon-audi-group-discussion-small:before {
  content: "\e9ec"; }

.icon-audi-groups-large:before {
  content: "\e9ed"; }

.icon-audi-groups-small:before {
  content: "\e9ee"; }

.icon-audi-home-large:before {
  content: "\e9ef"; }

.icon-audi-home-small:before {
  content: "\e9f0"; }

.icon-audi-honk-and-flash-large:before {
  content: "\e9f1"; }

.icon-audi-honk-and-flash-small:before {
  content: "\e9f2"; }

.icon-audi-honk-large:before {
  content: "\e9f3"; }

.icon-audi-honk-small:before {
  content: "\e9f4"; }

.icon-audi-hotline-large:before {
  content: "\e9f5"; }

.icon-audi-hotline-small:before {
  content: "\e9f6"; }

.icon-audi-increase-size-large:before {
  content: "\e9f7"; }

.icon-audi-increase-size-small:before {
  content: "\e9f8"; }

.icon-audi-indicators-large:before {
  content: "\e9f9"; }

.icon-audi-indicators-small:before {
  content: "\e9fa"; }

.icon-audi-inspection-large:before {
  content: "\e9fb"; }

.icon-audi-inspection-small:before {
  content: "\e9fc"; }

.icon-audi-instagram-large:before {
  content: "\e9fd"; }

.icon-audi-instagram-small:before {
  content: "\e9fe"; }

.icon-audi-interior-configuration-large:before {
  content: "\e9ff"; }

.icon-audi-interior-configuration-small:before {
  content: "\ea00"; }

.icon-audi-languages-large:before {
  content: "\ea01"; }

.icon-audi-languages-small:before {
  content: "\ea02"; }

.icon-audi-lights-day-large:before {
  content: "\ea03"; }

.icon-audi-lights-day-small:before {
  content: "\ea04"; }

.icon-audi-lights-dim-large:before {
  content: "\ea05"; }

.icon-audi-lights-dim-small:before {
  content: "\ea06"; }

.icon-audi-lights-full-beam-large:before {
  content: "\ea07"; }

.icon-audi-lights-full-beam-small:before {
  content: "\ea08"; }

.icon-audi-lights-led-large:before {
  content: "\ea09"; }

.icon-audi-lights-led-small:before {
  content: "\ea0a"; }

.icon-audi-lights-xenon-large:before {
  content: "\ea0b"; }

.icon-audi-lights-xenon-small:before {
  content: "\ea0c"; }

.icon-audi-line-large:before {
  content: "\ea0d"; }

.icon-audi-line-small:before {
  content: "\ea0e"; }

.icon-audi-linkedin-large:before {
  content: "\ea0f"; }

.icon-audi-linkedin-small:before {
  content: "\ea10"; }

.icon-audi-list-large:before {
  content: "\ea11"; }

.icon-audi-list-small:before {
  content: "\ea12"; }

.icon-audi-lock-large:before {
  content: "\ea13"; }

.icon-audi-lock-small:before {
  content: "\ea14"; }

.icon-audi-logbook-large:before {
  content: "\ea15"; }

.icon-audi-logbook-small:before {
  content: "\ea16"; }

.icon-audi-login-large:before {
  content: "\ea17"; }

.icon-audi-login-small:before {
  content: "\ea18"; }

.icon-audi-main-user-large:before {
  content: "\ea19"; }

.icon-audi-main-user-small:before {
  content: "\ea1a"; }

.icon-audi-mileage-large:before {
  content: "\ea1b"; }

.icon-audi-mileage-small:before {
  content: "\ea1c"; }

.icon-audi-mobile-phone-large:before {
  content: "\ea1d"; }

.icon-audi-mobile-phone-small:before {
  content: "\ea1e"; }

.icon-audi-more-large:before {
  content: "\ea1f"; }

.icon-audi-more-small:before {
  content: "\ea20"; }

.icon-audi-motor-large:before {
  content: "\ea21"; }

.icon-audi-motor-small:before {
  content: "\ea22"; }

.icon-audi-myAudi-destinations-large:before {
  content: "\ea23"; }

.icon-audi-myAudi-destinations-small:before {
  content: "\ea24"; }

.icon-audi-my-dealer-large:before {
  content: "\ea25"; }

.icon-audi-my-dealer-small:before {
  content: "\ea26"; }

.icon-audi-napster-large:before {
  content: "\ea27"; }

.icon-audi-napster-small:before {
  content: "\ea28"; }

.icon-audi-news-large:before {
  content: "\ea29"; }

.icon-audi-news-small:before {
  content: "\ea2a"; }

.icon-audi-NFC-inactive-large:before {
  content: "\ea2b"; }

.icon-audi-NFC-inactive-small:before {
  content: "\ea2c"; }

.icon-audi-NFC-large:before {
  content: "\ea2d"; }

.icon-audi-NFC-small:before {
  content: "\ea2e"; }

.icon-audi-notepad-large:before {
  content: "\ea2f"; }

.icon-audi-notepad-small:before {
  content: "\ea30"; }

.icon-audi-off-canvas-menu-large:before {
  content: "\ea31"; }

.icon-audi-off-canvas-menu-small:before {
  content: "\ea32"; }

.icon-audi-offline-maps-large:before {
  content: "\ea33"; }

.icon-audi-offline-maps-small:before {
  content: "\ea34"; }

.icon-audi-oil-change-large:before {
  content: "\ea35"; }

.icon-audi-oil-change-small:before {
  content: "\ea36"; }

.icon-audi-parking-in-left-large:before {
  content: "\ea37"; }

.icon-audi-parking-in-left-long-large:before {
  content: "\ea38"; }

.icon-audi-parking-in-left-long-small:before {
  content: "\ea39"; }

.icon-audi-parking-in-left-small:before {
  content: "\ea3a"; }

.icon-audi-parking-in-right-large:before {
  content: "\ea3b"; }

.icon-audi-parking-in-right-long-large:before {
  content: "\ea3c"; }

.icon-audi-parking-in-right-long-small:before {
  content: "\ea3d"; }

.icon-audi-parking-in-right-small:before {
  content: "\ea3e"; }

.icon-audi-parking-in-straight-large:before {
  content: "\ea3f"; }

.icon-audi-parking-in-straight-small:before {
  content: "\ea40"; }

.icon-audi-parking-large:before {
  content: "\ea41"; }

.icon-audi-parking-out-left-large:before {
  content: "\ea42"; }

.icon-audi-parking-out-left-long-large:before {
  content: "\ea43"; }

.icon-audi-parking-out-left-long-small:before {
  content: "\ea44"; }

.icon-audi-parking-out-left-small:before {
  content: "\ea45"; }

.icon-audi-parking-out-right-large:before {
  content: "\ea46"; }

.icon-audi-parking-out-right-long-large:before {
  content: "\ea47"; }

.icon-audi-parking-out-right-long-small:before {
  content: "\ea48"; }

.icon-audi-parking-out-right-small:before {
  content: "\ea49"; }

.icon-audi-parking-out-straight-large:before {
  content: "\ea4a"; }

.icon-audi-parking-out-straight-small:before {
  content: "\ea4b"; }

.icon-audi-parking-small:before {
  content: "\ea4c"; }

.icon-audi-photo-large:before {
  content: "\ea4d"; }

.icon-audi-photo-small:before {
  content: "\ea4e"; }

.icon-audi-pilotiertes-parken-large:before {
  content: "\ea4f"; }

.icon-audi-pilotiertes-parken-small:before {
  content: "\ea50"; }

.icon-audi-pinterest-large:before {
  content: "\ea51"; }

.icon-audi-pinterest-small:before {
  content: "\ea52"; }

.icon-audi-plus-large-01:before {
  content: "\ea53"; }

.icon-audi-plus-small-01:before {
  content: "\ea54"; }

.icon-audi-poi-calendar-large:before {
  content: "\ea55"; }

.icon-audi-poi-calendar-small:before {
  content: "\ea56"; }

.icon-audi-poi-car-large:before {
  content: "\ea57"; }

.icon-audi-poi-car-small:before {
  content: "\ea58"; }

.icon-audi-poi-contact-large:before {
  content: "\ea59"; }

.icon-audi-poi-contact-small:before {
  content: "\ea5a"; }

.icon-audi-poi-favorite-large:before {
  content: "\ea5b"; }

.icon-audi-poi-favorite-small:before {
  content: "\ea5c"; }

.icon-audi-poi-home-large:before {
  content: "\ea5d"; }

.icon-audi-poi-home-small:before {
  content: "\ea5e"; }

.icon-audi-poi-large:before {
  content: "\ea5f"; }

.icon-audi-poi-last-destination-large:before {
  content: "\ea60"; }

.icon-audi-poi-last-destination-small:before {
  content: "\ea61"; }

.icon-audi-poi-search-large:before {
  content: "\ea62"; }

.icon-audi-poi-search-small:before {
  content: "\ea63"; }

.icon-audi-pois-large:before {
  content: "\ea64"; }

.icon-audi-poi-small:before {
  content: "\ea65"; }

.icon-audi-pois-small:before {
  content: "\ea66"; }

.icon-audi-poi-work-large:before {
  content: "\ea67"; }

.icon-audi-poi-work-small:before {
  content: "\ea68"; }

.icon-audi-polls-large:before {
  content: "\ea69"; }

.icon-audi-polls-small:before {
  content: "\ea6a"; }

.icon-audi-power-large:before {
  content: "\ea6b"; }

.icon-audi-power-small:before {
  content: "\ea6c"; }

.icon-audi-pre-heating-large:before {
  content: "\ea6d"; }

.icon-audi-pre-heating-small:before {
  content: "\ea6e"; }

.icon-audi-print-large:before {
  content: "\ea6f"; }

.icon-audi-print-small:before {
  content: "\ea70"; }

.icon-audi-profile-large:before {
  content: "\ea71"; }

.icon-audi-profile-small:before {
  content: "\ea72"; }

.icon-audi-projects-large:before {
  content: "\ea73"; }

.icon-audi-projects-small:before {
  content: "\ea74"; }

.icon-audi-public-transport-large:before {
  content: "\ea75"; }

.icon-audi-public-transport-small:before {
  content: "\ea76"; }

.icon-audi-quattro-large:before {
  content: "\ea77"; }

.icon-audi-quattro-small:before {
  content: "\ea78"; }

.icon-audi-range-large:before {
  content: "\ea79"; }

.icon-audi-range-small:before {
  content: "\ea7a"; }

.icon-audi-receive-e-mail-notification-large:before {
  content: "\ea7b"; }

.icon-audi-receive-e-mail-notification-small:before {
  content: "\ea7c"; }

.icon-audi-recommended-destination-large:before {
  content: "\ea7d"; }

.icon-audi-recommended-destination-small:before {
  content: "\ea7e"; }

.icon-audi-reload-large:before {
  content: "\ea7f"; }

.icon-audi-reload-small:before {
  content: "\ea80"; }

.icon-audi-results-list-large:before {
  content: "\ea81"; }

.icon-audi-results-list-small:before {
  content: "\ea82"; }

.icon-audi-rotate-image-left-large:before {
  content: "\ea83"; }

.icon-audi-rotate-image-left-small:before {
  content: "\ea84"; }

.icon-audi-rotate-image-right-large:before {
  content: "\ea85"; }

.icon-audi-rotate-image-right-small:before {
  content: "\ea86"; }

.icon-audi-rotate-left-large:before {
  content: "\ea87"; }

.icon-audi-rotate-left-small:before {
  content: "\ea88"; }

.icon-audi-rotate-right-large:before {
  content: "\ea89"; }

.icon-audi-rotate-right-small:before {
  content: "\ea8a"; }

.icon-audi-roundabout-left-large:before {
  content: "\ea8b"; }

.icon-audi-roundabout-left-small:before {
  content: "\ea8c"; }

.icon-audi-roundabout-long-left-large:before {
  content: "\ea8d"; }

.icon-audi-roundabout-long-left-small:before {
  content: "\ea8e"; }

.icon-audi-roundabout-long-right-large:before {
  content: "\ea8f"; }

.icon-audi-roundabout-long-right-small:before {
  content: "\ea90"; }

.icon-audi-roundabout-right-large:before {
  content: "\ea91"; }

.icon-audi-roundabout-right-small:before {
  content: "\ea92"; }

.icon-audi-roundabout-sharp-left-large:before {
  content: "\ea93"; }

.icon-audi-roundabout-sharp-left-small:before {
  content: "\ea94"; }

.icon-audi-roundabout-sharp-right-large:before {
  content: "\ea95"; }

.icon-audi-roundabout-sharp-right-small:before {
  content: "\ea96"; }

.icon-audi-roundabout-straight-large:before {
  content: "\ea97"; }

.icon-audi-roundabout-straight-small:before {
  content: "\ea98"; }

.icon-audi-rss-feed-large:before {
  content: "\ea99"; }

.icon-audi-rss-feed-small:before {
  content: "\ea9a"; }

.icon-audi-search-large:before {
  content: "\ea9b"; }

.icon-audi-search-small:before {
  content: "\ea9c"; }

.icon-audi-select-large:before {
  content: "\ea9d"; }

.icon-audi-select-small:before {
  content: "\ea9e"; }

.icon-audi-send-to-vehicle-large:before {
  content: "\ea9f"; }

.icon-audi-send-to-vehicle-small:before {
  content: "\eaa0"; }

.icon-audi-share-large:before {
  content: "\eaa1"; }

.icon-audi-share-small:before {
  content: "\eaa2"; }

.icon-audi-shopping-basket-large:before {
  content: "\eaa3"; }

.icon-audi-shopping-basket-small:before {
  content: "\eaa4"; }

.icon-audi-shuffle-large:before {
  content: "\eaa5"; }

.icon-audi-shuffle-small:before {
  content: "\eaa6"; }

.icon-audi-social-reader-large:before {
  content: "\eaa7"; }

.icon-audi-social-reader-small:before {
  content: "\eaa8"; }

.icon-audi-status-update-large:before {
  content: "\eaa9"; }

.icon-audi-status-update-small:before {
  content: "\eaaa"; }

.icon-audi-sync-large:before {
  content: "\eaab"; }

.icon-audi-sync-small:before {
  content: "\eaac"; }

.icon-audi-tag-large:before {
  content: "\eaad"; }

.icon-audi-tag-small:before {
  content: "\eaae"; }

.icon-audi-test-drive-large:before {
  content: "\eaaf"; }

.icon-audi-test-drive-small:before {
  content: "\eab0"; }

.icon-audi-time-climate1-large:before {
  content: "\eab1"; }

.icon-audi-time-climate1-small:before {
  content: "\eab2"; }

.icon-audi-time-climate2-large:before {
  content: "\eab3"; }

.icon-audi-time-climate2-small:before {
  content: "\eab4"; }

.icon-audi-time-large:before {
  content: "\eab5"; }

.icon-audi-time-long-large:before {
  content: "\eab6"; }

.icon-audi-time-long-small:before {
  content: "\eab7"; }

.icon-audi-time-middle-large:before {
  content: "\eab8"; }

.icon-audi-time-middle-small:before {
  content: "\eab9"; }

.icon-audi-time-short-large:before {
  content: "\eaba"; }

.icon-audi-time-short-small:before {
  content: "\eabb"; }

.icon-audi-time-small:before {
  content: "\eabc"; }

.icon-audi-top-speed-large:before {
  content: "\eabd"; }

.icon-audi-top-speed-small:before {
  content: "\eabe"; }

.icon-audi-torque-large:before {
  content: "\eabf"; }

.icon-audi-torque-small:before {
  content: "\eac0"; }

.icon-audi-tour-large:before {
  content: "\eac1"; }

.icon-audi-tour-small:before {
  content: "\eac2"; }

.icon-audi-traffic-large:before {
  content: "\eac3"; }

.icon-audi-traffic-sign-recognition-alert-large:before {
  content: "\eac4"; }

.icon-audi-traffic-sign-recognition-alert-small:before {
  content: "\eac5"; }

.icon-audi-traffic-sign-recognition-large:before {
  content: "\eac6"; }

.icon-audi-traffic-sign-recognition-small:before {
  content: "\eac7"; }

.icon-audi-traffic-small:before {
  content: "\eac8"; }

.icon-audi-train-large:before {
  content: "\eac9"; }

.icon-audi-train-small:before {
  content: "\eaca"; }

.icon-audi-transmission-large:before {
  content: "\eacb"; }

.icon-audi-transmission-small:before {
  content: "\eacc"; }

.icon-audi-tube-large:before {
  content: "\eacd"; }

.icon-audi-tube-small:before {
  content: "\eace"; }

.icon-audi-twitter-large:before {
  content: "\eacf"; }

.icon-audi-twitter-small:before {
  content: "\ead0"; }

.icon-audi-unlock-large:before {
  content: "\ead1"; }

.icon-audi-unlock-small:before {
  content: "\ead2"; }

.icon-audi-used-car-search-large:before {
  content: "\ead3"; }

.icon-audi-used-car-search-small:before {
  content: "\ead4"; }

.icon-audi-used-cars-large:before {
  content: "\ead5"; }

.icon-audi-used-cars-small:before {
  content: "\ead6"; }

.icon-audi-user-full-body-large:before {
  content: "\ead7"; }

.icon-audi-user-full-body-small:before {
  content: "\ead8"; }

.icon-audi-user-large:before {
  content: "\ead9"; }

.icon-audi-user-small:before {
  content: "\eada"; }

.icon-audi-valet-parking-large:before {
  content: "\eadb"; }

.icon-audi-valet-parking-small:before {
  content: "\eadc"; }

.icon-audi-vehicle-large:before {
  content: "\eadd"; }

.icon-audi-vehicle-search-large:before {
  content: "\eade"; }

.icon-audi-vehicle-search-small:before {
  content: "\eadf"; }

.icon-audi-vehicle-signal-large:before {
  content: "\eae0"; }

.icon-audi-vehicle-signal-small:before {
  content: "\eae1"; }

.icon-audi-vehicle-small:before {
  content: "\eae2"; }

.icon-audi-vehicle-wi-fi-1-large:before {
  content: "\eae3"; }

.icon-audi-vehicle-wi-fi-1-small:before {
  content: "\eae4"; }

.icon-audi-vehicle-wi-fi-2-large:before {
  content: "\eae5"; }

.icon-audi-vehicle-wi-fi-2-small:before {
  content: "\eae6"; }

.icon-audi-vehicle-wi-fi-3-large:before {
  content: "\eae7"; }

.icon-audi-vehicle-wi-fi-3-small:before {
  content: "\eae8"; }

.icon-audi-vehicle-wi-fi-4-large:before {
  content: "\eae9"; }

.icon-audi-vehicle-wi-fi-4-small:before {
  content: "\eaea"; }

.icon-audi-velocity-alert-large:before {
  content: "\eaeb"; }

.icon-audi-velocity-alert-small:before {
  content: "\eaec"; }

.icon-audi-velocity-large:before {
  content: "\eaed"; }

.icon-audi-velocity-small:before {
  content: "\eaee"; }

.icon-audi-video-large:before {
  content: "\eaef"; }

.icon-audi-video-small:before {
  content: "\eaf0"; }

.icon-audi-view-360-large:before {
  content: "\eaf1"; }

.icon-audi-view-360-small:before {
  content: "\eaf2"; }

.icon-audi-vimeo-large:before {
  content: "\eaf3"; }

.icon-audi-vimeo-small:before {
  content: "\eaf4"; }

.icon-audi-voice-call-1-large:before {
  content: "\eaf5"; }

.icon-audi-voice-call-1-small:before {
  content: "\eaf6"; }

.icon-audi-voice-call-2-large:before {
  content: "\eaf7"; }

.icon-audi-voice-call-2-small:before {
  content: "\eaf8"; }

.icon-audi-voice-call-3-large:before {
  content: "\eaf9"; }

.icon-audi-voice-call-3-small:before {
  content: "\eafa"; }

.icon-audi-voice-call-large:before {
  content: "\eafb"; }

.icon-audi-voice-call-small:before {
  content: "\eafc"; }

.icon-audi-walk-large:before {
  content: "\eafd"; }

.icon-audi-walk-small:before {
  content: "\eafe"; }

.icon-audi-weblink-large:before {
  content: "\eaff"; }

.icon-audi-weblink-small:before {
  content: "\eb00"; }

.icon-audi-work-large:before {
  content: "\eb01"; }

.icon-audi-work-small:before {
  content: "\eb02"; }

.icon-audi-xing-large:before {
  content: "\eb03"; }

.icon-audi-xing-small:before {
  content: "\eb04"; }

.icon-audi-youtube-large:before {
  content: "\eb1e"; }

.icon-audi-youtube-small:before {
  content: "\eb1f"; }

.icon-audi-icon_Aggregate-01:before {
  content: "\e9d5"; }

.icon-audi-icon_Aggregate-02:before {
  content: "\e9d6"; }

.icon-audi-icon_Assistenzsysteme-01:before {
  content: "\e9d7"; }

.icon-audi-icon_Einleitung-01:before {
  content: "\e9d8"; }

.icon-audi-icon_e-tron-01:before {
  content: "\e9d9"; }

.icon-audi-icon_Exterior-01:before {
  content: "\e9da"; }

.icon-audi-icon_Getriebe-01:before {
  content: "\e9db"; }

.icon-audi-icon_Infotainment-01:before {
  content: "\e9dc"; }

.icon-audi-icon_Interieur-01:before {
  content: "\e9dd"; }

.icon-audi-icon_LinesKonzept-01:before {
  content: "\e9de"; }

.icon-audi-icon_quattro-01:before {
  content: "\e9df"; }

.icon-audi-icon_S-Modelle-01:before {
  content: "\e9e0"; }

.icon-audi-icon_ultraModelle-01:before {
  content: "\e9e1"; }

.icon-audi-icon_Wettbewerb-01:before {
  content: "\e9e2"; }

.icon-audi-icon-Karosserie-01:before {
  content: "\e9e3"; }

.icon-audi-icon-sitemap-01:before {
  content: "\e9e4"; }

.icon-audi-icon-sitemap-small-01:before {
  content: "\eb1d"; }

.icon-audi-system-info-large-2:before {
  content: "\eb32"; }

.icon-audi-system-info-small-2:before {
  content: "\eb33"; }

.icon-audi-system-help-large-2:before {
  content: "\eb30"; }

.icon-audi-system-help-small-2:before {
  content: "\eb31"; }

.icon-audi-system-add-large:before {
  content: "\e910"; }

.icon-audi-system-add-small:before {
  content: "\e911"; }

.icon-audi-system-audio-off-large:before {
  content: "\e912"; }

.icon-audi-system-audio-off-small:before {
  content: "\e913"; }

.icon-audi-system-audio-on-large:before {
  content: "\e914"; }

.icon-audi-system-audio-on-small:before {
  content: "\e915"; }

.icon-audi-system-cancel-large:before {
  content: "\e916"; }

.icon-audi-system-cancel-small:before {
  content: "\e917"; }

.icon-audi-system-caution-large:before {
  content: "\e918"; }

.icon-audi-system-caution-small:before {
  content: "\e919"; }

.icon-audi-system-copyright-large:before {
  content: "\e91a"; }

.icon-audi-system-copyright-small:before {
  content: "\e91b"; }

.icon-audi-system-download-large:before {
  content: "\e91c"; }

.icon-audi-system-download-small:before {
  content: "\e91d"; }

.icon-audi-system-facebook-large:before {
  content: "\e91e"; }

.icon-audi-system-facebook-small:before {
  content: "\e91f"; }

.icon-audi-system-favorites-large:before {
  content: "\e920"; }

.icon-audi-system-favorites-small:before {
  content: "\e921"; }

.icon-audi-system-follow-large:before {
  content: "\e922"; }

.icon-audi-system-follow-small:before {
  content: "\e923"; }

.icon-audi-system-glossary-large:before {
  content: "\e924"; }

.icon-audi-system-glossary-small:before {
  content: "\e925"; }

.icon-audi-system-google-plus-large:before {
  content: "\e926"; }

.icon-audi-system-google-plus-small:before {
  content: "\e927"; }

.icon-audi-system-help-large:before {
  content: "\e928"; }

.icon-audi-system-help-small:before {
  content: "\e929"; }

.icon-audi-system-info-large:before {
  content: "\e92a"; }

.icon-audi-system-info-small:before {
  content: "\e92b"; }

.icon-audi-system-instagram-large:before {
  content: "\e92c"; }

.icon-audi-system-instagram-small:before {
  content: "\e92d"; }

.icon-audi-system-linkedin-large:before {
  content: "\e92e"; }

.icon-audi-system-linkedin-small:before {
  content: "\e92f"; }

.icon-audi-system-pause-large:before {
  content: "\e930"; }

.icon-audi-system-pause-small:before {
  content: "\e931"; }

.icon-audi-system-pinterest-large:before {
  content: "\e932"; }

.icon-audi-system-pinterest-small:before {
  content: "\e933"; }

.icon-audi-system-play-backwards-large:before {
  content: "\e934"; }

.icon-audi-system-play-backwards-small:before {
  content: "\e935"; }

.icon-audi-system-play-large:before {
  content: "\e936"; }

.icon-audi-system-play-small:before {
  content: "\e937"; }

.icon-audi-system-remove-large:before {
  content: "\e938"; }

.icon-audi-system-remove-small:before {
  content: "\e939"; }

.icon-audi-system-replay-large:before {
  content: "\e93a"; }

.icon-audi-system-replay-small:before {
  content: "\e93b"; }

.icon-audi-system-save-as-large:before {
  content: "\e93c"; }

.icon-audi-system-save-as-small:before {
  content: "\e93d"; }

.icon-audi-system-search-large:before {
  content: "\e93e"; }

.icon-audi-system-search-small:before {
  content: "\e93f"; }

.icon-audi-system-select-large:before {
  content: "\eb05"; }

.icon-audi-system-select-small:before {
  content: "\eb06"; }

.icon-audi-system-settings-large:before {
  content: "\eb07"; }

.icon-audi-system-settings-small:before {
  content: "\eb08"; }

.icon-audi-system-share-large:before {
  content: "\eb09"; }

.icon-audi-system-Share-small:before {
  content: "\eb0a"; }

.icon-audi-system-size-decrease-large:before {
  content: "\eb0b"; }

.icon-audi-system-size-decrease-small:before {
  content: "\eb0c"; }

.icon-audi-system-size-increase-large:before {
  content: "\eb0d"; }

.icon-audi-system-size-increase-small:before {
  content: "\eb0e"; }

.icon-audi-system-skip-next-large:before {
  content: "\eb0f"; }

.icon-audi-system-skip-next-small:before {
  content: "\eb10"; }

.icon-audi-system-skip-previous-large:before {
  content: "\eb11"; }

.icon-audi-system-skip-previous-small:before {
  content: "\eb12"; }

.icon-audi-system-twitter-large:before {
  content: "\eb13"; }

.icon-audi-system-twitter-small:before {
  content: "\eb14"; }

.icon-audi-system-upload-large:before {
  content: "\eb15"; }

.icon-audi-system-upload-small:before {
  content: "\eb16"; }

.icon-audi-system-vimeo-large:before {
  content: "\eb17"; }

.icon-audi-system-vimeo-small:before {
  content: "\eb18"; }

.icon-audi-system-xing-large:before {
  content: "\eb19"; }

.icon-audi-system-xing-small:before {
  content: "\eb1a"; }

.icon-audi-system-youtube-large:before {
  content: "\eb1b"; }

.icon-audi-system-youtube-small:before {
  content: "\eb1c"; }

.icon-audi-notification-archiv-large:before {
  content: "\eb34"; }

.icon-audi-notification-archiv-small:before {
  content: "\eb35"; }

.icon-audi-logout-large:before {
  content: "\eb2e"; }

.icon-audi-logout-small:before {
  content: "\eb2f"; }

.icon-audi-copy-large:before {
  content: "\eb20"; }

.icon-audi-copy-small:before {
  content: "\eb21"; }

.icon-audi-custom-large:before {
  content: "\eb22"; }

.icon-audi-custom-small:before {
  content: "\eb23"; }

.icon-audi-non-poi-large:before {
  content: "\eb24"; }

.icon-audi-non-poi-small:before {
  content: "\eb25"; }

.icon-audi-presentation-large:before {
  content: "\eb26"; }

.icon-audi-presentation-small:before {
  content: "\eb27"; }

.icon-audi-start-large:before {
  content: "\eb28"; }

.icon-audi-start-small:before {
  content: "\eb29"; }

.icon-audi-system-language-de-large:before {
  content: "\eb2a"; }

.icon-audi-system-language-de-small:before {
  content: "\eb2b"; }

.icon-audi-system-language-en-large:before {
  content: "\eb2c"; }

.icon-audi-system-language-en-small:before {
  content: "\eb2d"; }

.brand {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODQgOTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDI4OCAxMDMiIHZlcnNpb249IjEuMSIgeT0iMnB4IiB4PSIycHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJtMjM0LjcgMC41Yy0xMS43IDAtMjIuNSA0LjEtMzAuOSAxMS04LjQtNi45LTE5LjItMTEtMzAuOS0xMXMtMjIuNSA0LjEtMzAuOSAxMWMtOC40LTYuOS0xOS4yLTExLTMwLjktMTFzLTIyLjUgNC4xLTMwLjkgMTFjLTguNC02LjktMTkuMi0xMS0zMC45LTExLTI3LjEgMC00OSAyMi00OSA0OXMyMiA0OSA0OSA0OWMxMS43IDAgMjIuNS00LjEgMzAuOS0xMSA4LjQgNi45IDE5LjIgMTEgMzAuOSAxMXMyMi41LTQuMSAzMC45LTExYzguNCA2LjkgMTkuMiAxMSAzMC45IDExczIyLjUtNC4xIDMwLjktMTFjOC40IDYuOSAxOS4yIDExIDMwLjkgMTEgMjcuMSAwIDQ5LTIyIDQ5LTQ5cy0yMS45LTQ5LTQ5LTQ5em0tMzAuOSA3MWMtNC40LTYuMi03LjEtMTMuOC03LjEtMjJzMi42LTE1LjggNy4xLTIyYzQuNCA2LjIgNy4xIDEzLjggNy4xIDIycy0yLjcgMTUuOC03LjEgMjJ6bS02MS44IDBjLTQuNC02LjItNy4xLTEzLjgtNy4xLTIyczIuNi0xNS44IDcuMS0yMmM0LjQgNi4yIDcuMSAxMy44IDcuMSAyMnMtMi43IDE1LjgtNy4xIDIyem0tNjEuOCAwYy00LjQtNi4yLTcuMS0xMy44LTcuMS0yMnMyLjYtMTUuOCA3LjEtMjJjNC40IDYuMiA3LjEgMTMuOCA3LjEgMjJzLTIuNyAxNS44LTcuMSAyMnptLTY4LjktMjJjMC0yMSAxNy0zOCAzOC0zOCA4LjcgMCAxNi43IDIuOSAyMy4xIDcuOC02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNS0xNC40IDgtMjMuMSA4LTIxIDAtMzgtMTctMzgtMzh6bTc2LjcgMzAuMWM2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44czE2LjcgMi45IDIzLjEgNy44Yy02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNC45LTE0LjQgNy44LTIzLjEgNy44LTguNyAwLjEtMTYuNy0yLjktMjMuMS03Ljh6bTYxLjggMGM2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44czE2LjcgMi45IDIzLjEgNy44Yy02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNC45LTE0LjQgNy44LTIzLjEgNy44LTguNyAwLjEtMTYuNy0yLjktMjMuMS03Ljh6bTg0LjkgNy45Yy04LjcgMC0xNi43LTIuOS0yMy4xLTcuOCA2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44IDIxIDAgMzggMTcgMzggMzhzLTE3IDM3LjgtMzggMzcuOHoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+);
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .brand.inverted {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODggMTAzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyODQgOTkiIHZlcnNpb249IjEuMSIgeT0iMnB4IiB4PSIycHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJtMjM0LjcgMC41Yy0xMS43IDAtMjIuNSA0LjEtMzAuOSAxMS04LjQtNi45LTE5LjItMTEtMzAuOS0xMXMtMjIuNSA0LjEtMzAuOSAxMWMtOC40LTYuOS0xOS4yLTExLTMwLjktMTFzLTIyLjUgNC4xLTMwLjkgMTFjLTguNC02LjktMTkuMi0xMS0zMC45LTExLTI3LjEgMC00OSAyMi00OSA0OXMyMiA0OSA0OSA0OWMxMS43IDAgMjIuNS00LjEgMzAuOS0xMSA4LjQgNi45IDE5LjIgMTEgMzAuOSAxMXMyMi41LTQuMSAzMC45LTExYzguNCA2LjkgMTkuMiAxMSAzMC45IDExczIyLjUtNC4xIDMwLjktMTFjOC40IDYuOSAxOS4yIDExIDMwLjkgMTEgMjcuMSAwIDQ5LTIyIDQ5LTQ5cy0yMS45LTQ5LTQ5LTQ5em0tMzAuOSA3MWMtNC40LTYuMi03LjEtMTMuOC03LjEtMjJzMi42LTE1LjggNy4xLTIyYzQuNCA2LjIgNy4xIDEzLjggNy4xIDIycy0yLjcgMTUuOC03LjEgMjJ6bS02MS44IDBjLTQuNC02LjItNy4xLTEzLjgtNy4xLTIyczIuNi0xNS44IDcuMS0yMmM0LjQgNi4yIDcuMSAxMy44IDcuMSAyMnMtMi43IDE1LjgtNy4xIDIyem0tNjEuOCAwYy00LjQtNi4yLTcuMS0xMy44LTcuMS0yMnMyLjYtMTUuOCA3LjEtMjJjNC40IDYuMiA3LjEgMTMuOCA3LjEgMjJzLTIuNyAxNS44LTcuMSAyMnptLTY4LjktMjJjMC0yMSAxNy0zOCAzOC0zOCA4LjcgMCAxNi43IDIuOSAyMy4xIDcuOC02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNS0xNC40IDgtMjMuMSA4LTIxIDAtMzgtMTctMzgtMzh6bTc2LjcgMzAuMWM2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44czE2LjcgMi45IDIzLjEgNy44Yy02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNC45LTE0LjQgNy44LTIzLjEgNy44LTguNyAwLjEtMTYuNy0yLjktMjMuMS03Ljh6bTYxLjggMGM2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44czE2LjcgMi45IDIzLjEgNy44Yy02LjUgOC4zLTEwLjMgMTguOC0xMC4zIDMwLjEgMCAxMS40IDMuOSAyMS44IDEwLjMgMzAuMS02LjQgNC45LTE0LjQgNy44LTIzLjEgNy44LTguNyAwLjEtMTYuNy0yLjktMjMuMS03Ljh6bTg0LjkgNy45Yy04LjcgMC0xNi43LTIuOS0yMy4xLTcuOCA2LjUtOC4zIDEwLjMtMTguOCAxMC4zLTMwLjEgMC0xMS40LTMuOS0yMS44LTEwLjMtMzAuMSA2LjQtNC45IDE0LjQtNy44IDIzLjEtNy44IDIxIDAgMzggMTcgMzggMzhzLTE3IDM3LjgtMzggMzcuOHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+); }

.ci-color-white {
  background-color: #ffffff; }

.ci-color-black {
  background-color: #000000; }

.ci-color-silver {
  background-color: #b2b2b2; }

.ci-color-warmsilver {
  background-color: #b6b1a9; }

.ci-color-green, .ci-color-success {
  background-color: #009900; }

.ci-color-warning, .ci-color-yellow {
  background-color: #ffaa00; }

.ci-color-danger, .ci-color-red {
  background-color: #bb0a30; }

.ci-color-gray10 {
  background-color: #1a1a1a; }

.ci-color-gray20 {
  background-color: #333333; }

.ci-color-gray30 {
  background-color: #4c4c4c; }

.ci-color-gray40 {
  background-color: #666666; }

.ci-color-gray50 {
  background-color: #808080; }

.ci-color-gray60 {
  background-color: #999999; }

.ci-color-gray70 {
  background-color: #b2b2b2; }

.ci-color-gray80 {
  background-color: #cccccc; }

.ci-color-gray85 {
  background-color: #d9d9d9; }

.ci-color-gray90 {
  background-color: #e5e5e5; }

.ci-color-gray95 {
  background-color: #f2f2f2; }

.ci-color-text-light {
  color: #f2f2f2; }

.ci-color-text-dark {
  color: #333333; }

.ci-color-text-green, .ci-color-text-success {
  color: #009900; }

.ci-color-text-warning, .ci-color-text-yellow {
  color: #ffaa00; }

.ci-color-text-danger, .ci-color-text-red {
  color: #bb0a30; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  font-weight: 300;
  margin: 0;
  color: #333333; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
table {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0; }

a {
  color: inherit;
  text-decoration: none; }

i,
em {
  font-style: normal; }

/* Gridle / Container-Bug im neuen CI */
.container {
  max-width: auto; }

.response {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none; }
  .response .response-effect {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 50%; }
    .response .response-effect-large {
      width: 60px;
      height: 60px;
      margin: -30px 0 0 -30px; }
  .response.response-masked {
    overflow: hidden; }
  .response.animating .response-effect {
    animation: ci-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }

.js-response.ci-theme-light .animating .response-effect {
  animation: ci-response-light 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }

.primary .animating .response-effect {
  animation: ci-response-light 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }

.primary.ci-theme-light .animating .response-effect {
  animation: ci-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }

@keyframes ci-response-dark {
  0% {
    opacity: 1;
    box-shadow: inset 0 0 0 30px rgba(153, 153, 153, 0.3);
    transform: scale3d(0.01, 0.01, 1); }
  100% {
    opacity: 0;
    box-shadow: inset 0 0 0 1px #999999;
    transform: scale3d(1.7, 1.7, 1); } }

@keyframes ci-response-light {
  0% {
    opacity: 1;
    box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0.3);
    transform: scale3d(0.01, 0.01, 1); }
  100% {
    opacity: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
    transform: scale3d(1.7, 1.7, 1); } }

.container:after {
  content: "";
  display: table;
  clear: both; }

.row, .row-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8, .gr-9, .gr-10, .gr-11, .gr-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px; }

.gr-adapt {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px; }

.gr-grow {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px; }

.push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
  position: relative; }

.pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
  position: relative; }

.nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  white-space: nowrap; }
  .nowrap > * {
    white-space: normal; }

.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: normal; }

.gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important; }

@media screen and (min-width: 1584px) {
  .container\@large:after {
    content: "";
    display: table;
    clear: both; } }

@media screen and (min-width: 1584px) {
  .row\@large, .row-reverse\@large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

@media screen and (min-width: 1584px) {
  .gr-0\@large, .gr-1\@large, .gr-2\@large, .gr-3\@large, .gr-4\@large, .gr-5\@large, .gr-6\@large, .gr-7\@large, .gr-8\@large, .gr-9\@large, .gr-10\@large, .gr-11\@large, .gr-12\@large {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1584px) {
  .gr-adapt\@large {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1584px) {
  .gr-grow\@large {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1584px) {
  .push-0\@large, .push-1\@large, .push-2\@large, .push-3\@large, .push-4\@large, .push-5\@large, .push-6\@large, .push-7\@large, .push-8\@large, .push-9\@large, .push-10\@large, .push-11\@large, .push-12\@large {
    position: relative; } }

@media screen and (min-width: 1584px) {
  .pull-0\@large, .pull-1\@large, .pull-2\@large, .pull-3\@large, .pull-4\@large, .pull-5\@large, .pull-6\@large, .pull-7\@large, .pull-8\@large, .pull-9\@large, .pull-10\@large, .pull-11\@large, .pull-12\@large {
    position: relative; } }

@media screen and (min-width: 1584px) {
  .nowrap\@large {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .nowrap\@large > * {
      white-space: normal; } }

@media screen and (min-width: 1584px) {
  .wrap\@large {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal; } }

@media screen and (min-width: 1584px) {
  .gr-centered\@large {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .container\@desktop:after {
    content: "";
    display: table;
    clear: both; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .row\@desktop, .row-reverse\@desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-0\@desktop, .gr-1\@desktop, .gr-2\@desktop, .gr-3\@desktop, .gr-4\@desktop, .gr-5\@desktop, .gr-6\@desktop, .gr-7\@desktop, .gr-8\@desktop, .gr-9\@desktop, .gr-10\@desktop, .gr-11\@desktop, .gr-12\@desktop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-adapt\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-grow\@desktop {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .push-0\@desktop, .push-1\@desktop, .push-2\@desktop, .push-3\@desktop, .push-4\@desktop, .push-5\@desktop, .push-6\@desktop, .push-7\@desktop, .push-8\@desktop, .push-9\@desktop, .push-10\@desktop, .push-11\@desktop, .push-12\@desktop {
    position: relative; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .pull-0\@desktop, .pull-1\@desktop, .pull-2\@desktop, .pull-3\@desktop, .pull-4\@desktop, .pull-5\@desktop, .pull-6\@desktop, .pull-7\@desktop, .pull-8\@desktop, .pull-9\@desktop, .pull-10\@desktop, .pull-11\@desktop, .pull-12\@desktop {
    position: relative; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .nowrap\@desktop {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .nowrap\@desktop > * {
      white-space: normal; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .wrap\@desktop {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-centered\@desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .container\@tablet:after {
    content: "";
    display: table;
    clear: both; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .row\@tablet, .row-reverse\@tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-0\@tablet, .gr-1\@tablet, .gr-2\@tablet, .gr-3\@tablet, .gr-4\@tablet, .gr-5\@tablet, .gr-6\@tablet, .gr-7\@tablet, .gr-8\@tablet, .gr-9\@tablet, .gr-10\@tablet, .gr-11\@tablet, .gr-12\@tablet {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-adapt\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-grow\@tablet {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .push-0\@tablet, .push-1\@tablet, .push-2\@tablet, .push-3\@tablet, .push-4\@tablet, .push-5\@tablet, .push-6\@tablet, .push-7\@tablet, .push-8\@tablet, .push-9\@tablet, .push-10\@tablet, .push-11\@tablet, .push-12\@tablet {
    position: relative; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .pull-0\@tablet, .pull-1\@tablet, .pull-2\@tablet, .pull-3\@tablet, .pull-4\@tablet, .pull-5\@tablet, .pull-6\@tablet, .pull-7\@tablet, .pull-8\@tablet, .pull-9\@tablet, .pull-10\@tablet, .pull-11\@tablet, .pull-12\@tablet {
    position: relative; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .nowrap\@tablet {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .nowrap\@tablet > * {
      white-space: normal; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .wrap\@tablet {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-centered\@tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important; } }

@media screen and (max-width: 759px) {
  .container\@mobile:after {
    content: "";
    display: table;
    clear: both; } }

@media screen and (max-width: 759px) {
  .row\@mobile, .row-reverse\@mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }

@media screen and (max-width: 759px) {
  .gr-0\@mobile, .gr-1\@mobile, .gr-2\@mobile, .gr-3\@mobile, .gr-4\@mobile, .gr-5\@mobile, .gr-6\@mobile, .gr-7\@mobile, .gr-8\@mobile, .gr-9\@mobile, .gr-10\@mobile, .gr-11\@mobile, .gr-12\@mobile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (max-width: 759px) {
  .gr-adapt\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (max-width: 759px) {
  .gr-grow\@mobile {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; } }

@media screen and (max-width: 759px) {
  .push-0\@mobile, .push-1\@mobile, .push-2\@mobile, .push-3\@mobile, .push-4\@mobile, .push-5\@mobile, .push-6\@mobile, .push-7\@mobile, .push-8\@mobile, .push-9\@mobile, .push-10\@mobile, .push-11\@mobile, .push-12\@mobile {
    position: relative; } }

@media screen and (max-width: 759px) {
  .pull-0\@mobile, .pull-1\@mobile, .pull-2\@mobile, .pull-3\@mobile, .pull-4\@mobile, .pull-5\@mobile, .pull-6\@mobile, .pull-7\@mobile, .pull-8\@mobile, .pull-9\@mobile, .pull-10\@mobile, .pull-11\@mobile, .pull-12\@mobile {
    position: relative; } }

@media screen and (max-width: 759px) {
  .nowrap\@mobile {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .nowrap\@mobile > * {
      white-space: normal; } }

@media screen and (max-width: 759px) {
  .wrap\@mobile {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal; } }

@media screen and (max-width: 759px) {
  .gr-centered\@mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important; } }

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width; } }

#gridle-settings {
  content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "large":{ "name" : "large", "min-width" : "1584px", "max-width" : null, "query" : "screen and (min-width: 1584px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop":{ "name" : "desktop", "min-width" : "1025px", "max-width" : "1280px", "query" : "screen and (min-width: 1025px) and (max-width: 1280px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "760px", "max-width" : "1024px", "query" : "screen and (min-width: 760px) and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "759px", "query" : "screen and (max-width: 759px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }'; }

.gr-0 {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%; }

.push-0 {
  left: 0%;
  right: auto; }

.pull-0 {
  right: 0%;
  left: auto; }

.prefix-0 {
  margin-left: 0%; }

.suffix-0 {
  margin-right: 0%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-1 {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.push-1 {
  left: 8.3333333333%;
  right: auto; }

.pull-1 {
  right: 8.3333333333%;
  left: auto; }

.prefix-1 {
  margin-left: 8.3333333333%; }

.suffix-1 {
  margin-right: 8.3333333333%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-2 {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.push-2 {
  left: 16.6666666667%;
  right: auto; }

.pull-2 {
  right: 16.6666666667%;
  left: auto; }

.prefix-2 {
  margin-left: 16.6666666667%; }

.suffix-2 {
  margin-right: 16.6666666667%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-3 {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.push-3 {
  left: 25%;
  right: auto; }

.pull-3 {
  right: 25%;
  left: auto; }

.prefix-3 {
  margin-left: 25%; }

.suffix-3 {
  margin-right: 25%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-4 {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.push-4 {
  left: 33.3333333333%;
  right: auto; }

.pull-4 {
  right: 33.3333333333%;
  left: auto; }

.prefix-4 {
  margin-left: 33.3333333333%; }

.suffix-4 {
  margin-right: 33.3333333333%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-5 {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.push-5 {
  left: 41.6666666667%;
  right: auto; }

.pull-5 {
  right: 41.6666666667%;
  left: auto; }

.prefix-5 {
  margin-left: 41.6666666667%; }

.suffix-5 {
  margin-right: 41.6666666667%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-6 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.push-6 {
  left: 50%;
  right: auto; }

.pull-6 {
  right: 50%;
  left: auto; }

.prefix-6 {
  margin-left: 50%; }

.suffix-6 {
  margin-right: 50%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-7 {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.push-7 {
  left: 58.3333333333%;
  right: auto; }

.pull-7 {
  right: 58.3333333333%;
  left: auto; }

.prefix-7 {
  margin-left: 58.3333333333%; }

.suffix-7 {
  margin-right: 58.3333333333%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-8 {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.push-8 {
  left: 66.6666666667%;
  right: auto; }

.pull-8 {
  right: 66.6666666667%;
  left: auto; }

.prefix-8 {
  margin-left: 66.6666666667%; }

.suffix-8 {
  margin-right: 66.6666666667%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-9 {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.push-9 {
  left: 75%;
  right: auto; }

.pull-9 {
  right: 75%;
  left: auto; }

.prefix-9 {
  margin-left: 75%; }

.suffix-9 {
  margin-right: 75%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-10 {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.push-10 {
  left: 83.3333333333%;
  right: auto; }

.pull-10 {
  right: 83.3333333333%;
  left: auto; }

.prefix-10 {
  margin-left: 83.3333333333%; }

.suffix-10 {
  margin-right: 83.3333333333%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-11 {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.push-11 {
  left: 91.6666666667%;
  right: auto; }

.pull-11 {
  right: 91.6666666667%;
  left: auto; }

.prefix-11 {
  margin-left: 91.6666666667%; }

.suffix-11 {
  margin-right: 91.6666666667%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.gr-12 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.push-12 {
  left: 100%;
  right: auto; }

.pull-12 {
  right: 100%;
  left: auto; }

.prefix-12 {
  margin-left: 100%; }

.suffix-12 {
  margin-right: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12; }

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }

.no-gutter-left {
  padding-left: 0; }

.no-gutter-right {
  padding-right: 0; }

.no-gutter-top {
  padding-top: 0; }

.no-gutter-bottom {
  padding-bottom: 0; }

.gutter {
  padding-right: 10px;
  padding-left: 10px; }

.gutter-left {
  padding-left: 10px; }

.gutter-right {
  padding-right: 10px; }

.auto-height {
  height: inherit; }

.row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px; }
  [class*="no-gutter"] > .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px; }
  [class*="no-gutter"] > .row-reverse {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px; }

.col-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px; }

.row-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }

.row-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.row-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }

.row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.row-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.row-align-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }

.row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.hide {
  display: none; }

.not-visible {
  visibility: hidden; }

.show {
  display: block; }

.show-inline {
  display: inline-block; }

.visible {
  visibility: visible; }

.row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden; }
  .row-debug:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.6666666667% 100%;
    z-index: 99999; }

body {
  direction: ltr; }

@media screen and (min-width: 1584px) {
  .gr-0\@large {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%; }
  .push-0\@large {
    left: 0%;
    right: auto; }
  .pull-0\@large {
    right: 0%;
    left: auto; }
  .prefix-0\@large {
    margin-left: 0%; }
  .suffix-0\@large {
    margin-right: 0%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-0\@large {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-1\@large {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .push-1\@large {
    left: 8.3333333333%;
    right: auto; }
  .pull-1\@large {
    right: 8.3333333333%;
    left: auto; }
  .prefix-1\@large {
    margin-left: 8.3333333333%; }
  .suffix-1\@large {
    margin-right: 8.3333333333%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-1\@large {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-2\@large {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .push-2\@large {
    left: 16.6666666667%;
    right: auto; }
  .pull-2\@large {
    right: 16.6666666667%;
    left: auto; }
  .prefix-2\@large {
    margin-left: 16.6666666667%; }
  .suffix-2\@large {
    margin-right: 16.6666666667%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-2\@large {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-3\@large {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .push-3\@large {
    left: 25%;
    right: auto; }
  .pull-3\@large {
    right: 25%;
    left: auto; }
  .prefix-3\@large {
    margin-left: 25%; }
  .suffix-3\@large {
    margin-right: 25%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-3\@large {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-4\@large {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .push-4\@large {
    left: 33.3333333333%;
    right: auto; }
  .pull-4\@large {
    right: 33.3333333333%;
    left: auto; }
  .prefix-4\@large {
    margin-left: 33.3333333333%; }
  .suffix-4\@large {
    margin-right: 33.3333333333%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-4\@large {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-5\@large {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .push-5\@large {
    left: 41.6666666667%;
    right: auto; }
  .pull-5\@large {
    right: 41.6666666667%;
    left: auto; }
  .prefix-5\@large {
    margin-left: 41.6666666667%; }
  .suffix-5\@large {
    margin-right: 41.6666666667%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-5\@large {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-6\@large {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .push-6\@large {
    left: 50%;
    right: auto; }
  .pull-6\@large {
    right: 50%;
    left: auto; }
  .prefix-6\@large {
    margin-left: 50%; }
  .suffix-6\@large {
    margin-right: 50%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-6\@large {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-7\@large {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .push-7\@large {
    left: 58.3333333333%;
    right: auto; }
  .pull-7\@large {
    right: 58.3333333333%;
    left: auto; }
  .prefix-7\@large {
    margin-left: 58.3333333333%; }
  .suffix-7\@large {
    margin-right: 58.3333333333%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-7\@large {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-8\@large {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .push-8\@large {
    left: 66.6666666667%;
    right: auto; }
  .pull-8\@large {
    right: 66.6666666667%;
    left: auto; }
  .prefix-8\@large {
    margin-left: 66.6666666667%; }
  .suffix-8\@large {
    margin-right: 66.6666666667%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-8\@large {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-9\@large {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .push-9\@large {
    left: 75%;
    right: auto; }
  .pull-9\@large {
    right: 75%;
    left: auto; }
  .prefix-9\@large {
    margin-left: 75%; }
  .suffix-9\@large {
    margin-right: 75%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-9\@large {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-10\@large {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .push-10\@large {
    left: 83.3333333333%;
    right: auto; }
  .pull-10\@large {
    right: 83.3333333333%;
    left: auto; }
  .prefix-10\@large {
    margin-left: 83.3333333333%; }
  .suffix-10\@large {
    margin-right: 83.3333333333%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-10\@large {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-11\@large {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .push-11\@large {
    left: 91.6666666667%;
    right: auto; }
  .pull-11\@large {
    right: 91.6666666667%;
    left: auto; }
  .prefix-11\@large {
    margin-left: 91.6666666667%; }
  .suffix-11\@large {
    margin-right: 91.6666666667%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-11\@large {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@large {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .push-12\@large {
    left: 100%;
    right: auto; }
  .pull-12\@large {
    right: 100%;
    left: auto; }
  .prefix-12\@large {
    margin-left: 100%; }
  .suffix-12\@large {
    margin-right: 100%; }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-12\@large {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .float-left\@large {
    float: left; }
  .float-right\@large {
    float: right; }
  .clear\@large {
    clear: both; }
  .clear-left\@large {
    clear: left; }
  .clear-right\@large {
    clear: right; }
  .no-gutter\@large {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .no-gutter-left\@large {
    padding-left: 0; }
  .no-gutter-right\@large {
    padding-right: 0; }
  .no-gutter-top\@large {
    padding-top: 0; }
  .no-gutter-bottom\@large {
    padding-bottom: 0; }
  .gutter\@large {
    padding-right: 10px;
    padding-left: 10px; }
  .gutter-left\@large {
    padding-left: 10px; }
  .gutter-right\@large {
    padding-right: 10px; }
  .auto-height\@large {
    height: inherit; }
  .row\@large {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row\@large {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-reverse\@large {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@large {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-full\@large {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .col\@large {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .col-reverse\@large {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .row-align-left\@large {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .row-align-center\@large {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .row-align-right\@large {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .row-align-middle\@large {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .row-align-top\@large {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .row-align-bottom\@large {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .row-align-around\@large {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .row-align-between\@large {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .hide\@large {
    display: none; }
  .not-visible\@large {
    visibility: hidden; }
  .show\@large {
    display: block; }
  .show-inline\@large {
    display: inline-block; }
  .visible\@large {
    visibility: visible; }
  .row-debug\@large {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
    .row-debug\@large:before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99999px;
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
      background-size: 16.6666666667% 100%;
      z-index: 99999; }
  body {
    direction: ltr; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-0\@desktop {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%; }
  .push-0\@desktop {
    left: 0%;
    right: auto; }
  .pull-0\@desktop {
    right: 0%;
    left: auto; }
  .prefix-0\@desktop {
    margin-left: 0%; }
  .suffix-0\@desktop {
    margin-right: 0%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-0\@desktop {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-1\@desktop {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .push-1\@desktop {
    left: 8.3333333333%;
    right: auto; }
  .pull-1\@desktop {
    right: 8.3333333333%;
    left: auto; }
  .prefix-1\@desktop {
    margin-left: 8.3333333333%; }
  .suffix-1\@desktop {
    margin-right: 8.3333333333%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-1\@desktop {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-2\@desktop {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .push-2\@desktop {
    left: 16.6666666667%;
    right: auto; }
  .pull-2\@desktop {
    right: 16.6666666667%;
    left: auto; }
  .prefix-2\@desktop {
    margin-left: 16.6666666667%; }
  .suffix-2\@desktop {
    margin-right: 16.6666666667%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-2\@desktop {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-3\@desktop {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .push-3\@desktop {
    left: 25%;
    right: auto; }
  .pull-3\@desktop {
    right: 25%;
    left: auto; }
  .prefix-3\@desktop {
    margin-left: 25%; }
  .suffix-3\@desktop {
    margin-right: 25%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-3\@desktop {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-4\@desktop {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .push-4\@desktop {
    left: 33.3333333333%;
    right: auto; }
  .pull-4\@desktop {
    right: 33.3333333333%;
    left: auto; }
  .prefix-4\@desktop {
    margin-left: 33.3333333333%; }
  .suffix-4\@desktop {
    margin-right: 33.3333333333%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-4\@desktop {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-5\@desktop {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .push-5\@desktop {
    left: 41.6666666667%;
    right: auto; }
  .pull-5\@desktop {
    right: 41.6666666667%;
    left: auto; }
  .prefix-5\@desktop {
    margin-left: 41.6666666667%; }
  .suffix-5\@desktop {
    margin-right: 41.6666666667%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-5\@desktop {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-6\@desktop {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .push-6\@desktop {
    left: 50%;
    right: auto; }
  .pull-6\@desktop {
    right: 50%;
    left: auto; }
  .prefix-6\@desktop {
    margin-left: 50%; }
  .suffix-6\@desktop {
    margin-right: 50%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-6\@desktop {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-7\@desktop {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .push-7\@desktop {
    left: 58.3333333333%;
    right: auto; }
  .pull-7\@desktop {
    right: 58.3333333333%;
    left: auto; }
  .prefix-7\@desktop {
    margin-left: 58.3333333333%; }
  .suffix-7\@desktop {
    margin-right: 58.3333333333%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-7\@desktop {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-8\@desktop {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .push-8\@desktop {
    left: 66.6666666667%;
    right: auto; }
  .pull-8\@desktop {
    right: 66.6666666667%;
    left: auto; }
  .prefix-8\@desktop {
    margin-left: 66.6666666667%; }
  .suffix-8\@desktop {
    margin-right: 66.6666666667%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-8\@desktop {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-9\@desktop {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .push-9\@desktop {
    left: 75%;
    right: auto; }
  .pull-9\@desktop {
    right: 75%;
    left: auto; }
  .prefix-9\@desktop {
    margin-left: 75%; }
  .suffix-9\@desktop {
    margin-right: 75%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-9\@desktop {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-10\@desktop {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .push-10\@desktop {
    left: 83.3333333333%;
    right: auto; }
  .pull-10\@desktop {
    right: 83.3333333333%;
    left: auto; }
  .prefix-10\@desktop {
    margin-left: 83.3333333333%; }
  .suffix-10\@desktop {
    margin-right: 83.3333333333%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-10\@desktop {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-11\@desktop {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .push-11\@desktop {
    left: 91.6666666667%;
    right: auto; }
  .pull-11\@desktop {
    right: 91.6666666667%;
    left: auto; }
  .prefix-11\@desktop {
    margin-left: 91.6666666667%; }
  .suffix-11\@desktop {
    margin-right: 91.6666666667%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-11\@desktop {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@desktop {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .push-12\@desktop {
    left: 100%;
    right: auto; }
  .pull-12\@desktop {
    right: 100%;
    left: auto; }
  .prefix-12\@desktop {
    margin-left: 100%; }
  .suffix-12\@desktop {
    margin-right: 100%; }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-12\@desktop {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .float-left\@desktop {
    float: left; }
  .float-right\@desktop {
    float: right; }
  .clear\@desktop {
    clear: both; }
  .clear-left\@desktop {
    clear: left; }
  .clear-right\@desktop {
    clear: right; }
  .no-gutter\@desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .no-gutter-left\@desktop {
    padding-left: 0; }
  .no-gutter-right\@desktop {
    padding-right: 0; }
  .no-gutter-top\@desktop {
    padding-top: 0; }
  .no-gutter-bottom\@desktop {
    padding-bottom: 0; }
  .gutter\@desktop {
    padding-right: 10px;
    padding-left: 10px; }
  .gutter-left\@desktop {
    padding-left: 10px; }
  .gutter-right\@desktop {
    padding-right: 10px; }
  .auto-height\@desktop {
    height: inherit; }
  .row\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row\@desktop {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@desktop {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-full\@desktop {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .col\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .col-reverse\@desktop {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .row-align-left\@desktop {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .row-align-center\@desktop {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .row-align-right\@desktop {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .row-align-middle\@desktop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .row-align-top\@desktop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .row-align-bottom\@desktop {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .row-align-around\@desktop {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .row-align-between\@desktop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .hide\@desktop {
    display: none; }
  .not-visible\@desktop {
    visibility: hidden; }
  .show\@desktop {
    display: block; }
  .show-inline\@desktop {
    display: inline-block; }
  .visible\@desktop {
    visibility: visible; }
  .row-debug\@desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
    .row-debug\@desktop:before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99999px;
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
      background-size: 16.6666666667% 100%;
      z-index: 99999; }
  body {
    direction: ltr; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-0\@tablet {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%; }
  .push-0\@tablet {
    left: 0%;
    right: auto; }
  .pull-0\@tablet {
    right: 0%;
    left: auto; }
  .prefix-0\@tablet {
    margin-left: 0%; }
  .suffix-0\@tablet {
    margin-right: 0%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-0\@tablet {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-1\@tablet {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .push-1\@tablet {
    left: 8.3333333333%;
    right: auto; }
  .pull-1\@tablet {
    right: 8.3333333333%;
    left: auto; }
  .prefix-1\@tablet {
    margin-left: 8.3333333333%; }
  .suffix-1\@tablet {
    margin-right: 8.3333333333%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-1\@tablet {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-2\@tablet {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .push-2\@tablet {
    left: 16.6666666667%;
    right: auto; }
  .pull-2\@tablet {
    right: 16.6666666667%;
    left: auto; }
  .prefix-2\@tablet {
    margin-left: 16.6666666667%; }
  .suffix-2\@tablet {
    margin-right: 16.6666666667%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-2\@tablet {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-3\@tablet {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .push-3\@tablet {
    left: 25%;
    right: auto; }
  .pull-3\@tablet {
    right: 25%;
    left: auto; }
  .prefix-3\@tablet {
    margin-left: 25%; }
  .suffix-3\@tablet {
    margin-right: 25%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-3\@tablet {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-4\@tablet {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .push-4\@tablet {
    left: 33.3333333333%;
    right: auto; }
  .pull-4\@tablet {
    right: 33.3333333333%;
    left: auto; }
  .prefix-4\@tablet {
    margin-left: 33.3333333333%; }
  .suffix-4\@tablet {
    margin-right: 33.3333333333%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-4\@tablet {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-5\@tablet {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .push-5\@tablet {
    left: 41.6666666667%;
    right: auto; }
  .pull-5\@tablet {
    right: 41.6666666667%;
    left: auto; }
  .prefix-5\@tablet {
    margin-left: 41.6666666667%; }
  .suffix-5\@tablet {
    margin-right: 41.6666666667%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-5\@tablet {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-6\@tablet {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .push-6\@tablet {
    left: 50%;
    right: auto; }
  .pull-6\@tablet {
    right: 50%;
    left: auto; }
  .prefix-6\@tablet {
    margin-left: 50%; }
  .suffix-6\@tablet {
    margin-right: 50%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-6\@tablet {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-7\@tablet {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .push-7\@tablet {
    left: 58.3333333333%;
    right: auto; }
  .pull-7\@tablet {
    right: 58.3333333333%;
    left: auto; }
  .prefix-7\@tablet {
    margin-left: 58.3333333333%; }
  .suffix-7\@tablet {
    margin-right: 58.3333333333%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-7\@tablet {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-8\@tablet {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .push-8\@tablet {
    left: 66.6666666667%;
    right: auto; }
  .pull-8\@tablet {
    right: 66.6666666667%;
    left: auto; }
  .prefix-8\@tablet {
    margin-left: 66.6666666667%; }
  .suffix-8\@tablet {
    margin-right: 66.6666666667%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-8\@tablet {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-9\@tablet {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .push-9\@tablet {
    left: 75%;
    right: auto; }
  .pull-9\@tablet {
    right: 75%;
    left: auto; }
  .prefix-9\@tablet {
    margin-left: 75%; }
  .suffix-9\@tablet {
    margin-right: 75%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-9\@tablet {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-10\@tablet {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .push-10\@tablet {
    left: 83.3333333333%;
    right: auto; }
  .pull-10\@tablet {
    right: 83.3333333333%;
    left: auto; }
  .prefix-10\@tablet {
    margin-left: 83.3333333333%; }
  .suffix-10\@tablet {
    margin-right: 83.3333333333%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-10\@tablet {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-11\@tablet {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .push-11\@tablet {
    left: 91.6666666667%;
    right: auto; }
  .pull-11\@tablet {
    right: 91.6666666667%;
    left: auto; }
  .prefix-11\@tablet {
    margin-left: 91.6666666667%; }
  .suffix-11\@tablet {
    margin-right: 91.6666666667%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-11\@tablet {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@tablet {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .push-12\@tablet {
    left: 100%;
    right: auto; }
  .pull-12\@tablet {
    right: 100%;
    left: auto; }
  .prefix-12\@tablet {
    margin-left: 100%; }
  .suffix-12\@tablet {
    margin-right: 100%; }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-12\@tablet {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .float-left\@tablet {
    float: left; }
  .float-right\@tablet {
    float: right; }
  .clear\@tablet {
    clear: both; }
  .clear-left\@tablet {
    clear: left; }
  .clear-right\@tablet {
    clear: right; }
  .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .no-gutter-left\@tablet {
    padding-left: 0; }
  .no-gutter-right\@tablet {
    padding-right: 0; }
  .no-gutter-top\@tablet {
    padding-top: 0; }
  .no-gutter-bottom\@tablet {
    padding-bottom: 0; }
  .gutter\@tablet {
    padding-right: 10px;
    padding-left: 10px; }
  .gutter-left\@tablet {
    padding-left: 10px; }
  .gutter-right\@tablet {
    padding-right: 10px; }
  .auto-height\@tablet {
    height: inherit; }
  .row\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row\@tablet {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@tablet {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .col\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .col-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .row-align-left\@tablet {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .row-align-center\@tablet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .row-align-right\@tablet {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .row-align-middle\@tablet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .row-align-top\@tablet {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .row-align-bottom\@tablet {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .row-align-around\@tablet {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .row-align-between\@tablet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .hide\@tablet {
    display: none; }
  .not-visible\@tablet {
    visibility: hidden; }
  .show\@tablet {
    display: block; }
  .show-inline\@tablet {
    display: inline-block; }
  .visible\@tablet {
    visibility: visible; }
  .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
    .row-debug\@tablet:before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99999px;
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
      background-size: 16.6666666667% 100%;
      z-index: 99999; }
  body {
    direction: ltr; } }

@media screen and (max-width: 759px) {
  .gr-0\@mobile {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%; }
  .push-0\@mobile {
    left: 0%;
    right: auto; }
  .pull-0\@mobile {
    right: 0%;
    left: auto; }
  .prefix-0\@mobile {
    margin-left: 0%; }
  .suffix-0\@mobile {
    margin-right: 0%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-0\@mobile {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-1\@mobile {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .push-1\@mobile {
    left: 8.3333333333%;
    right: auto; }
  .pull-1\@mobile {
    right: 8.3333333333%;
    left: auto; }
  .prefix-1\@mobile {
    margin-left: 8.3333333333%; }
  .suffix-1\@mobile {
    margin-right: 8.3333333333%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-1\@mobile {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-2\@mobile {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .push-2\@mobile {
    left: 16.6666666667%;
    right: auto; }
  .pull-2\@mobile {
    right: 16.6666666667%;
    left: auto; }
  .prefix-2\@mobile {
    margin-left: 16.6666666667%; }
  .suffix-2\@mobile {
    margin-right: 16.6666666667%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-2\@mobile {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-3\@mobile {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .push-3\@mobile {
    left: 25%;
    right: auto; }
  .pull-3\@mobile {
    right: 25%;
    left: auto; }
  .prefix-3\@mobile {
    margin-left: 25%; }
  .suffix-3\@mobile {
    margin-right: 25%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-3\@mobile {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-4\@mobile {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .push-4\@mobile {
    left: 33.3333333333%;
    right: auto; }
  .pull-4\@mobile {
    right: 33.3333333333%;
    left: auto; }
  .prefix-4\@mobile {
    margin-left: 33.3333333333%; }
  .suffix-4\@mobile {
    margin-right: 33.3333333333%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-4\@mobile {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-5\@mobile {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .push-5\@mobile {
    left: 41.6666666667%;
    right: auto; }
  .pull-5\@mobile {
    right: 41.6666666667%;
    left: auto; }
  .prefix-5\@mobile {
    margin-left: 41.6666666667%; }
  .suffix-5\@mobile {
    margin-right: 41.6666666667%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-5\@mobile {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-6\@mobile {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .push-6\@mobile {
    left: 50%;
    right: auto; }
  .pull-6\@mobile {
    right: 50%;
    left: auto; }
  .prefix-6\@mobile {
    margin-left: 50%; }
  .suffix-6\@mobile {
    margin-right: 50%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-6\@mobile {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-7\@mobile {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .push-7\@mobile {
    left: 58.3333333333%;
    right: auto; }
  .pull-7\@mobile {
    right: 58.3333333333%;
    left: auto; }
  .prefix-7\@mobile {
    margin-left: 58.3333333333%; }
  .suffix-7\@mobile {
    margin-right: 58.3333333333%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-7\@mobile {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-8\@mobile {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .push-8\@mobile {
    left: 66.6666666667%;
    right: auto; }
  .pull-8\@mobile {
    right: 66.6666666667%;
    left: auto; }
  .prefix-8\@mobile {
    margin-left: 66.6666666667%; }
  .suffix-8\@mobile {
    margin-right: 66.6666666667%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-8\@mobile {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-9\@mobile {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .push-9\@mobile {
    left: 75%;
    right: auto; }
  .pull-9\@mobile {
    right: 75%;
    left: auto; }
  .prefix-9\@mobile {
    margin-left: 75%; }
  .suffix-9\@mobile {
    margin-right: 75%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-9\@mobile {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-10\@mobile {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .push-10\@mobile {
    left: 83.3333333333%;
    right: auto; }
  .pull-10\@mobile {
    right: 83.3333333333%;
    left: auto; }
  .prefix-10\@mobile {
    margin-left: 83.3333333333%; }
  .suffix-10\@mobile {
    margin-right: 83.3333333333%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-10\@mobile {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-11\@mobile {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .push-11\@mobile {
    left: 91.6666666667%;
    right: auto; }
  .pull-11\@mobile {
    right: 91.6666666667%;
    left: auto; }
  .prefix-11\@mobile {
    margin-left: 91.6666666667%; }
  .suffix-11\@mobile {
    margin-right: 91.6666666667%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-11\@mobile {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .gr-12\@mobile {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .push-12\@mobile {
    left: 100%;
    right: auto; }
  .pull-12\@mobile {
    right: 100%;
    left: auto; }
  .prefix-12\@mobile {
    margin-left: 100%; }
  .suffix-12\@mobile {
    margin-right: 100%; }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-12\@mobile {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999; }
  .float-left\@mobile {
    float: left; }
  .float-right\@mobile {
    float: right; }
  .clear\@mobile {
    clear: both; }
  .clear-left\@mobile {
    clear: left; }
  .clear-right\@mobile {
    clear: right; }
  .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .no-gutter-left\@mobile {
    padding-left: 0; }
  .no-gutter-right\@mobile {
    padding-right: 0; }
  .no-gutter-top\@mobile {
    padding-top: 0; }
  .no-gutter-bottom\@mobile {
    padding-bottom: 0; }
  .gutter\@mobile {
    padding-right: 10px;
    padding-left: 10px; }
  .gutter-left\@mobile {
    padding-left: 10px; }
  .gutter-right\@mobile {
    padding-right: 10px; }
  .auto-height\@mobile {
    height: inherit; }
  .row\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row\@mobile {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
    [class*="no-gutter"] > .row-reverse\@mobile {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .col\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .col-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px; }
  .row-align-left\@mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .row-align-center\@mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .row-align-right\@mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .row-align-middle\@mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .row-align-top\@mobile {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .row-align-bottom\@mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .row-align-around\@mobile {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .row-align-between\@mobile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .hide\@mobile {
    display: none; }
  .not-visible\@mobile {
    visibility: hidden; }
  .show\@mobile {
    display: block; }
  .show-inline\@mobile {
    display: inline-block; }
  .visible\@mobile {
    visibility: visible; }
  .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden; }
    .row-debug\@mobile:before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99999px;
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
      background-size: 16.6666666667% 100%;
      z-index: 99999; }
  body {
    direction: ltr; } }

[class*="gr-"] > [class^="row"],
[class*="gr-"] > [class^="col"] {
  margin-left: -10px;
  margin-right: -10px; }

@media screen and (min-width: 1584px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (min-width: 760px) and (max-width: 1024px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (max-width: 759px) {
  [class*="gr-"] > [class^="row"],
  [class*="gr-"] > [class^="col"] {
    margin-left: -10px;
    margin-right: -10px; } }

.container {
  width: 100%;
  padding-left: 130px;
  padding-right: 130px;
  box-sizing: border-box;
  max-width: none;
  /* CONTEAINER-BUG in Gridle */ }
  @media screen and (min-width: 1025px) and (max-width: 1280px) {
    .container {
      padding-left: 100px;
      padding-right: 100px; } }
  @media screen and (min-width: 760px) and (max-width: 1024px) {
    .container {
      padding-left: 50px;
      padding-right: 50px; } }
  @media screen and (max-width: 759px) {
    .container {
      padding-left: 30px;
      padding-right: 30px; } }

/**
 * responsive Größe von text
 * @param $multiplier = Faktor
 * @param $line-height-ratio
 */
html {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 19.0477714286px; }
  @media (min-width: 740px) {
    html {
      font-size: 14px;
      line-height: 24px; } }
  @media (min-width: 1264px) {
    html {
      font-size: 16px;
      line-height: 28px; } }
  @media (min-width: 1584px) {
    html {
      font-size: 18px;
      line-height: 28px; } }

body {
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  font-weight: 300;
  color: #333333; }

.ci-color-text-light .h1 {
  color: #ffffff; }

.h1, .h2, .h3, .h4, .h5 {
  font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
  font-weight: 400;
  letter-spacing: -0.015em; }

.h6 {
  font-family: "AudiType", Verdana, Geneva, sans-serif; }

.h1 {
  font-size: 41px;
  line-height: 44px;
  margin-bottom: 34.9209142857px;
  font-weight: 700;
  color: #000000; }
  @media (min-width: 740px) {
    .h1 {
      font-size: 51px;
      line-height: 56px; } }
  @media (min-width: 1264px) {
    .h1 {
      font-size: 74px;
      line-height: 80px; } }
  @media (min-width: 1584px) {
    .h1 {
      font-size: 107px;
      line-height: 116px; } }

.h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 25.3970285714px; }
  @media (min-width: 740px) {
    .h2 {
      font-size: 32px;
      line-height: 40px; } }
  @media (min-width: 1264px) {
    .h2 {
      font-size: 42px;
      line-height: 52px; } }
  @media (min-width: 1584px) {
    .h2 {
      font-size: 55px;
      line-height: 68px; } }

.h3 {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 19.0477714286px; }
  @media (min-width: 740px) {
    .h3 {
      font-size: 20px;
      line-height: 24px; } }
  @media (min-width: 1264px) {
    .h3 {
      font-size: 24px;
      line-height: 28px; } }
  @media (min-width: 1584px) {
    .h3 {
      font-size: 28px;
      line-height: 32px; } }

.h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15.8731428571px; }
  @media (min-width: 740px) {
    .h4 {
      font-size: 17px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .h4 {
      font-size: 20px;
      line-height: 24px; } }
  @media (min-width: 1584px) {
    .h4 {
      font-size: 23px;
      line-height: 28px; } }

.h5 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15.8731428571px; }
  @media (min-width: 740px) {
    .h5 {
      font-size: 14px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .h5 {
      font-size: 16px;
      line-height: 20px; } }
  @media (min-width: 1584px) {
    .h5 {
      font-size: 18px;
      line-height: 24px; } }

.h6 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15.8731428571px;
  font-weight: 700; }
  @media (min-width: 740px) {
    .h6 {
      font-size: 14px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .h6 {
      font-size: 16px;
      line-height: 24px; } }
  @media (min-width: 1584px) {
    .h6 {
      font-size: 18px;
      line-height: 28px; } }

p b, p strong {
  font-weight: bolder; }

.ci-shortread {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15.8731428571px; }
  @media (min-width: 740px) {
    .ci-shortread {
      font-size: 14px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .ci-shortread {
      font-size: 16px;
      line-height: 24px; } }
  @media (min-width: 1584px) {
    .ci-shortread {
      font-size: 18px;
      line-height: 28px; } }

.ci-color-text-light .ci-accentuated::before {
  border-top-color: #ffffff; }

.ci-caption {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15.8731428571px; }
  @media (min-width: 740px) {
    .ci-caption {
      font-size: 12px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .ci-caption {
      font-size: 13px;
      line-height: 20px; } }
  @media (min-width: 1584px) {
    .ci-caption {
      font-size: 14px;
      line-height: 20px; } }

.ci-big {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 22.2224px; }
  @media (min-width: 740px) {
    .ci-big {
      font-size: 17px;
      line-height: 28px; } }
  @media (min-width: 1264px) {
    .ci-big {
      font-size: 20px;
      line-height: 36px; } }
  @media (min-width: 1584px) {
    .ci-big {
      font-size: 23px;
      line-height: 40px; } }

.ci-small {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 12.6985142857px; }
  @media (min-width: 740px) {
    .ci-small {
      font-size: 11px;
      line-height: 16px; } }
  @media (min-width: 1264px) {
    .ci-small {
      font-size: 11px;
      line-height: 16px; } }
  @media (min-width: 1584px) {
    .ci-small {
      font-size: 12px;
      line-height: 20px; } }

.ci-blockquote {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 19.0477714286px; }
  @media (min-width: 740px) {
    .ci-blockquote {
      font-size: 17px;
      line-height: 24px; } }
  @media (min-width: 1264px) {
    .ci-blockquote {
      font-size: 20px;
      line-height: 32px; } }
  @media (min-width: 1584px) {
    .ci-blockquote {
      font-size: 23px;
      line-height: 36px; } }

.ci-textlink {
  padding-bottom: 0.06125em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: inherit;
  font-weight: 400;
  transition: color 0.3s linear, border 0.3s linear; }
  .ci-textlink:hover {
    color: #000000;
    border-bottom-color: #000000; }
  .ci-textlink:focus {
    outline: none; }

.ci-color-text-light .ci-textlink {
  border-bottom-color: rgba(255, 255, 255, 0.3); }
  .ci-color-text-light .ci-textlink:hover {
    color: #ffffff;
    border-bottom-color: #ffffff; }

.ci-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15.8731428571px; }
  @media (min-width: 740px) {
    .ci-list {
      font-size: 14px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .ci-list {
      font-size: 16px;
      line-height: 24px; } }
  @media (min-width: 1584px) {
    .ci-list {
      font-size: 18px;
      line-height: 28px; } }
  .ci-list .item {
    margin-left: 1.25rem;
    margin-top: 0.75rem; }
    .ci-list .item:first-child {
      margin-top: 0rem; }
    .ci-list .item::before {
      display: inline-block;
      width: 1.25rem;
      margin-left: -1.25rem;
      color: rgba(0, 0, 0, 0.3); }
  .ci-list.arrow .item::before {
    content: '›'; }
  .ci-list.number .item::before {
    content: counter(li);
    counter-increment: li; }

.ci-color-text-light .ci-list .item::before {
  color: rgba(255, 255, 255, 0.6); }

.icon-sprite {
  width: 0;
  height: 0;
  visibility: hidden; }

.ci-button.active, .ci-button:active, .ci-button:hover, .ci-button:visited {
  color: #4c4c4c;
  stroke: #4c4c4c;
  fill: #4c4c4c; }

.ci-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0.8666666667em 0 0.8em;
  outline: 0;
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  vertical-align: middle;
  transition: all 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

.ci-button, .ci-button.disabled, .ci-button:disabled {
  color: #000000;
  stroke: #000000;
  fill: #000000;
  border: 1px solid transparent;
  background: transparent; }

.ci-button.disabled, .ci-button:disabled {
  cursor: not-allowed;
  opacity: 0.30; }

.ci-button.bold {
  font-weight: 700; }

.ci-button.padded, .ci-button.primary, .ci-button.secondary {
  padding-left: 2.1333333333em;
  padding-right: 2.1333333333em; }

.ci-button.icon:focus, .ci-button.primary:focus, .ci-button.secondary:focus {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }

.ci-button.icon.disabled, .ci-button.icon:disabled, .ci-button.icon:hover, .ci-button.primary.disabled, .ci-button.primary:disabled, .ci-button.primary:hover, .ci-button.secondary.disabled, .ci-button.secondary:disabled, .ci-button.secondary:hover {
  box-shadow: none; }

.ci-button.button-floating.active, .ci-button.button-floating:active, .ci-button.button-floating:hover, .ci-button.primary.active, .ci-button.primary:active, .ci-button.primary:hover {
  border-color: #333333;
  background-color: #333333; }

.ci-button.button-floating, .ci-button.button-floating.active, .ci-button.button-floating:active, .ci-button.button-floating:hover, .ci-button.button-floating:visited, .ci-button.primary, .ci-button.primary.active, .ci-button.primary:active, .ci-button.primary:hover, .ci-button.primary:visited {
  color: #ffffff;
  stroke: #ffffff;
  fill: #ffffff; }

.ci-button.button-floating.disabled, .ci-button.button-floating:disabled, .ci-button.primary.disabled, .ci-button.primary:disabled {
  color: rgba(255, 255, 255, 0.5);
  stroke: rgba(255, 255, 255, 0.5);
  fill: rgba(255, 255, 255, 0.5); }

.ci-button.button-floating, .ci-button.button-floating.disabled, .ci-button.button-floating:disabled, .ci-button.primary, .ci-button.primary.disabled, .ci-button.primary:disabled {
  border-color: #000000;
  background-color: #000000; }

.ci-button.secondary.active, .ci-button.secondary:active, .ci-button.secondary:hover {
  border-color: #808080; }

.ci-button.secondary, .ci-button.secondary.disabled, .ci-button.secondary:disabled {
  border-color: #000000; }

.ci-button.text .audi-button__text::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 0.0666666667em;
  margin-left: 0.2666666667em;
  width: 0.5em;
  height: 0.8125em;
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='%23000000' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>");
  background-size: contain;
  transition: transform 0.2s ease; }

.ci-button.text:hover .audi-button__text::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='%234c4c4c' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>");
  transform: translateX(5px); }

.ci-button.text.disabled .audi-button__text::after,
.ci-button.text:disabled .audi-button__text::after {
  transform: none; }

.ci-button.button-icon {
  width: 23px;
  height: 23px;
  padding: 0;
  border: none; }
  .ci-button.button-icon .icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 24px;
    height: 24px; }

.ci-button.button-icon.icon-large {
  width: 45px;
  height: 45px;
  position: relative;
  font-size: 100%; }
  .ci-button.button-icon.icon-large .icon {
    top: -1px;
    left: -1px;
    width: 48px;
    height: 48px; }
    .ci-button.button-icon.icon-large .icon.container.small {
      display: none; }
    .ci-button.button-icon.icon-large .icon.container.large {
      display: inline; }
  .ci-button.button-icon.icon-large::after, .ci-button.button-icon.icon-large::before {
    font-size: 294%;
    display: inherit;
    position: absolute;
    top: 0;
    line-height: 1;
    text-align: center;
    left: 0;
    width: 100%;
    height: 100%; }

.ci-button.round {
  border-radius: 50%; }

.ci-button.stretched {
  width: 100%; }

.ci-button.sticky {
  position: fixed;
  left: 0;
  bottom: 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }

.ci-button.button-floating {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 45px;
  height: 45px;
  padding: 0;
  z-index: 900;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  font-size: 100%; }
  .ci-button.button-floating::after, .ci-button.button-floating::before {
    font-size: 294%;
    display: inherit;
    position: absolute;
    top: 0;
    line-height: 1;
    text-align: center;
    left: 0;
    width: 100%;
    height: 100%; }
  .ci-button.button-floating.ci-test-nonfloating {
    position: relative;
    right: auto;
    bottom: auto; }
  .ci-button.button-floating .icon {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 48px;
    height: 48px; }
    .ci-button.button-floating .icon.container.small {
      display: none; }
    .ci-button.button-floating .icon.container.large {
      display: inline; }
  .ci-button.button-floating, .ci-button.button-floating:focus, .ci-button.button-floating:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }

.ci-button.text {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.ci-button.text-icon {
  display: inline-flex;
  align-items: center;
  position: relative;
  text-align: left;
  vertical-align: middle; }
  .ci-button.text-icon .icon {
    display: inline-block; }
  .ci-button.text-icon .text:first-child {
    margin-right: 0.5333333333em; }
  .ci-button.text-icon .text:not(:first-child) {
    margin-left: 0.5333333333em; }

.ci-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ci-button-group {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  vertical-align: top;
  margin-right: -0.25rem;
  margin-bottom: -0.25rem; }
  .ci-button-group .ci-button {
    flex: 1 1 auto;
    margin: 0 0.25rem 0.25rem 0; }
    .ci-button-group .ci-button:hover, .ci-button-group .ci-button:focus, .ci-button-group .ci-button:active, .ci-button-group .ci-button.active {
      z-index: 2; }
  .ci-button-group .button-icon {
    flex: 0 0 auto; }
  .ci-button-group.block {
    display: flex; }
  .ci-button-group.texts {
    margin-right: -1.5rem;
    margin-bottom: -1.5rem; }
    .ci-button-group.texts .ci-button {
      margin: 0 1.5rem 1.5rem 0; }
  .ci-button-group.icons {
    margin-right: -0.75rem;
    margin-bottom: -0.75rem; }
    .ci-button-group.icons .button {
      margin: 0 0.75rem 0.75rem 0; }

.test-bereich-card {
  margin: 1rem;
  background-color: #ddd;
  position: relative; }
  .test-bereich-card .inner {
    padding-bottom: 5rem;
    padding-top: 5rem;
    text-align: center; }
    .test-bereich-card .inner .innerinner {
      margin-left: auto;
      margin-right: auto;
      max-width: 80%;
      text-align: left; }

.card-grid {
  display: flex;
  flex-flow: row wrap;
  margin: -0.125rem; }
  .card-grid .card-grid {
    margin: 0; }
  .card-grid .item {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    flex: 1 1 auto;
    width: 288px; }
  .card-grid .column {
    flex-direction: column; }

.card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0.125rem;
  width: calc(100% - 0.25rem);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), box-shadow 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  /**
     * Variant: Action
     */
  /**
     * Variant: Cover
     */ }
  .card.cover {
    display: block; }
    .card.cover.image {
      display: block;
      width: 100%;
      height: auto; }
  .card.body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column; }
  .card .content {
    padding: 1.25rem; }
    .card .content.bottom {
      margin-top: auto; }
  .card.media {
    text-align: center; }
    .card.media img {
      display: block;
      width: 100%;
      height: auto; }
  .card.action:hover, .card.action:focus {
    z-index: 1;
    outline: none;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
    transform: translateY(-0.25rem); }
  .card.cover {
    flex-direction: row; }
  .card.cover .card__cover {
    flex: 1 1 auto; }
  .card.cover .card__body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1; }

/**
 * Prevent scrolling of body, when Flyout is open.
 * Added to body by JS.
 */
@media (max-width: 399px) {
  .ci-flyout-is-open {
    overflow: hidden; } }

.ci-flyout {
  display: inline-block;
  position: relative;
  content: "hallo"; }
  .ci-flyout .ci-flyout-toggle {
    z-index: 1; }
  .ci-flyout .ci-flyout-panel {
    display: block;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0;
    color: #333333;
    background: #e5e5e5;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    transition: opacity 0.2s linear, transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), max-height 0.1s linear 0.4s; }
  .ci-flyout .ci-flyout-panel-content {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    padding: 0.5rem 1.75rem;
    transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
    z-index: 1;
    background-color: inherit; }
  .ci-flyout .ci-flyout-triangle {
    position: absolute;
    top: 0;
    margin-left: 1.5rem;
    background: inherit;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
    .ci-flyout .ci-flyout-triangle::after {
      content: '';
      display: block;
      position: absolute;
      left: -8px;
      top: -8px;
      width: 16px;
      height: 16px;
      transform: rotate(45deg);
      transform-origin: center;
      background: inherit;
      box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.05); }
  .ci-flyout-center .ci-flyout.ci-flyout-triangle {
    left: 50%;
    margin-left: 0; }
  .ci-flyout-right .ci-flyout.ci-flyout-triangle {
    left: 100%;
    margin-left: -1.5rem; }
  .ci-flyout .ci-flyout-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5625rem; }
  .ci-flyout .ci-flyout-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.0625rem;
    height: 1.0625rem;
    outline: 0;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E<path fill='%23333333' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /></svg>") center center no-repeat;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .ci-flyout::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .ci-flyout.is-active::after {
    bottom: -1.25rem; }
  .ci-flyout.is-active .ci-flyout-panel {
    opacity: 1;
    max-height: 9999px;
    transition-delay: 0s;
    z-index: 9999;
    overflow: visible; }
  .ci-flyout.is-active .ci-flyout-panel-content {
    opacity: 1;
    transition-delay: .2s; }
  .ci-flyout.is-active .ci-flyout-triangle {
    opacity: 1;
    transition-delay: .2s; }
  @media (min-width: 400px) {
    .ci-flyout .ci-flyout-panel {
      position: absolute;
      top: 100%;
      left: 0;
      right: auto;
      bottom: auto;
      margin-top: 1.25rem;
      max-width: 288px;
      color: #333333;
      background: #ffffff;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
      transform: translateY(-10px); }
    .ci-flyout .ci-flyout-panel-content {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      overflow: auto; }
    .ci-flyout .ci-flyout-header {
      display: none; }
    .ci-flyout .ci-flyout-right .ci-flyout-panel {
      left: auto;
      right: 0; }
    .ci-flyout .ci-flyout-center .ci-flyout-panel {
      left: 50%;
      transform: translate(-50%, -10px); }
    .ci-flyout.is-active .ci-flyout-panel {
      transform: translateY(0);
      transition-delay: 0s; }
    .ci-flyout.is-active.ci-flyout-center .ci-flyout-panel {
      transform: translate(-50%, 0); } }

.ci-dropdown {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /**
     * Variant: floating-label
     */
  /**
     * States
     */ }
  .ci-dropdown__field {
    position: relative; }
  .ci-dropdown__input {
    display: block;
    margin: 0;
    width: 100%;
    padding-right: 1.3125rem;
    min-height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
    transition: color, border;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    resize: none;
    outline: 0;
    cursor: pointer; }
  .ci-dropdown__label {
    display: block;
    position: absolute;
    top: 0.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    font-size: inherit;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    transition-property: top, font-size, color, opacity;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    pointer-events: none; }
  .ci-dropdown__field::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.3125rem;
    right: 0;
    width: 13px;
    height: 8px;
    margin-top: -4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>") center center no-repeat;
    transition-property: transform, background;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-dropdown__focus-line {
    display: block;
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition-property: opacity, background;
    transition-duration: 0.25s; }
  .ci-dropdown__description, .ci-dropdown__error {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.25s linear;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem; }
  .ci-dropdown__error {
    color: #bb0a30; }
  .ci-dropdown__panel {
    display: block;
    visibility: hidden;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #e6e5e5;
    opacity: 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
    transition: opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
    z-index: 1; }
  .ci-dropdown__list {
    list-style: none;
    padding: 0; }
  .ci-dropdown__list-item--animate {
    opacity: 0;
    transform: translateY(0.5em);
    transition: transform 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-dropdown__list-title, .ci-dropdown__option {
    display: block;
    padding: 0 1rem;
    font-weight: 400; }
  .ci-dropdown__list-title {
    color: rgba(0, 0, 0, 0.2);
    padding-top: 0.5rem;
    padding-bottom: 0.25rem; }
  .ci-dropdown__option {
    position: relative;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: left;
    text-decoration: none;
    color: #333333;
    background: none;
    border: none;
    outline: none;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.25s linear;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
    .ci-dropdown__option:hover {
      background: rgba(0, 0, 0, 0.1); }
  .ci-dropdown__list .ci-dropdown__list .ci-dropdown__option {
    padding-left: 2.5rem; }
  .ci-dropdown.ci-dropdown--floating-label .ci-dropdown__field {
    padding-top: 0.6875rem; }
    .ci-dropdown.ci-dropdown--floating-label .ci-dropdown__field::after {
      top: 2rem; }
  .ci-js .ci-dropdown.ci-dropdown--floating-label .ci-dropdown__label {
    top: 1.1875rem; }
  .ci-dropdown.is-active {
    z-index: 1002; }
    .ci-dropdown.is-active .ci-dropdown__field::after {
      transform: rotate(180deg); }
    .ci-dropdown.is-active .ci-dropdown__focus-line {
      opacity: 1; }
    .ci-dropdown.is-active .ci-dropdown__panel {
      visibility: visible;
      opacity: 1; }
    .ci-dropdown.is-active .ci-dropdown__list-item--animate {
      opacity: 1;
      transform: translateY(0); }
  .ci-dropdown:not(.is-disabled):not(.is-invalid) .ci-dropdown__input:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  .ci-dropdown.is-focused .ci-dropdown__input {
    outline: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.8); }
  .ci-dropdown.is-focused .ci-dropdown__focus-line {
    opacity: 1; }
  .ci-dropdown.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
    .ci-dropdown.is-disabled .ci-dropdown__input {
      cursor: not-allowed; }
    .ci-dropdown.is-disabled .ci-dropdown__focus-line {
      opacity: 0; }
  .ci-dropdown.is-dirty .ci-dropdown__label {
    opacity: 0; }
  .ci-dropdown.is-dirty .ci-dropdown__field::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23333333' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .ci-dropdown.is-dirty.ci-dropdown--floating-label .ci-dropdown__label {
    top: 0;
    font-size: .75rem;
    opacity: 1; }
  .ci-dropdown.is-dirty .ci-dropdown__input {
    border-color: rgba(0, 0, 0, 0.8);
    color: #333333; }
  .ci-dropdown.is-invalid,
  .ci-dropdown.is-invalid:not(.is-dirty) .ci-dropdown__input,
  .ci-dropdown.is-invalid .ci-dropdown__counter,
  .ci-dropdown.is-invalid .ci-dropdown__label {
    color: #bb0a30; }
  .ci-dropdown.is-invalid .ci-dropdown__field::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .ci-dropdown.is-invalid .ci-dropdown__input {
    border-color: #bb0a30; }
  .ci-dropdown.is-invalid .ci-dropdown__focus-line {
    background: #bb0a30; }

.ci-dropdown {
  /**
     * Theme: black
     */
  /**
     * Theme: warmsilver
     */
  /**
     * Theme: silver
     */ }
  .ci-dropdown.ci-theme-warmsilver .ci-dropdown__panel {
    background: #c2beb7; }
  .ci-dropdown.ci-theme-silver .ci-dropdown__panel {
    background: #bfbfbf; }

.ci-nav {
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5); }

.ci-nav-items {
  padding-left: 0;
  list-style: none; }

.ci-nav-action {
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
  padding: 0.5rem 0;
  vertical-align: baseline;
  text-align: left;
  transition-property: color, background, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: linear;
  cursor: pointer; }
  .ci-nav-action.is-active, .ci-nav-action:hover {
    color: #000000;
    fill: #000000;
    stroke: #000000; }
  .ci-nav-action, .ci-nav-action.disabled {
    color: rgba(0, 0, 0, 0.5);
    fill: rgba(0, 0, 0, 0.5);
    stroke: rgba(0, 0, 0, 0.5); }
  .ci-nav-action, .ci-nav-action.disabled, .ci-nav-action:active, .ci-nav-action:focus {
    outline: 0;
    border: 0;
    background: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .ci-nav-action > span {
    position: relative; }
  .ci-nav-action .icon {
    position: relative;
    margin-right: .75em;
    vertical-align: middle; }
  .ci-nav-action.disabled {
    cursor: not-allowed;
    opacity: .3; }

/**
 * Modifier: List
 */
.ci-nav-list .ci-nav-action {
  padding: 0.75rem 0; }

.ci-nav-list .ci-nav-item {
  display: block; }

.ci-nav-list .ci-nav-item + .ci-nav-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.ci-nav-list .ci-nav-action {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**
 * Modifier: Inline and Pills
 */
.ci-nav-inline,
.ci-nav-pills {
  font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
  overflow: hidden;
  height: 2rem; }
  .ci-nav-inline .ci-nav-panel,
  .ci-nav-pills .ci-nav-panel {
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
    box-sizing: content-box; }
  .ci-nav-inline .ci-nav-items,
  .ci-nav-pills .ci-nav-items {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    align-items: flex-start;
    white-space: nowrap; }
  .ci-nav-inline .ci-nav-item,
  .ci-nav-pills .ci-nav-item {
    flex: 0 0 auto;
    padding: 0 1rem; }
    .ci-nav-inline .ci-nav-item:first-child,
    .ci-nav-pills .ci-nav-item:first-child {
      padding-left: 0; }
    .ci-nav-inline .ci-nav-item:last-child,
    .ci-nav-pills .ci-nav-item:last-child {
      padding-right: 0; }
  .ci-nav-inline .ci-nav-action,
  .ci-nav-pills .ci-nav-action {
    display: inline-block;
    width: auto;
    font-family: inherit; }
    .ci-nav-inline .ci-nav-action.is-active,
    .ci-nav-pills .ci-nav-action.is-active {
      transition-delay: .15s; }

.ci-nav-indicator {
  pointer-events: none;
  display: block;
  position: absolute;
  top: 2rem;
  left: 0;
  width: 1px;
  height: 2px;
  background: #000000;
  opacity: 0;
  transform: translateY(-100%); }

.ci-nav-paddle-left,
.ci-nav-paddle-right {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 100%;
  z-index: 2;
  border: 0;
  outline: 0;
  overflow: hidden;
  transition: opacity .15s linear; }
  .ci-nav-paddle-left::after,
  .ci-nav-paddle-right::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 8px;
    height: 13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(0, 0, 0, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>") center center no-repeat;
    transform: translateY(-50%); }
  .ci-nav-paddle-left:disabled,
  .ci-nav-paddle-right:disabled {
    width: 0;
    opacity: 0; }

.ci-nav-paddle-left {
  left: 0;
  background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0) 100%); }
  .ci-nav-paddle-left::after {
    left: 0;
    transform: translateY(-50%) rotate(180deg); }

.ci-nav-paddle-right {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%); }
  .ci-nav-paddle-right::after {
    right: 0; }

.animated {
  opacity: 1;
  transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), width 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }

.ci-nav-overlap {
  margin-top: -2rem; }

.ci-nav-small {
  height: 1.5rem;
  font-size: 0.75rem; }
  .ci-nav-small .ci-nav-item {
    padding: 0 0.75rem; }
    .ci-nav-small .ci-nav-item:first-child {
      padding-left: 0; }
    .ci-nav-small .ci-nav-item:last-child {
      padding-right: 0; }
  .ci-nav-small .ci-nav-action {
    padding: 0.375rem 0; }
  .ci-nav-small .ci-nav-indicator {
    top: 1.5rem; }

.ci-nav-pills {
  height: 3.25rem; }
  .ci-nav-pills .ci-nav-item {
    padding-left: 0;
    padding-right: 0; }
  .ci-nav-pills .ci-nav-action {
    padding: 1.125rem 1.25rem; }
  .ci-nav-pills .ci-nav-indicator {
    top: 0;
    height: 100%;
    transform: none;
    background: #e5e5e5; }
  .ci-nav-pills.ci-nav-small {
    height: 2.5rem; }
    .ci-nav-pills.ci-nav-small .ci-nav-action {
      padding: 0.875rem 1rem; }
  .ci-nav-pills.ci-nav-overlap {
    margin-top: -3.25rem; }

/**
 * Modifier: dropdown
 */
.ci-nav-dropdown {
  color: rgba(0, 0, 0, 0.5); }
  .ci-nav-dropdown.is-active {
    z-index: 1002; }
  .ci-nav-dropdown .ci-nav-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding: 0.625rem 0;
    width: 100%;
    border: 0;
    background: none;
    outline: none;
    line-height: 1;
    text-align: left;
    color: #000000; }
  .ci-nav-dropdown .ci-nav-toggle-label {
    display: block;
    position: relative;
    pointer-events: none;
    padding-right: 18px; }
    .ci-nav-dropdown .ci-nav-toggle-label::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 13px;
      height: 8px;
      margin-top: -4px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>") center center no-repeat;
      transition-property: transform, background;
      transition-duration: 0.25s;
      transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-nav-dropdown.is-active .ci-nav-toggle-label::after {
    transform: rotate(180deg); }
  .ci-nav-dropdown .ci-nav-underline {
    display: block;
    position: relative;
    top: -1px;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1; }
    .ci-nav-dropdown .ci-nav-underline::after {
      content: '';
      display: block;
      opacity: 0;
      position: absolute;
      top: 1px;
      width: 100%;
      height: 1px;
      background: inherit;
      transition: opacity .25s linear; }
  .ci-nav-dropdown.is-active .ci-nav-underline::after {
    opacity: 1; }
  .ci-nav-dropdown .ci-nav-panel {
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #e5e5e5;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
    transition: opacity .3s, visibility .3s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    z-index: 1002; }
  .ci-nav-dropdown.is-active .ci-nav-panel {
    visibility: visible;
    opacity: 1; }
  .ci-nav-dropdown .ci-nav-items {
    max-height: 0;
    overflow: hidden;
    padding: 0.5rem 0;
    transition: max-height 0s .3s; }
  .ci-nav-dropdown.is-active .ci-nav-items {
    max-height: 10000px;
    transition-delay: 0s; }
  .ci-nav-dropdown .ci-nav-item {
    opacity: 0;
    margin: 0 1.25rem;
    transform: translateY(10%);
    transition-property: transform, opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    transition-delay: 0s; }
    .ci-nav-dropdown .ci-nav-item:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ci-nav-dropdown.is-active .ci-nav-item {
    opacity: 1;
    transform: translateY(0); }
  .ci-nav-dropdown .ci-nav-action {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1.25rem 0; }
  .ci-nav-dropdown.ci-nav-sticky {
    position: sticky;
    top: 0;
    z-index: 1001; }
  .ci-nav-dropdown.ci-nav-sticky .ci-nav-toggle {
    background: #ffffff; }
  .ci-nav-dropdown.sticky .ci-nav-toggle {
    padding: 1.125rem 4.375%;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
    z-index: 1001; }
  .ci-nav-dropdown.sticky .ci-nav-toggle {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  .ci-nav-dropdown.sticky .ci-nav-panel {
    position: fixed;
    top: 3.25rem;
    left: 0; }
  .ci-nav-dropdown.sticky .ci-nav-underline {
    opacity: 0; }
  .ci-nav-dropdown.sticky .ci-nav-item {
    margin-left: 4.375%;
    margin-right: 4.375%; }

.ci-flag {
  position: absolute;
  border-radius: 50%;
  background-color: #bb0a30;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .ci-flag.ci-flag-animated:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    content: '';
    transform: scale(1);
    transform-origin: 50% 50%;
    animation: flag-bubble-ripple linear 4s;
    animation-iteration-count: infinite;
    border-radius: 100%;
    background: transparent;
    box-shadow: 0 0 1px 4px #e5e5e5; }
  .ci-flag .ci-flag-close {
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    transition-property: transform;
    transform: rotateZ(45deg);
    pointer-events: none; }
  .ci-flag span {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    color: #ffffff; }
  .ci-flag .ci-flag-panel {
    display: none;
    position: absolute;
    background-color: #e5e5e5;
    z-index: 5;
    pointer-events: none; }

@keyframes flag-bubble-ripple {
  0%,
  21%,
  41% {
    transform: scale(1);
    opacity: 1; }
  19%,
  39%,
  59% {
    transform: scale(1.6);
    opacity: 0; }
  20%,
  40%,
  60%,
  100% {
    transform: scale(1);
    opacity: 0; } }

.ci-flag-panel:before {
  content: '';
  position: absolute;
  width: 0;
  z-index: 1;
  height: 0; }

.ci-flag-panel .ci-flag-panel-content {
  z-index: 2;
  position: relative; }

.ci-flag-panel.ci-flag-panel--bottom-left, .ci-flag-panel.ci-flag-panel--bottom-center, .ci-flag-panel.ci-flag-panel--bottom-right {
  top: 3rem; }
  .ci-flag-panel.ci-flag-panel--bottom-left:before, .ci-flag-panel.ci-flag-panel--bottom-center:before, .ci-flag-panel.ci-flag-panel--bottom-right:before {
    top: 1px;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid #e5e5e5; }

.ci-flag-panel.ci-flag-panel--bottom-left {
  left: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--bottom-left:before {
    transform: translate(0, -100%);
    left: 0; }

.ci-flag-panel.ci-flag-panel--bottom-center {
  transform: translate(-50%, 0);
  left: 1rem; }
  .ci-flag-panel.ci-flag-panel--bottom-center:before {
    transform: translate(-50%, -100%);
    left: 50%; }

.ci-flag-panel.ci-flag-panel--bottom-right {
  right: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--bottom-right:before {
    transform: translate(0, -100%);
    right: 0; }

.ci-flag-panel.ci-flag-panel--top-left, .ci-flag-panel.ci-flag-panel--top-center, .ci-flag-panel.ci-flag-panel--top-right {
  top: -1rem;
  transform: translate(0, -100%); }
  .ci-flag-panel.ci-flag-panel--top-left:before, .ci-flag-panel.ci-flag-panel--top-center:before, .ci-flag-panel.ci-flag-panel--top-right:before {
    bottom: 1px;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-top: 0.625rem solid #e5e5e5; }

.ci-flag-panel.ci-flag-panel--top-left {
  left: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--top-left:before {
    transform: translate(0, 100%);
    left: 0; }

.ci-flag-panel.ci-flag-panel--top-center {
  transform: translate(-50%, -100%);
  left: 1rem; }
  .ci-flag-panel.ci-flag-panel--top-center:before {
    transform: translate(-50%, 100%);
    left: 50%; }

.ci-flag-panel.ci-flag-panel--top-right {
  right: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--top-right:before {
    transform: translate(0, 100%);
    right: 1px; }

.ci-flag-panel.ci-flag-panel--right-top, .ci-flag-panel.ci-flag-panel--right-center, .ci-flag-panel.ci-flag-panel--right-bottom {
  left: 3rem; }
  .ci-flag-panel.ci-flag-panel--right-top:before, .ci-flag-panel.ci-flag-panel--right-center:before, .ci-flag-panel.ci-flag-panel--right-bottom:before {
    left: 1px;
    border-right: 0.625rem solid #e5e5e5;
    border-bottom: 0.625rem solid transparent;
    border-top: 0.625rem solid transparent; }

.ci-flag-panel.ci-flag-panel--right-top {
  top: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--right-top:before {
    transform: translate(-100%, 0);
    top: 0; }

.ci-flag-panel.ci-flag-panel--right-center {
  transform: translate(0, -50%);
  top: 1rem; }
  .ci-flag-panel.ci-flag-panel--right-center:before {
    transform: translate(-100%, -50%);
    top: 50%; }

.ci-flag-panel.ci-flag-panel--right-bottom {
  bottom: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--right-bottom:before {
    transform: translate(-100%, 0%);
    bottom: 0; }

.ci-flag-panel.ci-flag-panel--left-top, .ci-flag-panel.ci-flag-panel--left-center, .ci-flag-panel.ci-flag-panel--left-bottom {
  right: 3rem; }
  .ci-flag-panel.ci-flag-panel--left-top:before, .ci-flag-panel.ci-flag-panel--left-center:before, .ci-flag-panel.ci-flag-panel--left-bottom:before {
    right: 1px;
    border-left: 0.625rem solid #e5e5e5;
    border-bottom: 0.625rem solid transparent;
    border-top: 0.625rem solid transparent; }

.ci-flag-panel.ci-flag-panel--left-top {
  top: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--left-top:before {
    transform: translate(100%, 0);
    top: 0; }

.ci-flag-panel.ci-flag-panel--left-center {
  transform: translate(0, -50%);
  top: 1rem; }
  .ci-flag-panel.ci-flag-panel--left-center:before {
    transform: translate(100%, -50%);
    top: 50%; }

.ci-flag-panel.ci-flag-panel--left-bottom {
  bottom: 0.3125rem; }
  .ci-flag-panel.ci-flag-panel--left-bottom:before {
    transform: translate(100%, 0);
    bottom: 0; }

.ci-textfield {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.6875rem 0 0;
  font-size: 1rem;
  line-height: 1.5;
  stroke: #333333;
  /**
     * Variant: floating-label
     */
  /**
     * Variant: multiline
     */
  /**
     * Variant: icon
     */
  /**
     * States
     */ }
  .ci-textfield-input {
    display: block;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    min-height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    border: none;
    transition: color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
    resize: none;
    outline: 0;
    border-radius: 0; }
  .ci-textfield-field {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    transition-property: border, padding;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-textfield-label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75rem;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    transition-property: top, font-size, color, opacity;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    pointer-events: none; }
  .ci-textfield-focus-line {
    display: block;
    position: relative;
    width: 100%;
    margin-top: -2px;
    height: 1px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition-property: opacity, background;
    transition-duration: 0.25s; }
  .ci-textfield-counter, .ci-textfield-description, .ci-textfield-error, .ci-textfield-valid {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.25s linear;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem; }
  .ci-textfield-counter {
    position: relative;
    height: 1.25rem; }
  .ci-textfield-counter-value {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .ci-textfield-counter ~ .ci-textfield-description,
  .ci-textfield-counter ~ .ci-textfield-error {
    margin-top: -1.25rem;
    padding-right: 4em; }
  .ci-textfield-valid {
    position: relative; }
    .ci-textfield-valid::before {
      content: '';
      display: inline-block;
      margin-right: 0.5rem;
      width: 12px;
      height: 12px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E<polygon fill='rgba(0, 0, 0, 0.6)' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /></svg>") center center no-repeat; }
  .ci-textfield-error {
    color: #bb0a30; }
  .ci-textfield .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 1.25rem;
    left: 0;
    transform: translateY(-50%); }
  .ci-js .ci-textfield {
    padding-top: 0; }
    .ci-js .ci-textfield .ci-textfield-label {
      top: 0.5rem;
      font-size: inherit; }
  .ci-textfield .ci-textfield-label {
    top: 0.5rem;
    font-size: inherit; }
  .ci-textfield.ci-textfield-floating-label .ci-textfield-field {
    padding-top: 0.6875rem; }
  .ci-js .ci-textfield.ci-textfield-floating-label .ci-textfield-label {
    top: 1.1875rem;
    font-size: inherit; }
  .ci-textfield.ci-textfield-multiline {
    transition-property: padding;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-textfield.ci-textfield-multiline .ci-textfield-field {
    padding-top: 1.25em;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .ci-textfield.ci-textfield-multiline .ci-textfield-label {
    top: 10px;
    left: 10px; }
  .ci-textfield.ci-textfield-multiline .ci-textfield-input {
    padding-left: 0.625em;
    padding-right: 0.625em; }
  .ci-js .ci-textfield.ci-textfield-multiline {
    padding-top: 1.3125em; }
  .ci-js .ci-textfield.ci-textfield-multiline .ci-textfield-field {
    padding-top: -0.0625em; }
  .ci-js .ci-textfield.ci-textfield-multiline .ci-textfield-label {
    top: 7px; }
  .ci-textfield-icon .ci-textfield-input,
  .ci-textfield-icon .ci-textfield-label {
    padding-left: 2rem; }
  .ci-textfield:not(.is-disabled):not(.is-invalid) .ci-textfield-field:hover {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
  .ci-textfield.is-focused .ci-textfield-label {
    opacity: 0; }
  .ci-textfield.is-focused.ci-textfield-floating-label .ci-textfield-label {
    top: 0;
    font-size: 0.75rem;
    opacity: 1; }
  .ci-textfield.is-focused.ci-textfield-multiline {
    padding-top: 0; }
  .ci-textfield.is-focused.ci-textfield-multiline .ci-textfield-field {
    padding-top: 1.25em; }
  .ci-textfield.is-focused.ci-textfield-multiline .ci-textfield-label {
    top: 0.625em;
    font-size: 0.75rem;
    opacity: 1; }
  .ci-textfield.is-focused .ci-textfield-field {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
  .ci-textfield.is-focused .ci-textfield-input {
    outline: none;
    box-shadow: none; }
  .ci-textfield.is-focused .ci-textfield-focus-line {
    opacity: 1; }
  .ci-textfield.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
    .ci-textfield.is-disabled .ci-textfield-input {
      cursor: not-allowed; }
    .ci-textfield.is-disabled .ci-textfield-focus-line {
      opacity: 0; }
  .ci-textfield.is-dirty .ci-textfield-label {
    opacity: 0; }
  .ci-textfield.is-dirty.ci-textfield-floating-label .ci-textfield-label {
    top: 0;
    font-size: 0.75rem;
    opacity: 1; }
  .ci-textfield.is-dirty.ci-textfield-multiline {
    padding-top: 0; }
  .ci-textfield.is-dirty.ci-textfield-multiline .ci-textfield-field {
    padding-top: 1.25em; }
  .ci-textfield.is-dirty.ci-textfield-multiline .ci-textfield-label {
    top: 0.625em;
    font-size: 0.75rem;
    opacity: 1; }
  .ci-textfield.is-dirty .ci-textfield-field {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
  .ci-textfield.is-dirty .ci-textfield-input {
    color: #333333; }
  .ci-textfield.is-invalid,
  .ci-textfield.is-invalid:not(.is-dirty) .ci-textfield-input,
  .ci-textfield.is-invalid .ci-textfield-counter,
  .ci-textfield.is-invalid .ci-textfield-label {
    color: #bb0a30; }
  .ci-textfield.is-invalid .ci-textfield-field {
    border-color: #bb0a30; }
  .ci-textfield.is-invalid .ci-textfield-focus-line {
    background: #bb0a30; }

.ci-select {
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
  /**
     * Variant: floating-label
     */
  /**
     * States
     */ }
  .ci-select-input {
    font-family: "AudiType", Verdana, Geneva, sans-serif;
    display: block;
    margin: 0;
    padding-right: 1.3125rem;
    width: 100%;
    min-height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
    box-shadow: none;
    transition: color, border;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0; }
    .ci-select-input::-ms-expand {
      display: none; }
    .ci-select-input::-ms-value {
      background: none;
      color: rgba(0, 0, 0, 0.6); }
    .ci-select-input option {
      color: #333333;
      background: white; }
      .ci-select-input option:disabled {
        color: rgba(0, 0, 0, 0.6); }

@-moz-document url-prefix() {
  .ci-select .ci-select-input {
    padding-top: 0.5625em; } }
  .ci-select-label {
    display: block;
    position: absolute;
    top: 0.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    font-size: inherit;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-property: top, font-size, color, opacity;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    opacity: 0;
    pointer-events: none; }
  .ci-select::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.3125rem;
    right: 0;
    width: 13px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>") center center no-repeat;
    transform: translateY(-50%);
    transition: background .25s linear;
    pointer-events: none; }
  .ci-select-focus-line {
    display: block;
    position: relative;
    width: 100%;
    margin-top: -2px;
    height: 1px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition-property: opacity, background;
    transition-duration: 0.25s; }
  .ci-select-description, .ci-select-error {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.25s linear;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem; }
  .ci-select-error {
    color: #bb0a30; }
  .ci-select.ci-select-floating-label {
    padding-top: 0.6875rem; }
    .ci-select.ci-select-floating-label::after {
      top: 2rem; }
  .ci-js .ci-select.ci-select-floating-label .ci-select-label {
    top: 1.1875rem; }
  .ci-select:not(.is-disabled):not(.is-invalid) .ci-select-input:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  .ci-select.is-focused .ci-select-label {
    opacity: 0; }
  .ci-select.is-focused.ci-select-floating-label .ci-select-label {
    top: 0;
    font-size: .75rem;
    opacity: 1; }
  .ci-select.is-focused .ci-select-input {
    outline: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.8); }
  .ci-select.is-focused .ci-select-focus-line {
    opacity: 1; }
  .ci-select.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
    .ci-select.is-disabled .ci-select-input {
      cursor: not-allowed; }
    .ci-select.is-disabled .ci-select-focus-line {
      opacity: 0; }
  .ci-select.is-dirty::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23333333' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .ci-select.is-dirty .ci-select-label {
    opacity: 0; }
  .ci-select.is-dirty.ci-select-floating-label .ci-select-label {
    top: 0;
    font-size: .75rem;
    opacity: 1; }
  .ci-select.is-dirty .ci-select-input {
    border-color: rgba(0, 0, 0, 0.8);
    color: #333333; }
    .ci-select.is-dirty .ci-select-input::-ms-value {
      color: #333333; }
  .ci-select.is-invalid,
  .ci-select.is-invalid:not(.is-dirty) .ci-select-input,
  .ci-select.is-invalid .ci-select-label {
    color: #bb0a30; }
  .ci-select.is-invalid::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .ci-select.is-invalid .ci-select-input {
    border-color: #bb0a30; }
  .ci-select.is-invalid .ci-select-focus-line {
    background: #bb0a30; }

.ci-fieldset {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1.5rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box; }
  .ci-fieldset-selects .ci-fieldset-legend,
  .ci-fieldset-textfields .ci-fieldset-legend {
    font-weight: 700;
    color: #333333; }
  .ci-fieldset-radios .ci-fieldset-legend {
    margin-bottom: 1rem; }
  .ci-fieldset-fields {
    display: flex;
    flex-flow: row wrap;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem; }
  .ci-fieldset-field {
    flex: 1 1 auto;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem; }
  .ci-fieldset-radios .ci-fieldset-field {
    flex: 0 1 auto; }
  .ci-fieldset-error {
    display: block;
    margin-top: 0.5rem;
    color: #999999;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    transition: color .25s linear; }
  .ci-fieldset.is-invalid .ci-fieldset-error,
  .ci-fieldset.is-invalid .ci-fieldset-legend {
    color: #bb0a30; }

.inner .ci-fieldset-field {
  flex: 0 1 auto; }

.ci-radio {
  display: inline-block;
  position: relative;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding-left: 2.5em; }
  .ci-js .ci-radio {
    padding-left: 2.5em; }
  .ci-radio-box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: box-shadow .15s linear, border .15s linear;
    cursor: pointer;
    pointer-events: none;
    z-index: 1; }
    .ci-js .ci-radio-box {
      display: inline-block; }
  .ci-radio-tick {
    display: block;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    transform: scale(0.3333333333, 0.3333333333);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.15s linear;
    pointer-events: none; }
  .ci-radio:hover:not(.is-disabled) {
    color: #000000; }
    .ci-radio:hover:not(.is-disabled) .ci-radio-box {
      border-color: black; }
    .ci-radio:hover:not(.is-disabled) .ci-radio-tick {
      transform: scale(0.4166666667, 0.4166666667); }
  .ci-radio-input:focus ~ .ci-radio-box {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
  .ci-radio.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .ci-radio.is-checked .ci-radio-tick {
    background: rgba(0, 0, 0, 0.8);
    transform: scale(0.5, 0.5); }

.ci-checkbox {
  display: inline-block;
  position: relative;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding-left: 2.5em;
  /**
     * Variant: stretch
     */
  /**
     * Variant: box-right
     */
  /**
     * States
     */ }
  .ci-js .ci-checkbox {
    padding-left: 2.5em; }
  .ci-checkbox-box {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: box-shadow .15s linear, border .15s linear;
    cursor: pointer;
    pointer-events: none;
    z-index: 1; }
    .ci-js .ci-checkbox-box {
      display: inline-block; }
  .ci-checkbox-tick {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75em;
    height: 0.75em;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23333333' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat;
    opacity: 0;
    transition: opacity 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
    pointer-events: none; }
  .ci-checkbox-error {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #bb0a30;
    transition: color .25s linear; }
  .ci-checkbox-stretch {
    width: 100%; }
  .ci-js .ci-checkbox-box-right {
    padding-left: 0;
    padding-right: 2.5em; }
    .ci-js .ci-checkbox-box-right .ci-checkbox-box {
      left: auto;
      right: 0; }
  .ci-checkbox-box-right {
    padding-left: 0;
    padding-right: 2.5em; }
    .ci-checkbox-box-right .ci-checkbox-box {
      left: auto;
      right: 0; }
  .ci-checkbox:hover:not(.is-disabled) {
    color: #000000; }
    .ci-checkbox:hover:not(.is-disabled) .ci-checkbox-box {
      border-color: black; }
  .ci-checkbox-input:focus ~ .ci-checkbox-box {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
  .ci-checkbox.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .ci-checkbox.is-checked .ci-checkbox-tick {
    opacity: 1; }
  .ci-checkbox.is-invalid,
  .ci-checkbox.is-invalid .ci-checkbox-label {
    color: #bb0a30; }
  .ci-checkbox.is-invalid .ci-checkbox-tick {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23bb0a30' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E"); }
  .ci-checkbox.is-invalid .ci-checkbox-box,
  .ci-checkbox.is-invalid:hover .ci-checkbox-box {
    border-color: #bb0a30; }

/**
 * NOTE Slider ci components rely on the 3rd party library noUiSlider.
 * @see https://github.com/leongersen/noUiSlider
 */
.ci-slider {
  position: relative;
  padding: 0;
  min-height: 1.5rem;
  color: #333333;
  /**
     * States
     */ }
  .ci-slider::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.75rem;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: #cccccc; }
  .ci-slider:not(.ci-slider-range)::after {
    background: linear-gradient(to right, #000000 70%, #cccccc 51%); }
  .ci-slider-output {
    position: relative;
    font-size: 13px; }
  .ci-slider-target,
  .ci-slider-target * {
    touch-action: none;
    user-select: none; }
  .ci-slider-target {
    display: block;
    position: relative;
    direction: ltr;
    margin: 0 0.75rem;
    height: 1.5rem;
    z-index: 1; }
  .ci-slider-base {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translate3d(0, 0, 0); }
  .ci-slider-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .ci-slider-background::after, .ci-slider-connect::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%); }
  .ci-slider-connect::after {
    background: #000000; }
  .ci-slider-background::after {
    background: #cccccc; }
  .ci-slider-handle {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #808080;
    transform: translateX(-50%);
    transition: border .15s linear;
    cursor: pointer;
    z-index: 1; }
    .ci-slider-handle.ci-slider-active {
      z-index: 4; }
  .ci-slider-stacking .ci-slider-handle {
    z-index: 3; }
  .ci-slider-draggable {
    cursor: ew-resize; }
  .ci-slider-state-tap .ci-slider-origin {
    transition: left 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), top 0.25s cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-slider-state-drag * {
    cursor: inherit !important; }
  .ci-slider:not(.is-disabled) .ci-slider-handle:hover {
    border-color: #000000; }
  .ci-slider.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
    .ci-slider.is-disabled .ci-slider-handle,
    .ci-slider.is-disabled .ci-slider-draggable {
      cursor: not-allowed; }

.ci-switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-weight: 400;
  min-width: 3em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /**
     * Variant: text-left
     */
  /**
     * Variant: equal
     */
  /**
     * States
     */ }
  .ci-switch::after {
    content: '.';
    display: inline-block;
    width: 0;
    visibility: hidden; }
  .ci-switch-text {
    display: inline-block;
    padding-left: 4em;
    color: #333333;
    transition: color .15s linear;
    line-height: 1.5; }
  .ci-switch-track {
    display: inline-block;
    position: absolute;
    top: .125em;
    left: 0;
    width: 3em;
    height: 1.5em;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.75em;
    vertical-align: middle;
    transition: box-shadow .15s linear, border .15s linear; }
  .ci-switch-thumb {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: .75em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.3333333333, 0.3333333333);
    background: rgba(0, 0, 0, 0.1);
    transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-switch-text-left .ci-switch-text {
    padding-left: 0;
    padding-right: 4em; }
  .ci-switch-text-left .ci-switch-track {
    left: auto;
    right: 0; }
  .ci-switch-equal {
    display: inline-flex; }
    .ci-switch-equal .ci-switch-text {
      padding-left: 0;
      padding-right: 0;
      flex: 1 1 auto;
      order: 1; }
    .ci-switch-equal .ci-switch-text-left {
      margin-right: 1em; }
    .ci-switch-equal .ci-switch-text-right {
      order: 3;
      color: rgba(0, 0, 0, 0.5);
      margin-left: 1em; }
    .ci-switch-equal .ci-switch-track {
      position: relative;
      left: auto;
      flex: 0 0 3em;
      order: 2; }
    .ci-switch-equal .ci-switch-thumb {
      background: rgba(0, 0, 0, 0.8);
      transform: translate(-50%, -50%) scale(0.5, 0.5); }
  .ci-switch:hover:not(.is-disabled) .ci-switch-text {
    color: #000000; }
  .ci-switch:hover:not(.is-disabled) .ci-switch-track {
    border-color: black; }
    .ci-switch:hover:not(.is-disabled) .ci-switch-track .ci-switch-thumb {
      transform: translate(-50%, -50%) scale(0.4166666667, 0.4166666667); }
  .ci-switch-equal:hover:not(.is-disabled) .ci-switch-text-right {
    color: rgba(0, 0, 0, 0.5); }
  .ci-switch-equal:hover:not(.is-disabled) .ci-switch-input:checked ~ .ci-switch-text-left {
    color: rgba(0, 0, 0, 0.5); }
  .ci-switch-equal:hover:not(.is-disabled) .ci-switch-input:checked ~ .ci-switch-text-right {
    color: #000000; }
  .ci-switch-input:focus ~ .ci-switch-track {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
  .ci-switch.is-disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .ci-switch-input:checked ~ .ci-switch-track .ci-switch-thumb {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(0.5, 0.5);
    left: 2.125em; }
  .ci-switch-equal .ci-switch-input:checked ~ .ci-switch-text-left {
    color: rgba(0, 0, 0, 0.5); }
  .ci-switch-equal .ci-switch-input:checked ~ .ci-switch-text-right {
    color: #333333; }

.ci-draggable-list {
  padding-left: 0;
  list-style: none;
  font-weight: 400; }
  .ci-draggable-list-item {
    cursor: move;
    position: relative;
    padding: 1rem 3rem 1rem 1.5rem;
    color: rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.1);
    transition: background .15s linear, color .15s linear; }
    .ci-draggable-list-item:hover {
      color: black;
      background: rgba(0, 0, 0, 0.15); }
  .ci-draggable-list-item + .ci-draggable-list-item {
    margin-top: 1px; }
  .ci-draggable-list.is-dragging .ci-draggable-list-item,
  .ci-draggable-list.is-dragging .ci-draggable-list-item:hover {
    background: rgba(0, 0, 0, 0.05); }
    .ci-draggable-list.is-dragging .ci-draggable-list-item.is-active,
    .ci-draggable-list.is-dragging .ci-draggable-list-item:hover.is-active {
      color: black;
      background: #cccccc; }
  .ci-draggable-list.is-dragging .is-placeholder,
  .ci-draggable-list.is-dragging .is-placeholder:hover {
    color: transparent;
    background: none; }
  .ci-draggable-list .is-placeholder::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px dotted rgba(0, 0, 0, 0.05); }
  .ci-draggable-list-item:not(.is-placeholder)::after {
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 16px;
    height: 5px;
    margin-top: -2.5px;
    background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='5' viewBox='0 0 16 5'%3E<rect style='fill:black' x='0' y='0' width='16' height='1' /><rect style='fill:black' x='0' y='4' width='16' height='1' /></svg>") center center no-repeat;
    transition: opacity .15s linear; }
  .ci-draggable-list-item.is-active::after, .ci-draggable-list-item:hover::after {
    opacity: 1; }

/**
 * Add class `ci-dropzone-active` to body element, to prevent scrolling,
 * when strechted dropzone is active.
 */
.ci-dropzone-active {
  overflow: hidden; }

.ci-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1rem;
  color: #333333;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  transition: border 0.15s linear; }
  .ci-dropzone-message {
    flex: none; }
  .ci-dropzone:hover, .ci-dropzone.is-active {
    border-color: rgba(0, 0, 0, 0.8); }
  .ci-dropzone-fullpage {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    transition: border 0.15s linear, opacity 0.15s linear, visibility 0.15s linear; }
    .ci-dropzone-fullpage::after {
      content: '';
      display: block;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      bottom: 0.5rem;
      left: 0.5rem;
      border: 1px dashed rgba(0, 0, 0, 0.8); }
    .ci-dropzone-fullpage.is-active {
      visibility: visible;
      overflow: visible;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: auto;
      height: auto;
      opacity: 1;
      padding: 0.5rem; }

/**
 * NOTE
 * All animations happen in JS.
 */
.ci-spinner {
  display: inline-block;
  position: relative;
  width: 6rem;
  height: 6rem;
  stroke: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
  .ci-spinner-svg {
    width: 100%;
    height: 100%; }
  .ci-spinner-path {
    stroke-miterlimit: 10;
    stroke-linecap: square;
    stroke-width: 1.1px;
    fill: none; }
  .ci-spinner-path-progress {
    stroke: #bb0a30;
    stroke-width: 3px; }
  .ci-spinner-value {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .ci-spinner-continuous {
    width: 3rem;
    height: 3rem; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes stroke-animation {
  from {
    stroke-dashoffset: -10; }
  to {
    stroke-dashoffset: -140; } }

.ci-spinner-nojs {
  display: inline-block;
  position: relative;
  width: 6rem;
  height: 6rem;
  stroke: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }
  .ci-spinner-nojs-svg {
    width: 100%;
    height: 100%; }
  .ci-spinner-nojs-path {
    stroke-miterlimit: 10;
    stroke-linecap: square;
    stroke-width: 1.1px;
    fill: none; }
  .ci-spinner-nojs-path-progress {
    stroke: #bb0a30;
    stroke-width: 3px; }
  .ci-spinner-nojs-value {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .ci-spinner-nojs.continuous {
    width: 3rem;
    height: 3rem;
    animation: rotate 1s linear 0s infinite; }
    .ci-spinner-nojs.continuous .ci-spinner-group-base {
      display: none; }
    .ci-spinner-nojs.continuous .ci-spinner-path-progress {
      animation: stroke-animation 2s linear 0s infinite alternate-reverse;
      stroke-dasharray: 280, 315; }

.ci-progress {
  position: relative;
  height: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  .ci-progress-bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: #bb0a30; }
  .ci-progress-continuous .ci-progress-bar {
    animation: ci-progress 2s linear infinite; }

@keyframes ci-progress {
  from {
    left: -55%;
    width: 55%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }

.ci-pagination {
  overflow: hidden;
  position: relative;
  height: 1.75rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5); }
  .ci-pagination-items {
    display: block;
    list-style: none;
    padding-left: 0; }
    .ci-pagination-items::after {
      content: '';
      display: table;
      clear: both; }
  .ci-pagination-item {
    display: block;
    margin: 0 1em;
    float: left; }
    .ci-pagination-item:first-child {
      margin-left: 0; }
    .ci-pagination-item:last-child {
      margin-right: 0; }
  .ci-pagination-ellipsis, .ci-pagination-link, .ci-pagination-next, .ci-pagination-previous {
    transition: color .15s linear; }
  .ci-pagination-link.is-active, .ci-pagination-link:hover:not(.is-disabled) {
    color: black; }
  .ci-pagination-next-icon, .ci-pagination-previous-icon {
    display: inline-block;
    width: .5em;
    height: .8125em;
    text-indent: 100%;
    overflow: hidden;
    transform: translateY(0.0625em);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .ci-pagination-previous-icon {
    transform: translateY(0.0625em) rotate(180deg); }
  .ci-pagination-next-icon, .ci-pagination-previous-icon {
    background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(0, 0, 0, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>");
    transition: background .15s linear; }
  .ci-pagination-next:hover:not(.is-disabled) .ci-pagination-next-icon,
  .ci-pagination-previous:hover:not(.is-disabled) .ci-pagination-previous-icon {
    background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='black' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }
  .ci-pagination-indicator {
    pointer-events: none;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 2px;
    background: black;
    z-index: 1;
    opacity: 0; }
  .is-animated .ci-pagination-indicator {
    opacity: 1;
    transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), width 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-pagination-link.is-disabled, .ci-pagination-next.is-disabled, .ci-pagination-previous.is-disabled {
    cursor: not-allowed;
    opacity: .30;
    pointer-events: none; }

.ci-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.ci-pager {
  list-style: none;
  padding-left: 0;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5); }
  .ci-pager-item {
    display: inline-block; }
  .ci-pager-current {
    color: black; }
  .ci-pager-next, .ci-pager-previous {
    transition: color .15s linear; }
  .ci-pager-previous {
    margin-right: 1em; }
  .ci-pager-next {
    margin-left: 1em; }
  .ci-pager-next-icon, .ci-pager-previous-icon {
    display: inline-block;
    width: .5em;
    height: .8125em;
    text-indent: 100%;
    overflow: hidden;
    transform: translateY(0.0625em);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .ci-pager-previous-icon {
    transform: translateY(0.0625em) rotate(180deg); }
  .ci-pager-next-icon, .ci-pager-previous-icon {
    background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(0, 0, 0, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>");
    transition: background .15s linear; }
  .ci-pager-next:hover:not(.is-disabled), .ci-pager-previous:hover:not(.is-disabled) {
    color: black; }
  .ci-pager-next:hover:not(.is-disabled) .ci-pager-next-icon,
  .ci-pager-previous:hover:not(.is-disabled) .ci-pager-previous-icon {
    background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='black' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }
  .ci-pager-next.is-disabled, .ci-pager-previous.is-disabled {
    cursor: not-allowed;
    opacity: .30;
    pointer-events: none; }

.ci-slidernav {
  display: inline-block;
  position: relative;
  font-family: serif;
  height: 0.5rem;
  line-height: 0.5rem; }
  .ci-slidernav-items {
    padding-left: 0;
    list-style: none; }
    .ci-slidernav-items::after {
      content: '';
      display: table;
      clear: both; }
  .ci-slidernav-item {
    float: left;
    margin-left: 0.25rem; }
    .ci-slidernav-item:first-child {
      margin-left: 0; }
  .ci-slidernav-action {
    display: block;
    width: 1.25rem;
    height: 0.5rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-decoration: none;
    outline: 0;
    transition: background 0.15s linear; }
  .ci-slidernav-action, .ci-slidernav-action:visited {
    background: rgba(0, 0, 0, 0.2); }
  .ci-slidernav-action:hover {
    background: rgba(0, 0, 0, 0.5); }
  .ci-slidernav-indicator {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
  .ci-slidernav-shadow .ci-slidernav-action {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.ci-tooltip {
  display: block;
  position: fixed;
  top: -1000px;
  left: -1000px;
  font-size: .875rem;
  line-height: 1.25rem;
  max-width: 288px;
  background: #ffffff;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  opacity: 0;
  color: #333333;
  transition: opacity .15s linear, visibility .15s linear;
  /**
     * Variant: Dark
     */
  /**
     * States
     */ }
  .ci-tooltip-triangle {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    background: inherit; }
    .ci-tooltip-triangle::after {
      content: '';
      display: block;
      position: absolute;
      left: -8px;
      top: -8px;
      width: 16px;
      height: 16px;
      transform: rotate(45deg);
      transform-origin: center;
      background: inherit; }
  .ci-tooltip-text {
    display: inline-block;
    padding: 0.75rem 1.25rem; }
  .ci-tooltip-media {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto; }
  .ci-tooltip-dark {
    color: #ffffff;
    background: #4c4c4c; }
  .ci-tooltip.is-active {
    opacity: 1;
    visibility: visible;
    transition-duration: .25s;
    transition-delay: .4s;
    z-index: 1002; }
  .ci-tooltip.is-top .ci-tooltip-triangle {
    top: auto;
    bottom: 0; }

/**
 * Prevent zooming of body, when popover is open.
 * Added to body by JS.
 */
.ci-popover-is-open {
  overflow-x: hidden; }

.ci-popover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px;
  width: 0;
  height: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s linear, visibility .15s linear;
  z-index: 1002;
  /**
     * States
     */ }
  .ci-popover.ci-tether-enabled {
    width: 90vw;
    max-width: 22em;
    height: auto;
    overflow: visible;
    visibility: visible; }
  .ci-popover-content {
    position: relative;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
  .ci-popover-content:not([class^="ci-color-"]):not([class*=" ci-color-"]) {
    background-color: #ffffff; }
  .ci-popover-text {
    display: block;
    position: relative;
    padding: 1rem;
    background-color: inherit;
    z-index: 1; }
  .ci-popover-media {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1; }
  .ci-popover-arrow {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    fill: #ffffff;
    transform: translate(-50%, -50%); }
  .ci-popover-arrow-shape {
    display: block; }
  .ci-popover.ci-tether-element-attached-top {
    margin-top: 12px; }
    .ci-popover.ci-tether-element-attached-top .ci-popover-arrow {
      top: 0; }
  .ci-popover.ci-tether-element-attached-bottom {
    margin-top: -12px; }
    .ci-popover.ci-tether-element-attached-bottom .ci-popover-arrow {
      top: 100%; }
  .ci-popover.ci-tether-element-attached-left {
    padding-left: 12px; }
    .ci-popover.ci-tether-element-attached-left .ci-popover-arrow {
      left: 0; }
  .ci-popover.ci-tether-element-attached-right {
    padding-right: 12px; }
    .ci-popover.ci-tether-element-attached-right .ci-popover-arrow {
      left: 100%; }
  .ci-popover.ci-tether-element-attached-middle.ci-tether-pinned-right {
    left: 0 !important;
    padding-right: 12px; }
    .ci-popover.ci-tether-element-attached-middle.ci-tether-pinned-right .ci-popover-arrow {
      left: 100%; }
  .ci-popover.ci-tether-element-attached-middle.ci-tether-pinned-left {
    right: 0;
    left: auto !important;
    padding-left: 12px; }
    .ci-popover.ci-tether-element-attached-middle.ci-tether-pinned-left .ci-popover-arrow {
      left: 0; }
  .ci-popover.is-shown {
    opacity: 1;
    visibility: visible;
    transition-duration: .25s; }

/**
 * Prevent scrolling of body, when modal is open.
 * Added to body by JS.
 */
.ci-modal-open {
  overflow: hidden; }

/**
 * Modal container stretched to viewport size.
 */
.ci-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  outline: 0;
  z-index: 1900;
  overflow: hidden; }
  .ci-modal.is-active {
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

/**
 * Modal dialog
 */
.ci-modal-dialog {
  display: flex;
  flex-flow: row;
  justify-content: center;
  position: relative;
  min-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  background-color: #ffffff; }
  .ci-modal-dialog-body {
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    min-width: 1px;
    max-width: 100%;
    min-height: 100vh;
    padding: 1.625rem 4.375%; }
  .ci-modal-dialog-body-full {
    padding: 0; }
  .ci-modal-dialog-content {
    max-width: 100%; }
  .ci-modal-dialog-close {
    position: fixed;
    top: 0.375rem;
    right: 0.375rem;
    width: 45px;
    height: 45px;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    box-sizing: border-box;
    border: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transition: color 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
    color: #ffffff; }
    .ci-modal-dialog-close:hover {
      color: #cccccc; }

.ci-modal-close-icon-large,
.ci-modal-close-icon-small {
  display: block;
  stroke-width: 1px; }

.ci-modal-close-icon-large {
  display: none; }

/**
 * Styles when modal is open:
 */
.ci-modal-open .ci-modal.is-active .ci-modal-dialog {
  opacity: 1;
  transition-delay: 0.4s; }

.ci-modal-open .ci-modal.is-active .ci-modal-dialog-morph {
  transition-delay: 0s; }
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog-morph .ci-modal-dialog-body {
    transition-delay: 0s; }

/**
 * Responsive adaptions:
 */
@media (min-width: 600px) {
  .ci-modal-dialog-body {
    max-width: 1200px; }
  .ci-modal-dialog-fullpage .ci-modal-dialog-close,
  .ci-modal-dialog-window .ci-modal-dialog-close {
    top: 0;
    right: 0;
    width: 81px;
    height: 81px; }
  .ci-modal-dialog-fullpage .ci-modal-dialog-body {
    padding-left: 0;
    padding-right: 0; }
  .ci-modal-dialog-window,
  .ci-modal-dialog-layer {
    background-color: transparent; }
  .ci-modal-dialog-window .ci-modal-dialog-body {
    width: 80%;
    padding-left: 81px;
    padding-right: 81px;
    background-color: #ffffff; }
  .ci-modal-dialog-layer {
    padding: 0 4.375%; }
    .ci-modal-dialog-layer .ci-modal-dialog-body {
      padding: 1.625rem 0; }
    .ci-modal-dialog-layer .ci-modal-dialog-content {
      transform: translateY(0); }
    .ci-modal-dialog-layer .ci-modal-dialog-content {
      padding: 2rem; }
    .ci-modal-dialog-layer:not(.ci-modal-dialog-morph) .ci-modal-dialog-body {
      transform: translateY(10px);
      transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
    .ci-modal-dialog-layer .ci-modal-dialog-close {
      position: absolute; }
  .ci-modal-dialog-layer .ci-modal-dialog-body-full,
  .ci-modal-dialog-body-full {
    padding: 0; }
  .ci-modal-close-icon-small {
    display: none; }
  .ci-modal-close-icon-large {
    display: block; }
  /**
     * Styles when modal is open:
     */
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog {
    opacity: 1;
    transition-delay: 0.4s; }
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog-content {
    transform: translateY(0);
    transition-delay: 0.4s; }
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog-layer .ci-modal-dialog-body {
    transform: translateY(0);
    transition-delay: 0.4s; } }

/**
 * Modal morph
 * Created by JS
 */
/**
 * Modal backdrop
 * Created by JS
 */
.ci-modal-backdrop {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 0.6s cubic-bezier(0.75, 0.02, 0.5, 1);
  z-index: 1800; }

.ci-modal-open .ci-modal-backdrop {
  opacity: 1; }

.ci-table {
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
  overflow: auto;
  overflow-y: hidden; }
  .ci-table table {
    border-collapse: separate;
    border-spacing: 0.5rem;
    border-color: #000000; }
  .ci-table caption {
    font-weight: 700;
    text-align: left;
    padding: 1rem 0.5rem; }
  .ci-table tr {
    vertical-align: top; }
  .ci-table th {
    border-top: 3px solid #000000;
    font-weight: 700;
    text-align: left; }
  .ci-table th,
  .ci-table td {
    padding: 1rem 0.75rem 0.5rem 0; }
  .ci-table td {
    border-top: 1px solid #000000; }
  .ci-table-cell-colored {
    background-color: rgba(0, 0, 0, 0.1); }
  .ci-table-cell-last-row td {
    position: relative; }
    .ci-table-cell-last-row td::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.5rem;
      left: 0;
      right: 0;
      border-bottom: 1px solid #000000; }
  .ci-table-stretched table {
    width: 100%; }
  .ci-table-padded th,
  .ci-table-padded td {
    padding: 1rem 0.75rem; }

.ci-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  color: #ffffff;
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /**
     * States
     */
  /**
     * Responsiveness
     */ }
  .ci-player-related-container {
    z-index: 1;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden; }
  .ci-player-related-container-replay {
    position: absolute;
    left: 5%;
    bottom: 19px; }
    .ci-player-related-container-replay .audiicon {
      width: 100%;
      height: 100%; }
  .ci-player-related-grid {
    display: flex;
    flex-flow: row nowrap;
    width: 90%;
    margin: 0 auto;
    overflow: hidden; }
    .ci-player-related-grid-cell {
      display: block;
      flex: 1 1 auto;
      width: 1px;
      margin: 0 0.25rem 0 0; }
      .ci-player-related-grid-cell:last-child {
        margin-right: 0; }
  .ci-player-related-content {
    display: block;
    width: 100%;
    padding: 0;
    outline: none;
    color: inherit;
    background: none;
    border: 0 none;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: -0.015em;
    text-align: left;
    cursor: pointer; }
    .ci-player-related-content-image {
      display: block;
      width: 100%;
      height: auto; }
    .ci-player-related-content-title {
      display: block;
      margin-top: 0.5rem;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal;
      padding-right: 1rem; }
  .ci-player-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .ci-player-large-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    border: 1px solid #ffffff;
    transform: translate(-50%, -50%); }
    .ci-player-large-button .audiicon {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 24px;
      height: 24px; }
  .ci-player-large-button, .ci-player-overlay {
    transition: opacity .2s linear .5s; }
  .ci-player.is-playing .ci-player-large-button,
  .ci-player.is-playing .ci-player-overlay {
    opacity: 0; }
  .ci-player:hover .ci-player-large-button,
  .ci-player:hover .ci-player-overlay {
    transition: opacity .2s linear;
    opacity: 1; }
  .ci-player-chrome {
    z-index: 3;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding: 0 5%;
    font-size: 0.75rem;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
    .ci-player-chrome::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background-color: rgba(0, 0, 0, 0.6);
      transition: height 0.2s cubic-bezier(0.75, 0.02, 0.5, 1) 0.1s;
      z-index: -1; }
  .ci-player-current-time, .ci-player-duration, .ci-player-fullscreen, .ci-player-mute, .ci-player-play {
    flex: 0 0 auto; }
  .ci-player-progress-control {
    flex: 1 1 auto; }
  .ci-player-current-time, .ci-player-duration {
    transform: translateY(0.0833333333em); }
  .ci-player-current-time {
    margin-left: 0.5rem;
    margin-right: 0.25rem; }
    .ci-player-current-time:first-child {
      margin-left: 0; }
  .ci-player-duration {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }
    .ci-player-duration:last-child {
      margin-right: 0; }
  .ci-player-progress-control {
    position: relative;
    height: 100%; }
  .ci-player-progress-holder {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #4c4c4c; }
  .ci-player-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .ci-player-progress-loading {
      background-color: #808080; }
    .ci-player-progress-progress {
      background-color: #ffffff; }
  .ci-player-mute + .ci-player-fullscreen {
    margin-left: 0.5rem; }
  .ci-player-playhead {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #333333;
    z-index: 1; }
  .ci-player-seek-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    transition: opacity .2s linear; }
  .ci-player-seek-marker {
    position: absolute;
    top: -0.375rem;
    right: 0;
    width: 1px;
    height: 0.75rem;
    background-color: #ffffff; }
  .ci-player-seek-time {
    position: absolute;
    bottom: 7px;
    right: 0;
    line-height: 2em;
    transform: translateX(50%);
    z-index: 1; }
  .ci-player-preview {
    display: none;
    position: absolute;
    right: 0;
    transform: translateX(50%);
    opacity: 0;
    transition: opacity .2s linear; }
  .ci-player-preview-image {
    width: 80px;
    height: 0;
    padding-bottom: 56.25%;
    background-position: center;
    background-size: cover; }
  .ci-player-icon-exit-fullscreen, .ci-player-icon-pause, .ci-player-icon-replay, .ci-player-icon-unmute {
    display: none; }
  .ci-player-preview .ci-player-preview,
  .ci-player-preview .ci-player-seek-time {
    bottom: 17px; }
  .ci-player-preview .ci-player-preview {
    display: block; }
  .ci-player.is-controlled .ci-player-chrome,
  .ci-player:hover .ci-player-chrome {
    transform: translateY(0); }
  .ci-player.is-seeking .ci-player-seek-holder {
    opacity: 1;
    transition-delay: .1s; }
  .ci-player.is-seeking .ci-player-preview {
    opacity: 1;
    transition-delay: .1s; }
  .ci-player.is-seeking.ci-player-preview .ci-player-chrome::after {
    height: 101px;
    transition-delay: 0s; }
  .ci-player.is-mute .ci-player-icon-mute {
    display: none; }
  .ci-player.is-mute .ci-player-icon-unmute {
    display: inline-block; }
  .ci-player.is-playing .ci-player-icon-play {
    display: none; }
  .ci-player.is-playing .ci-player-icon-pause {
    display: inline-block; }
  .ci-player.is-complete .ci-player-icon-pause,
  .ci-player.is-complete .ci-player-icon-play {
    display: none; }
  .ci-player.is-complete .ci-player-icon-replay {
    display: inline-block; }
  .ci-player.is-fullscreen .ci-player-icon-enter-fullscreen, .ci-player:fullscreen .ci-player-icon-enter-fullscreen {
    visibility: hidden; }
  .ci-player.is-fullscreen .ci-player-icon-exit-fullscreen, .ci-player:fullscreen .ci-player-icon-exit-fullscreen {
    visibility: visible; }
  @media (min-width: 600px) {
    .ci-player-large-button {
      width: 72px;
      height: 72px; }
      .ci-player-large-button .audiicon {
        left: 12px;
        top: 12px;
        width: 48px;
        height: 48px; }
      .ci-player-large-button .audiicon-small {
        visibility: hidden; }
      .ci-player-large-button .audiicon-large {
        visibility: visible; } }
  @media (min-width: 740px) {
    .ci-player-chrome {
      font-size: 1rem;
      height: 120px; }
      .ci-player-chrome::after {
        height: 120px; }
      .ci-player-chrome .ci-button-icon {
        width: 45px;
        height: 45px; }
        .ci-player-chrome .ci-button-icon .audiicon {
          left: -1px;
          top: -1px;
          width: 48px;
          height: 48px; }
        .ci-player-chrome .ci-button-icon .audiicon-small {
          visibility: hidden; }
        .ci-player-chrome .ci-button-icon .audiicon-large {
          visibility: visible; }
    .ci-player-current-time {
      margin-left: 2.5rem;
      margin-right: 1.25rem; }
    .ci-player-duration {
      margin-left: 1.25rem;
      margin-right: 2.5rem; }
    .ci-player-mute + .ci-player-fullscreen {
      margin-left: 1.25rem; }
    .ci-player-playhead {
      width: 1.25rem;
      height: 1.25rem; }
    .ci-player-seek-time {
      bottom: 20px; }
    .ci-player-seek-marker {
      top: -0.625rem;
      height: 1.25rem; }
    .ci-player-preview-image {
      width: 128px;
      height: 72px; }
    .ci-player-related-container-replay {
      bottom: 38px;
      width: 44px;
      height: 44px; }
    .ci-player .audiicon-small {
      visibility: hidden; }
    .ci-player .audiicon-large {
      visibility: visible; }
    .ci-player.ci-player-preview .ci-player-preview,
    .ci-player.ci-player-preview .ci-player-seek-time {
      bottom: 31px; }
    .ci-player.is-seeking.ci-player-preview .ci-player-chrome::after {
      height: 182px; } }
  @media (min-width: 960px) {
    .ci-player-related-content {
      font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
      font-size: 13px;
      line-height: 20px; } }
  @media (min-width: 1264px) {
    .ci-player-related-content {
      font-size: 14px;
      line-height: 20px; }
    .ci-player-preview-image {
      width: 160px;
      height: 90px; }
    .ci-player.is-seeking.ci-player-preview .ci-player-chrome::after {
      height: 200px; } }

.ci-button.ci-theme-light.active, .ci-button.ci-theme-light:active, .ci-button.ci-theme-light:hover {
  color: #e5e5e5;
  stroke: #e5e5e5;
  fill: #e5e5e5; }

.ci-button.ci-theme-light, .ci-button.ci-theme-light.disabled, .ci-button.ci-theme-light:disabled {
  color: #ffffff;
  stroke: #ffffff;
  fill: #ffffff; }

.ci-button.ci-theme-light.disabled, .ci-button.ci-theme-light:disabled {
  opacity: .30; }

.ci-button.icon.ci-theme-light:focus, .ci-button.primary.ci-theme-light:focus, .ci-button.secondary.ci-theme-light:focus {
  box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }

.ci-button.icon.ci-theme-light.disabled, .ci-button.icon.ci-theme-light:disabled, .ci-button.icon.ci-theme-light:hover, .ci-button.primary.ci-theme-light.disabled, .ci-button.primary.ci-theme-light:disabled, .ci-button.primary.ci-theme-light:hover, .ci-button.secondary.ci-theme-light.disabled, .ci-button.secondary.ci-theme-light:disabled, .ci-button.secondary.ci-theme-light:hover {
  box-shadow: none; }

.ci-button.primary.ci-theme-light, .ci-button.primary.ci-theme-light.active, .ci-button.primary.ci-theme-light:active, .ci-button.primary.ci-theme-light:hover, .ci-button.floating.ci-theme-light, .ci-button.floating.ci-theme-light.active, .ci-button.floating.ci-theme-light:active, .ci-button.floating.ci-theme-light:hover {
  color: #000000;
  stroke: #000000;
  fill: #000000; }

.ci-button.primary.ci-theme-light.disabled, .ci-button.primary.ci-theme-light:disabled, .ci-button.floating.ci-theme-light.disabled, .ci-button.floating.ci-theme-light:disabled {
  color: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5); }

.ci-button.primary.ci-theme-light.active, .ci-button.primary.ci-theme-light:active, .ci-button.primary.ci-theme-light:hover, .ci-button.floating.ci-theme-light.active, .ci-button.floating.ci-theme-light:active, .ci-button.floating.ci-theme-light:hover {
  border-color: #e5e5e5;
  background-color: #e5e5e5; }

.ci-button.primary.ci-theme-light, .ci-button.primary.ci-theme-light.disabled, .ci-button.primary.ci-theme-light:disabled, .ci-button.floating.ci-theme-light, .ci-button.floating.ci-theme-light.disabled, .ci-button.floating.ci-theme-light:disabled {
  border-color: #ffffff;
  background-color: #ffffff; }

.ci-button.secondary.ci-theme-light.active, .ci-button.secondary.ci-theme-light:active, .ci-button.secondary.ci-theme-light:hover {
  border-color: #cccccc; }

.ci-button.secondary.ci-theme-light, .ci-button.secondary.ci-theme-light.disabled, .ci-button.secondary.ci-theme-light:disabled {
  border-color: #ffffff; }

.ci-button.text.ci-theme-light::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='%23ffffff' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }

.ci-button.text.ci-theme-light:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='%23e5e5e5' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }

.ci-button.floating.ci-theme-light, .ci-button.floating.ci-theme-light:focus, .ci-button.floating.ci-theme-light:hover {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }

.ci-button.fixed.ci-theme-light {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }

.ci-checkbox {
  /**
     * Theme: light
     */ }
  .ci-checkbox.ci-theme-light {
    color: #f2f2f2;
    /**
        * States
        */ }
    .ci-checkbox.ci-theme-light .ci-checkbox-box {
      border-color: rgba(255, 255, 255, 0.5); }
    .ci-checkbox.ci-theme-light .ci-checkbox-tick {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='white' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat; }
    .ci-checkbox.ci-theme-light:hover:not(.is-disabled) {
      color: #ffffff; }
      .ci-checkbox.ci-theme-light:hover:not(.is-disabled) .ci-checkbox-box {
        border-color: white; }
    .ci-checkbox.ci-theme-light .ci-checkbox-input:focus ~ .ci-checkbox-box {
      box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
    .ci-checkbox.ci-theme-light.is-invalid,
    .ci-checkbox.ci-theme-light.is-invalid .ci-checkbox-label {
      color: #bb0a30; }
    .ci-checkbox.ci-theme-light.is-invalid .ci-checkbox-tick {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='red' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E"); }
    .ci-checkbox.ci-theme-light.is-invalid .ci-checkbox-box,
    .ci-checkbox.ci-theme-light.is-invalid:hover .ci-checkbox-box {
      border-color: #bb0a30; }

.ci-draggable-list.ci-theme-light .ci-draggable-list-item {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.2); }
  .ci-draggable-list.ci-theme-light .ci-draggable-list-item:hover {
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.3); }

.ci-draggable-list.ci-theme-light.is-dragging .ci-draggable-list-item,
.ci-draggable-list.ci-theme-light.is-dragging .ci-draggable-list-item:hover {
  background: rgba(255, 255, 255, 0.1); }
  .ci-draggable-list.ci-theme-light.is-dragging .ci-draggable-list-item.is-active,
  .ci-draggable-list.ci-theme-light.is-dragging .ci-draggable-list-item:hover.is-active {
    color: rgba(255, 255, 255, 0.95);
    background: #666666; }

.ci-draggable-list.ci-theme-light.is-dragging .is-placeholder,
.ci-draggable-list.ci-theme-light.is-dragging .is-placeholder:hover {
  color: transparent;
  background: none; }

.ci-draggable-list.ci-theme-light .is-placeholder::before {
  border-color: rgba(255, 255, 255, 0.1); }

.ci-draggable-list.ci-theme-light .ci-draggable-list-item::after {
  background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='5' viewBox='0 0 16 5'%3E<rect style='fill:rgba(255, 255, 255, 0.8)' x='0' y='0' width='16' height='1' /><rect style='fill:rgba(255, 255, 255, 0.8)' x='0' y='4' width='16' height='1' /></svg>"); }

.ci-dropzone.ci-theme-light {
  color: #f2f2f2;
  border-color: rgba(255, 255, 255, 0.2); }
  .ci-dropzone.ci-theme-light.is-active, .ci-dropzone.ci-theme-light:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  .ci-dropzone.ci-theme-light.ci-dropzone-fullpage {
    background: rgba(0, 0, 0, 0.9); }
    .ci-dropzone.ci-theme-light.ci-dropzone-fullpage::after {
      border-color: rgba(255, 255, 255, 0.8); }

.ci-dropdown.ci-theme-black, .ci-dropdown.ci-theme-warmsilver, .ci-dropdown.ci-theme-silver {
  /**
    * States
    */ }
  .ci-dropdown.ci-theme-black .ci-dropdown__input, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__input, .ci-dropdown.ci-theme-silver .ci-dropdown__input {
    color: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.5); }
  .ci-dropdown.ci-theme-black .ci-dropdown__label, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__label, .ci-dropdown.ci-theme-silver .ci-dropdown__label {
    color: rgba(255, 255, 255, 0.6); }
  .ci-dropdown.ci-theme-black .ci-dropdown__field::after, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__field::after, .ci-dropdown.ci-theme-silver .ci-dropdown__field::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(255, 255, 255, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .ci-dropdown.ci-theme-black .ci-dropdown__focus-line, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__focus-line, .ci-dropdown.ci-theme-silver .ci-dropdown__focus-line {
    background: rgba(255, 255, 255, 0.8); }
  .ci-dropdown.ci-theme-black .ci-dropdown__description, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__description, .ci-dropdown.ci-theme-silver .ci-dropdown__description,
  .ci-dropdown.ci-theme-black .ci-dropdown__error,
  .ci-dropdown.ci-theme-warmsilver .ci-dropdown__error,
  .ci-dropdown.ci-theme-silver .ci-dropdown__error {
    color: rgba(255, 255, 255, 0.5); }
  
  .ci-dropdown.ci-theme-black .ci-dropdown__error,
  .ci-dropdown.ci-theme-warmsilver .ci-dropdown__error,
  .ci-dropdown.ci-theme-silver .ci-dropdown__error {
    color: #bb0a30; }
  .ci-dropdown.ci-theme-black .ci-dropdown__panel, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__panel, .ci-dropdown.ci-theme-silver .ci-dropdown__panel {
    background: #1a1919;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
  .ci-dropdown.ci-theme-black .ci-dropdown__list-title, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__list-title, .ci-dropdown.ci-theme-silver .ci-dropdown__list-title {
    color: rgba(255, 255, 255, 0.3); }
  .ci-dropdown.ci-theme-black .ci-dropdown__option, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__option, .ci-dropdown.ci-theme-silver .ci-dropdown__option {
    color: #f2f2f2; }
    .ci-dropdown.ci-theme-black .ci-dropdown__option:hover, .ci-dropdown.ci-theme-warmsilver .ci-dropdown__option:hover, .ci-dropdown.ci-theme-silver .ci-dropdown__option:hover {
      background: rgba(255, 255, 255, 0.1); }
  .ci-dropdown.ci-theme-black:not(.is-disabled):not(.is-invalid) .ci-dropdown__input:hover, .ci-dropdown.ci-theme-warmsilver:not(.is-disabled):not(.is-invalid) .ci-dropdown__input:hover, .ci-dropdown.ci-theme-silver:not(.is-disabled):not(.is-invalid) .ci-dropdown__input:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  .is-focused.ci-dropdown.ci-theme-black .ci-dropdown__input, .is-focused.ci-dropdown.ci-theme-warmsilver .ci-dropdown__input, .is-focused.ci-dropdown.ci-theme-silver .ci-dropdown__input {
    border-color: rgba(255, 255, 255, 0.8); }
  .is-dirty.ci-dropdown.ci-theme-black .ci-dropdown__field::after, .is-dirty.ci-dropdown.ci-theme-warmsilver .ci-dropdown__field::after, .is-dirty.ci-dropdown.ci-theme-silver .ci-dropdown__field::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23f2f2f2' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .is-dirty.ci-dropdown.ci-theme-black .ci-dropdown__input, .is-dirty.ci-dropdown.ci-theme-warmsilver .ci-dropdown__input, .is-dirty.ci-dropdown.ci-theme-silver .ci-dropdown__input {
    border-color: rgba(255, 255, 255, 0.8);
    color: #f2f2f2; }
  .is-invalid.ci-dropdown.ci-theme-black, .is-invalid.ci-dropdown.ci-theme-warmsilver, .is-invalid.ci-dropdown.ci-theme-silver,
  .is-invalid.ci-dropdown.ci-theme-black:not(.is-dirty) .ci-dropdown__input,
  .is-invalid.ci-dropdown.ci-theme-warmsilver:not(.is-dirty) .ci-dropdown__input,
  .is-invalid.ci-dropdown.ci-theme-silver:not(.is-dirty) .ci-dropdown__input,
  .is-invalid.ci-dropdown.ci-theme-black .ci-dropdown__counter,
  .is-invalid.ci-dropdown.ci-theme-warmsilver .ci-dropdown__counter,
  .is-invalid.ci-dropdown.ci-theme-silver .ci-dropdown__counter,
  .is-invalid.ci-dropdown.ci-theme-black .ci-dropdown__label,
  .is-invalid.ci-dropdown.ci-theme-warmsilver .ci-dropdown__label,
  .is-invalid.ci-dropdown.ci-theme-silver .ci-dropdown__label {
    color: #bb0a30; }
  .is-invalid.ci-dropdown.ci-theme-black .ci-dropdown__field::after, .is-invalid.ci-dropdown.ci-theme-warmsilver .ci-dropdown__field::after, .is-invalid.ci-dropdown.ci-theme-silver .ci-dropdown__field::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
  .is-invalid.ci-dropdown.ci-theme-black .ci-dropdown__input, .is-invalid.ci-dropdown.ci-theme-warmsilver .ci-dropdown__input, .is-invalid.ci-dropdown.ci-theme-silver .ci-dropdown__input {
    border-color: #bb0a30; }
  .is-invalid.ci-dropdown.ci-theme-black .ci-dropdown__focus-line, .is-invalid.ci-dropdown.ci-theme-warmsilver .ci-dropdown__focus-line, .is-invalid.ci-dropdown.ci-theme-silver .ci-dropdown__focus-line {
    background: #bb0a30; }

.ci-dropdown {
  /**
     * Theme: black
     */
  /**
     * Theme: warmsilver
     */
  /**
     * Theme: silver
     */ }
  .ci-dropdown.ci-theme-warmsilver .ci-dropdown__panel {
    background: #c2beb7; }
  .ci-dropdown.ci-theme-silver .ci-dropdown__panel {
    background: #bfbfbf; }

.ci-fieldset {
  /**
     * Theme: light
     */ }
  .ci-fieldset.ci-theme-light {
    color: rgba(255, 255, 255, 0.6); }
    .ci-fieldset.ci-theme-light.ci-fieldset--selects .ci-fieldset__legend,
    .ci-fieldset.ci-theme-light.ci-fieldset--textfields .ci-fieldset__legend {
      color: #f2f2f2; }
    .ci-fieldset.ci-theme-light.is-invalid .ci-fieldset__error,
    .ci-fieldset.ci-theme-light.is-invalid .ci-fieldset__legend {
      color: #bb0a30; }

.ci-flyout.ci-theme-light .ci-flyout__panel {
  color: rgba(255, 255, 255, 0.5);
  background: #333333;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }

.ci-flyout.ci-theme-light .ci-flyout__close {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E<path fill='rgba(255, 255, 255, 0.5)' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /></svg>") center center no-repeat; }

.ci-nav.ci-theme-black, .ci-nav.ci-theme-warmsilver, .ci-nav.ci-theme-silver, .ci-nav.ci-theme-red {
  color: rgba(255, 255, 255, 0.5);
  fill: rgba(255, 255, 255, 0.5);
  stroke: rgba(255, 255, 255, 0.5);
  /**
     * Modifier: List
     */
  /**
     * Modifier: Dropdown
     */ }
  .ci-nav.ci-theme-black .ci-nav-action.is-active, .ci-nav.ci-theme-warmsilver .ci-nav-action.is-active, .ci-nav.ci-theme-silver .ci-nav-action.is-active, .ci-nav.ci-theme-red .ci-nav-action.is-active, .ci-nav.ci-theme-black .ci-nav-action:hover, .ci-nav.ci-theme-warmsilver .ci-nav-action:hover, .ci-nav.ci-theme-silver .ci-nav-action:hover, .ci-nav.ci-theme-red .ci-nav-action:hover {
    color: white;
    fill: white;
    stroke: white; }
  .ci-nav.ci-theme-black .ci-nav-action, .ci-nav.ci-theme-warmsilver .ci-nav-action, .ci-nav.ci-theme-silver .ci-nav-action, .ci-nav.ci-theme-red .ci-nav-action, .ci-nav.ci-theme-black .ci-nav-action.is-disabled, .ci-nav.ci-theme-warmsilver .ci-nav-action.is-disabled, .ci-nav.ci-theme-silver .ci-nav-action.is-disabled, .ci-nav.ci-theme-red .ci-nav-action.is-disabled {
    color: rgba(255, 255, 255, 0.5);
    fill: rgba(255, 255, 255, 0.5);
    stroke: rgba(255, 255, 255, 0.5); }
  .ci-nav.ci-theme-black .ci-nav-indicator, .ci-nav.ci-theme-warmsilver .ci-nav-indicator, .ci-nav.ci-theme-silver .ci-nav-indicator, .ci-nav.ci-theme-red .ci-nav-indicator {
    background: white; }
  .ci-nav.ci-theme-black .ci-nav-paddle-left::after, .ci-nav.ci-theme-warmsilver .ci-nav-paddle-left::after, .ci-nav.ci-theme-silver .ci-nav-paddle-left::after, .ci-nav.ci-theme-red .ci-nav-paddle-left::after,
  .ci-nav.ci-theme-black .ci-nav-paddle-right::after,
  .ci-nav.ci-theme-warmsilver .ci-nav-paddle-right::after,
  .ci-nav.ci-theme-silver .ci-nav-paddle-right::after,
  .ci-nav.ci-theme-red .ci-nav-paddle-right::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }
  .ci-nav.ci-theme-black .ci-nav-paddle-left, .ci-nav.ci-theme-warmsilver .ci-nav-paddle-left, .ci-nav.ci-theme-silver .ci-nav-paddle-left, .ci-nav.ci-theme-red .ci-nav-paddle-left {
    background: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0) 100%); }
  .ci-nav.ci-theme-black .ci-nav-paddle-right, .ci-nav.ci-theme-warmsilver .ci-nav-paddle-right, .ci-nav.ci-theme-silver .ci-nav-paddle-right, .ci-nav.ci-theme-red .ci-nav-paddle-right {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 60%); }
  .ci-nav-pills.ci-nav.ci-theme-black .ci-nav-action.is-active, .ci-nav-pills.ci-nav.ci-theme-warmsilver .ci-nav-action.is-active, .ci-nav-pills.ci-nav.ci-theme-silver .ci-nav-action.is-active, .ci-nav-pills.ci-nav.ci-theme-red .ci-nav-action.is-active {
    color: black; }
  .ci-nav-pills.ci-nav.ci-theme-black .ci-nav-indicator, .ci-nav-pills.ci-nav.ci-theme-warmsilver .ci-nav-indicator, .ci-nav-pills.ci-nav.ci-theme-silver .ci-nav-indicator, .ci-nav-pills.ci-nav.ci-theme-red .ci-nav-indicator {
    background: #e5e5e5; }
  .ci-nav-list.ci-nav.ci-theme-black .ci-nav-item + .ci-nav-item, .ci-nav-list.ci-nav.ci-theme-warmsilver .ci-nav-item + .ci-nav-item, .ci-nav-list.ci-nav.ci-theme-silver .ci-nav-item + .ci-nav-item, .ci-nav-list.ci-nav.ci-theme-red .ci-nav-item + .ci-nav-item {
    border-color: rgba(255, 255, 255, 0.2); }
  .ci-nav-dropdown.ci-nav.ci-theme-black, .ci-nav-dropdown.ci-nav.ci-theme-warmsilver, .ci-nav-dropdown.ci-nav.ci-theme-silver, .ci-nav-dropdown.ci-nav.ci-theme-red {
    color: rgba(255, 255, 255, 0.5); }
    .ci-nav-dropdown.ci-nav.ci-theme-black .ci-nav-toggle, .ci-nav-dropdown.ci-nav.ci-theme-warmsilver .ci-nav-toggle, .ci-nav-dropdown.ci-nav.ci-theme-silver .ci-nav-toggle, .ci-nav-dropdown.ci-nav.ci-theme-red .ci-nav-toggle {
      color: white; }
    .ci-nav-dropdown.ci-nav.ci-theme-black .ci-nav-toggle-label::after, .ci-nav-dropdown.ci-nav.ci-theme-warmsilver .ci-nav-toggle-label::after, .ci-nav-dropdown.ci-nav.ci-theme-silver .ci-nav-toggle-label::after, .ci-nav-dropdown.ci-nav.ci-theme-red .ci-nav-toggle-label::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(255, 255, 255, 0.5)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
    .ci-nav-dropdown.ci-nav.ci-theme-black .ci-nav-item:not(:last-child), .ci-nav-dropdown.ci-nav.ci-theme-warmsilver .ci-nav-item:not(:last-child), .ci-nav-dropdown.ci-nav.ci-theme-silver .ci-nav-item:not(:last-child), .ci-nav-dropdown.ci-nav.ci-theme-red .ci-nav-item:not(:last-child) {
      border-color: rgba(255, 255, 255, 0.2); }
    .ci-nav-dropdown.ci-nav.ci-theme-black .ci-nav-panel, .ci-nav-dropdown.ci-nav.ci-theme-warmsilver .ci-nav-panel, .ci-nav-dropdown.ci-nav.ci-theme-silver .ci-nav-panel, .ci-nav-dropdown.ci-nav.ci-theme-red .ci-nav-panel {
      background: #333333;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
  .ci-nav.ci-theme-black .ci-nav-underline, .ci-nav.ci-theme-warmsilver .ci-nav-underline, .ci-nav.ci-theme-silver .ci-nav-underline, .ci-nav.ci-theme-red .ci-nav-underline {
    background: rgba(255, 255, 255, 0.5); }
  .is-sticky.ci-nav.ci-theme-black .ci-nav-toggle, .is-sticky.ci-nav.ci-theme-warmsilver .ci-nav-toggle, .is-sticky.ci-nav.ci-theme-silver .ci-nav-toggle, .is-sticky.ci-nav.ci-theme-red .ci-nav-toggle {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }

.ci-nav {
  /**
     * Theme: black
     */
  /**
      * Theme: warmsilver
      */
  /**
     * Theme: silver
     */
  /**
     * Theme: red
     */
  /**
     * TODO Remove in final version.
     * Theme: gray
     */ }
  .ci-nav.ci-theme-warmsilver .ci-nav-paddle-left {
    background: linear-gradient(to right, #b6b1a9 40%, rgba(182, 177, 169, 0) 100%); }
  .ci-nav.ci-theme-warmsilver .ci-nav-paddle-right {
    background: linear-gradient(to right, rgba(182, 177, 169, 0) 0%, #b6b1a9 60%); }
  .ci-nav.ci-theme-silver .ci-nav-paddle-left {
    background: linear-gradient(to right, #b2b2b2 40%, rgba(178, 178, 178, 0) 100%); }
  .ci-nav.ci-theme-silver .ci-nav-paddle-right {
    background: linear-gradient(to right, rgba(178, 178, 178, 0) 0%, #b2b2b2 60%); }
  .ci-nav.ci-theme-red .ci-nav-paddle-left {
    background: linear-gradient(to right, #bb0a30 40%, rgba(187, 10, 48, 0) 100%); }
  .ci-nav.ci-theme-red .ci-nav-paddle-right {
    background: linear-gradient(to right, rgba(187, 10, 48, 0) 0%, #bb0a30 60%); }
  .ci-nav.ci-theme-gray10-gray20 {
    color: rgba(255, 255, 255, 0.5);
    fill: rgba(255, 255, 255, 0.5);
    stroke: rgba(255, 255, 255, 0.5); }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-action.is-active, .ci-nav.ci-theme-gray10-gray20 .ci-nav-action:hover {
      color: white;
      fill: white;
      stroke: white; }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-action, .ci-nav.ci-theme-gray10-gray20 .ci-nav-action.is-disabled {
      color: rgba(255, 255, 255, 0.5);
      fill: rgba(255, 255, 255, 0.5);
      stroke: rgba(255, 255, 255, 0.5); }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-indicator {
      background: white; }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-paddle-left::after,
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-paddle-right::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>"); }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-paddle-left {
      background: linear-gradient(to right, #1a1a1a 40%, rgba(26, 26, 26, 0) 100%); }
    .ci-nav.ci-theme-gray10-gray20 .ci-nav-paddle-right {
      background: linear-gradient(to right, rgba(26, 26, 26, 0) 0%, #1a1a1a 60%); }
    .ci-nav.ci-theme-gray10-gray20.ci-nav-pills .ci-nav-action.is-active {
      color: white; }
    .ci-nav.ci-theme-gray10-gray20.ci-nav-pills .ci-nav-indicator {
      background: #333333; }

.ci-pager.ci-theme-light {
  color: rgba(255, 255, 255, 0.5); }
  .ci-pager.ci-theme-light .ci-pager-current {
    color: white; }
  .ci-pager.ci-theme-light .ci-pager-next:hover:not(.is-disabled),
  .ci-pager.ci-theme-light .ci-pager-previous:hover:not(.is-disabled) {
    color: white; }
  .ci-pager.ci-theme-light .ci-pager-next-icon,
  .ci-pager.ci-theme-light .ci-pager-previous-icon {
    background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>") center center no-repeat; }
  .ci-pager.ci-theme-light .ci-pager-next:hover:not(.is-disabled) .ci-pager-next-icon,
  .ci-pager.ci-theme-light .ci-pager-previous:hover:not(.is-disabled) .ci-pager-previous-icon {
    background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='white' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>") center center no-repeat; }

.ci-pagination.ci-theme-light {
  color: rgba(255, 255, 255, 0.5); }
  .ci-pagination.ci-theme-light .ci-pagination-link.is-active,
  .ci-pagination.ci-theme-light .ci-pagination-link:hover:not(.is-disabled) {
    color: white; }
  .ci-pagination.ci-theme-light .ci-pagination-next-icon,
  .ci-pagination.ci-theme-light .ci-pagination-previous-icon {
    background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>") center center no-repeat; }
  .ci-pagination.ci-theme-light .ci-pagination-next:hover:not(.is-disabled) .ci-pagination-next-icon,
  .ci-pagination.ci-theme-light .ci-pagination-previous:hover:not(.is-disabled) .ci-pagination-previous-icon {
    background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E<path stroke='white' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /></svg>") center center no-repeat; }
  .ci-pagination.ci-theme-light .ci-pagination-indicator {
    background: white; }

.ci-progress.ci-theme-light {
  background: rgba(255, 255, 255, 0.3); }

.ci-radio {
  /**
     * Theme: light
     */ }
  .ci-radio.ci-theme-light {
    color: #f2f2f2; }
    .ci-radio.ci-theme-light .ci-radio-box {
      border-color: rgba(255, 255, 255, 0.5); }
    .ci-radio.ci-theme-light .ci-radio-tick {
      background: rgba(255, 255, 255, 0.2); }
    .ci-radio.ci-theme-light:hover:not(.is-disabled) {
      color: #ffffff; }
      .ci-radio.ci-theme-light:hover:not(.is-disabled) .ci-radio-box {
        border-color: white; }
    .ci-radio.ci-theme-light .ci-radio-input:focus ~ .ci-radio-box {
      box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
    .ci-radio.ci-theme-light.is-checked .ci-radio-tick {
      background: rgba(255, 255, 255, 0.8); }

.ci-select {
  /**
     * Theme: light
     */ }
  .ci-select.ci-theme-light {
    /**
        * States
        */ }
    .ci-select.ci-theme-light .ci-select-input {
      color: rgba(255, 255, 255, 0.6);
      border-color: rgba(255, 255, 255, 0.5); }
      .ci-select.ci-theme-light .ci-select-input::-ms-value {
        color: rgba(255, 255, 255, 0.6); }
    .ci-select.ci-theme-light .ci-select-label {
      color: rgba(255, 255, 255, 0.6); }
    .ci-select.ci-theme-light::after {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='rgba(255, 255, 255, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>") center center no-repeat; }
    .ci-select.ci-theme-light .ci-select-focus-line {
      background: rgba(255, 255, 255, 0.8); }
    .ci-select.ci-theme-light .ci-select-description,
    .ci-select.ci-theme-light .ci-select-error {
      color: rgba(255, 255, 255, 0.5); }
    .ci-select.ci-theme-light .ci-select-error {
      color: #bb0a30; }
    .ci-select.ci-theme-light:not(.is-disabled):not(.is-invalid) .ci-select-input:hover {
      border-color: rgba(255, 255, 255, 0.8); }
    .ci-select.ci-theme-light.is-dirty::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23f2f2f2' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
    .ci-select.ci-theme-light.is-dirty .ci-select-input {
      border-color: rgba(255, 255, 255, 0.8);
      color: #f2f2f2; }
      .ci-select.ci-theme-light.is-dirty .ci-select-input::-ms-value {
        color: #f2f2f2; }
    .ci-select.ci-theme-light.is-invalid,
    .ci-select.ci-theme-light.is-invalid .ci-select-label,
    .ci-select.ci-theme-light.is-invalid:not(.is-dirty) .ci-select-input {
      color: #bb0a30; }
    .ci-select.ci-theme-light.is-invalid::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E<polygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>"); }
    .ci-select.ci-theme-light.is-invalid .ci-select-input {
      border-color: #bb0a30; }
    .ci-select.ci-theme-light.is-invalid .ci-select-focus-line {
      background: #bb0a30; }

.ci-slider {
  /**
     * Theme: black
     */
  /**
     * Theme: silver
     */
  /**
     * Theme: warmsilver
     */ }
  .ci-slider.ci-theme-black {
    color: #cccccc;
    /**
        * States
        */ }
    .ci-slider.ci-theme-black::after {
      background: #333333; }
    .ci-slider.ci-theme-black:not(.ci-slider-range)::after {
      background: linear-gradient(to right, #ffffff 50.9%, #333333 51%); }
    .ci-slider.ci-theme-black .ci-slider-connect::after {
      background: #ffffff; }
    .ci-slider.ci-theme-black .ci-slider-background::after {
      background: #333333; }
    .ci-slider.ci-theme-black .ci-slider-handle {
      background: #000000;
      border-color: #808080; }
    .ci-slider.ci-theme-black:not(.is-disabled) .ci-slider-handle:hover {
      border-color: #ffffff; }
  .ci-slider.ci-theme-silver {
    color: rgba(255, 255, 255, 0.8);
    /**
        * States
        */ }
    .ci-slider.ci-theme-silver::after {
      background: #c1c1c1; }
    .ci-slider.ci-theme-silver:not(.ci-slider-range)::after {
      background: linear-gradient(to right, #ffffff 50.9%, #c1c1c1 51%); }
    .ci-slider.ci-theme-silver .ci-slider-connect::after {
      background: #ffffff; }
    .ci-slider.ci-theme-silver .ci-slider-background::after {
      background: #c1c1c1; }
    .ci-slider.ci-theme-silver .ci-slider-handle {
      background: #b2b2b2;
      border-color: #d9d9d9; }
    .ci-slider.ci-theme-silver:not(.is-disabled) .ci-slider-handle:hover {
      border-color: #ffffff; }
  .ci-slider.ci-theme-warmsilver {
    color: rgba(255, 255, 255, 0.8);
    /**
        * States
        */ }
    .ci-slider.ci-theme-warmsilver::after {
      background: #c5c1ba; }
    .ci-slider.ci-theme-warmsilver:not(.ci-slider-range)::after {
      background: linear-gradient(to right, #ffffff 50.9%, #c5c1ba 51%); }
    .ci-slider.ci-theme-warmsilver .ci-slider-connect::after {
      background: #ffffff; }
    .ci-slider.ci-theme-warmsilver .ci-slider-background::after {
      background: #c5c1ba; }
    .ci-slider.ci-theme-warmsilver .ci-slider-handle {
      background: #b6b1a9;
      border-color: #dbd8d4; }
    .ci-slider.ci-theme-warmsilver:not(.is-disabled) .ci-slider-handle:hover {
      border-color: #ffffff; }

.ci-slidernav.ci-theme-light .ci-slidernav-action,
.ci-slidernav.ci-theme-light .ci-slidernav-action:visited {
  background: rgba(255, 255, 255, 0.2); }

.ci-slidernav.ci-theme-light .ci-slidernav-action:hover {
  background: rgba(255, 255, 255, 0.5); }

.ci-slidernav.ci-theme-light .ci-slidernav-indicator {
  background: rgba(255, 255, 255, 0.8); }

.ci-slidernav.ci-theme-image .ci-slidernav-action,
.ci-slidernav.ci-theme-image .ci-slidernav-action:visited {
  background: rgba(178, 178, 178, 0.5); }

.ci-slidernav.ci-theme-image .ci-slidernav-action:hover {
  background: rgba(255, 255, 255, 0.5); }

.ci-slidernav.ci-theme-image .ci-slidernav-indicator {
  background: rgba(255, 255, 255, 0.8); }

.ci-spinner.ci-theme-light {
  stroke: rgba(255, 255, 255, 0.6); }

.ci-switch {
  /**
     * Theme: light
     */ }
  .ci-switch.ci-theme-light .ci-switch-text {
    color: #f2f2f2; }
  .ci-switch.ci-theme-light .ci-switch-track {
    border-color: rgba(255, 255, 255, 0.5); }
  .ci-switch.ci-theme-light .ci-switch-thumb {
    background: rgba(255, 255, 255, 0.2); }
  .ci-switch.ci-theme-light.ci-switch-equal .ci-switch-text-right {
    color: rgba(255, 255, 255, 0.5); }
  .ci-switch.ci-theme-light.ci-switch-equal .ci-switch-thumb {
    background: rgba(255, 255, 255, 0.8); }
  .ci-switch.ci-theme-light:hover:not(.is-disabled) .ci-switch-text {
    color: #ffffff; }
  .ci-switch.ci-theme-light:hover:not(.is-disabled) .ci-switch-track {
    border-color: white; }
  .ci-switch.ci-theme-light.ci-switch-equal:hover:not(.is-disabled) .ci-switch-text-right {
    color: rgba(255, 255, 255, 0.5); }
  .ci-switch.ci-theme-light.ci-switch-equal:hover:not(.is-disabled) .ci-switch-input:checked ~ .ci-switch-text-left {
    color: rgba(255, 255, 255, 0.5); }
  .ci-switch.ci-theme-light.ci-switch-equal:hover:not(.is-disabled) .ci-switch-input:checked ~ .ci-switch-text-right {
    color: #ffffff; }
  .ci-switch.ci-theme-light .ci-switch-input:focus ~ .ci-switch-track {
    box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
  .ci-switch.ci-theme-light .ci-switch-input:checked ~ .ci-switch-track .ci-switch-thumb {
    background: rgba(255, 255, 255, 0.8); }
  .ci-switch.ci-theme-light.ci-switch-equal .ci-switch-input:checked ~ .ci-switch-text-left {
    color: rgba(255, 255, 255, 0.5); }
  .ci-switch.ci-theme-light.ci-switch-equal .ci-switch-input:checked ~ .ci-switch-text-right {
    color: #f2f2f2; }

.ci-table {
  /**
     * Theme: light
     */ }
  .ci-table.ci-theme-light table {
    border-color: #ffffff; }
  .ci-table.ci-theme-light th {
    border-top-color: #ffffff; }
  .ci-table.ci-theme-light td {
    border-top-color: #ffffff; }
  .ci-table.ci-theme-light .ci-table-cell-colored {
    background-color: rgba(255, 255, 255, 0.2); }
  .ci-table.ci-theme-light .ci-table-cell-last-row td::after {
    border-color: #ffffff; }

.ci-textfield {
  /**
     * Theme: light
     */ }
  .ci-textfield.ci-theme-light {
    stroke: #f2f2f2;
    /**
         * States
         */ }
    .ci-textfield.ci-theme-light .ci-textfield-field {
      border-color: rgba(255, 255, 255, 0.5); }
    .ci-textfield.ci-theme-light .ci-textfield-input {
      color: rgba(255, 255, 255, 0.6); }
    .ci-textfield.ci-theme-light .ci-textfield-label {
      color: rgba(255, 255, 255, 0.6); }
    .ci-textfield.ci-theme-light .ci-textfield-focus-line {
      background: rgba(255, 255, 255, 0.8); }
    .ci-textfield.ci-theme-light .ci-textfield-counter,
    .ci-textfield.ci-theme-light .ci-textfield-description,
    .ci-textfield.ci-theme-light .ci-textfield-error,
    .ci-textfield.ci-theme-light .ci-textfield-valid {
      color: rgba(255, 255, 255, 0.5); }
    .ci-textfield.ci-theme-light .ci-textfield-valid::before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E<polygon fill='rgba(255, 255, 255, 0.6)' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /></svg>") center center no-repeat; }
    .ci-textfield.ci-theme-light .ci-textfield-error {
      color: #bb0a30; }
    .ci-textfield.ci-theme-light:not(.is-disabled):not(.is-invalid) .ci-textfield-field:hover {
      border-bottom-color: rgba(255, 255, 255, 0.8); }
    .ci-textfield.ci-theme-light.is-focused .ci-textfield-field {
      border-bottom-color: rgba(255, 255, 255, 0.8); }
    .ci-textfield.ci-theme-light.is-dirty .ci-textfield-field {
      border-bottom-color: rgba(255, 255, 255, 0.8); }
    .ci-textfield.ci-theme-light.is-dirty .ci-textfield-input {
      color: #f2f2f2; }
    .ci-textfield.ci-theme-light.is-invalid,
    .ci-textfield.ci-theme-light.is-invalid:not(.is-dirty) .ci-textfield-input,
    .ci-textfield.ci-theme-light.is-invalid .ci-textfield-counter,
    .ci-textfield.ci-theme-light.is-invalid .ci-textfield-label {
      color: #bb0a30; }
    .ci-textfield.ci-theme-light.is-invalid .ci-textfield-field {
      border-color: #bb0a30; }
    .ci-textfield.ci-theme-light.is-invalid .ci-textfield-focus-line {
      background: #bb0a30; }

/*# sourceMappingURL=audi-ci.css.map */