@charset "UTF-8";
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-large, .noUi-marker-sub {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/************************************
 * ---- 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 {
  -webkit-appearance: none;
     -moz-appearance: none;
          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?ir8410") format("woff2"), url("../fonts/iconfont/audi-iconfont.ttf?ir8410") format("truetype"), url("../fonts/iconfont/audi-iconfont.woff?ir8410") format("woff"), url("../fonts/iconfont/audi-iconfont.svg?ir8410#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-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 {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          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 {
  -webkit-animation: ci-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both;
          animation: ci-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both;
}

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

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

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

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

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

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

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

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

.row, .row-reverse {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-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;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.gr-adapt {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-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;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.gr-grow {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-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;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-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 {
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.nowrap > * {
  white-space: normal;
}

.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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-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;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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 {
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .nowrap\@large > * {
    white-space: normal;
  }
}

@media screen and (min-width: 1584px) {
  .wrap\@large {
    -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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-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;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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 {
    -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 {
    -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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-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;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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 {
    -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 {
    -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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-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;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-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;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-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 {
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .nowrap\@mobile > * {
    white-space: normal;
  }
}

@media screen and (max-width: 759px) {
  .wrap\@mobile {
    -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 {
  -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;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr-3 {
  -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;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr-6 {
  -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;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr-9 {
  -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;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr-12 {
  -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;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

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

.order-last {
  -webkit-box-ordinal-group: 10000;
  -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;
  -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;
  -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%);
  transform: translateX(-50%);
}

.col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -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;
  -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;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

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

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

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

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

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

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

.row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66666667% 100%;
  z-index: 99999;
}

body {
  direction: ltr;
}

@media screen and (min-width: 1584px) {
  .gr-0\@large {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@large {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@large {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .push-1\@large {
    left: 8.33333333%;
    right: auto;
  }
  .pull-1\@large {
    right: 8.33333333%;
    left: auto;
  }
  .prefix-1\@large {
    margin-left: 8.33333333%;
  }
  .suffix-1\@large {
    margin-right: 8.33333333%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@large {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@large {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .push-2\@large {
    left: 16.66666667%;
    right: auto;
  }
  .pull-2\@large {
    right: 16.66666667%;
    left: auto;
  }
  .prefix-2\@large {
    margin-left: 16.66666667%;
  }
  .suffix-2\@large {
    margin-right: 16.66666667%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@large {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@large {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@large {
    -webkit-box-ordinal-group: 4;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@large {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .push-4\@large {
    left: 33.33333333%;
    right: auto;
  }
  .pull-4\@large {
    right: 33.33333333%;
    left: auto;
  }
  .prefix-4\@large {
    margin-left: 33.33333333%;
  }
  .suffix-4\@large {
    margin-right: 33.33333333%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@large {
    -webkit-box-ordinal-group: 5;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@large {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .push-5\@large {
    left: 41.66666667%;
    right: auto;
  }
  .pull-5\@large {
    right: 41.66666667%;
    left: auto;
  }
  .prefix-5\@large {
    margin-left: 41.66666667%;
  }
  .suffix-5\@large {
    margin-right: 41.66666667%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@large {
    -webkit-box-ordinal-group: 6;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@large {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@large {
    -webkit-box-ordinal-group: 7;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@large {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .push-7\@large {
    left: 58.33333333%;
    right: auto;
  }
  .pull-7\@large {
    right: 58.33333333%;
    left: auto;
  }
  .prefix-7\@large {
    margin-left: 58.33333333%;
  }
  .suffix-7\@large {
    margin-right: 58.33333333%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@large {
    -webkit-box-ordinal-group: 8;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@large {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .push-8\@large {
    left: 66.66666667%;
    right: auto;
  }
  .pull-8\@large {
    right: 66.66666667%;
    left: auto;
  }
  .prefix-8\@large {
    margin-left: 66.66666667%;
  }
  .suffix-8\@large {
    margin-right: 66.66666667%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@large {
    -webkit-box-ordinal-group: 9;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@large {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@large {
    -webkit-box-ordinal-group: 10;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@large {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .push-10\@large {
    left: 83.33333333%;
    right: auto;
  }
  .pull-10\@large {
    right: 83.33333333%;
    left: auto;
  }
  .prefix-10\@large {
    margin-left: 83.33333333%;
  }
  .suffix-10\@large {
    margin-right: 83.33333333%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@large {
    -webkit-box-ordinal-group: 11;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@large {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .push-11\@large {
    left: 91.66666667%;
    right: auto;
  }
  .pull-11\@large {
    right: 91.66666667%;
    left: auto;
  }
  .prefix-11\@large {
    margin-left: 91.66666667%;
  }
  .suffix-11\@large {
    margin-right: 91.66666667%;
  }
  .order-first\@large {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@large {
    -webkit-box-ordinal-group: 12;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@large {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@large {
    -webkit-box-ordinal-group: 13;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@large {
    -webkit-box-ordinal-group: 10000;
    -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;
    -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;
    -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%);
    transform: translateX(-50%);
  }
  .col\@large {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -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;
    -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;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@large {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@large {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@large {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@large {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@large {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@large {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@large {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -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: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .gr-0\@desktop {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@desktop {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@desktop {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .push-1\@desktop {
    left: 8.33333333%;
    right: auto;
  }
  .pull-1\@desktop {
    right: 8.33333333%;
    left: auto;
  }
  .prefix-1\@desktop {
    margin-left: 8.33333333%;
  }
  .suffix-1\@desktop {
    margin-right: 8.33333333%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@desktop {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@desktop {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .push-2\@desktop {
    left: 16.66666667%;
    right: auto;
  }
  .pull-2\@desktop {
    right: 16.66666667%;
    left: auto;
  }
  .prefix-2\@desktop {
    margin-left: 16.66666667%;
  }
  .suffix-2\@desktop {
    margin-right: 16.66666667%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@desktop {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@desktop {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@desktop {
    -webkit-box-ordinal-group: 4;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@desktop {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .push-4\@desktop {
    left: 33.33333333%;
    right: auto;
  }
  .pull-4\@desktop {
    right: 33.33333333%;
    left: auto;
  }
  .prefix-4\@desktop {
    margin-left: 33.33333333%;
  }
  .suffix-4\@desktop {
    margin-right: 33.33333333%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@desktop {
    -webkit-box-ordinal-group: 5;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@desktop {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .push-5\@desktop {
    left: 41.66666667%;
    right: auto;
  }
  .pull-5\@desktop {
    right: 41.66666667%;
    left: auto;
  }
  .prefix-5\@desktop {
    margin-left: 41.66666667%;
  }
  .suffix-5\@desktop {
    margin-right: 41.66666667%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@desktop {
    -webkit-box-ordinal-group: 6;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@desktop {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@desktop {
    -webkit-box-ordinal-group: 7;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@desktop {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .push-7\@desktop {
    left: 58.33333333%;
    right: auto;
  }
  .pull-7\@desktop {
    right: 58.33333333%;
    left: auto;
  }
  .prefix-7\@desktop {
    margin-left: 58.33333333%;
  }
  .suffix-7\@desktop {
    margin-right: 58.33333333%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@desktop {
    -webkit-box-ordinal-group: 8;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@desktop {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .push-8\@desktop {
    left: 66.66666667%;
    right: auto;
  }
  .pull-8\@desktop {
    right: 66.66666667%;
    left: auto;
  }
  .prefix-8\@desktop {
    margin-left: 66.66666667%;
  }
  .suffix-8\@desktop {
    margin-right: 66.66666667%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@desktop {
    -webkit-box-ordinal-group: 9;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@desktop {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@desktop {
    -webkit-box-ordinal-group: 10;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@desktop {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .push-10\@desktop {
    left: 83.33333333%;
    right: auto;
  }
  .pull-10\@desktop {
    right: 83.33333333%;
    left: auto;
  }
  .prefix-10\@desktop {
    margin-left: 83.33333333%;
  }
  .suffix-10\@desktop {
    margin-right: 83.33333333%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@desktop {
    -webkit-box-ordinal-group: 11;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@desktop {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .push-11\@desktop {
    left: 91.66666667%;
    right: auto;
  }
  .pull-11\@desktop {
    right: 91.66666667%;
    left: auto;
  }
  .prefix-11\@desktop {
    margin-left: 91.66666667%;
  }
  .suffix-11\@desktop {
    margin-right: 91.66666667%;
  }
  .order-first\@desktop {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@desktop {
    -webkit-box-ordinal-group: 12;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@desktop {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@desktop {
    -webkit-box-ordinal-group: 13;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@desktop {
    -webkit-box-ordinal-group: 10000;
    -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;
    -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;
    -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%);
    transform: translateX(-50%);
  }
  .col\@desktop {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -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;
    -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;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@desktop {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@desktop {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@desktop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@desktop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@desktop {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@desktop {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@desktop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -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: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .gr-0\@tablet {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@tablet {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@tablet {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .push-1\@tablet {
    left: 8.33333333%;
    right: auto;
  }
  .pull-1\@tablet {
    right: 8.33333333%;
    left: auto;
  }
  .prefix-1\@tablet {
    margin-left: 8.33333333%;
  }
  .suffix-1\@tablet {
    margin-right: 8.33333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@tablet {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@tablet {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .push-2\@tablet {
    left: 16.66666667%;
    right: auto;
  }
  .pull-2\@tablet {
    right: 16.66666667%;
    left: auto;
  }
  .prefix-2\@tablet {
    margin-left: 16.66666667%;
  }
  .suffix-2\@tablet {
    margin-right: 16.66666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@tablet {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@tablet {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@tablet {
    -webkit-box-ordinal-group: 4;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@tablet {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .push-4\@tablet {
    left: 33.33333333%;
    right: auto;
  }
  .pull-4\@tablet {
    right: 33.33333333%;
    left: auto;
  }
  .prefix-4\@tablet {
    margin-left: 33.33333333%;
  }
  .suffix-4\@tablet {
    margin-right: 33.33333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@tablet {
    -webkit-box-ordinal-group: 5;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@tablet {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .push-5\@tablet {
    left: 41.66666667%;
    right: auto;
  }
  .pull-5\@tablet {
    right: 41.66666667%;
    left: auto;
  }
  .prefix-5\@tablet {
    margin-left: 41.66666667%;
  }
  .suffix-5\@tablet {
    margin-right: 41.66666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@tablet {
    -webkit-box-ordinal-group: 6;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@tablet {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@tablet {
    -webkit-box-ordinal-group: 7;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@tablet {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .push-7\@tablet {
    left: 58.33333333%;
    right: auto;
  }
  .pull-7\@tablet {
    right: 58.33333333%;
    left: auto;
  }
  .prefix-7\@tablet {
    margin-left: 58.33333333%;
  }
  .suffix-7\@tablet {
    margin-right: 58.33333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@tablet {
    -webkit-box-ordinal-group: 8;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@tablet {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .push-8\@tablet {
    left: 66.66666667%;
    right: auto;
  }
  .pull-8\@tablet {
    right: 66.66666667%;
    left: auto;
  }
  .prefix-8\@tablet {
    margin-left: 66.66666667%;
  }
  .suffix-8\@tablet {
    margin-right: 66.66666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@tablet {
    -webkit-box-ordinal-group: 9;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@tablet {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@tablet {
    -webkit-box-ordinal-group: 10;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@tablet {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .push-10\@tablet {
    left: 83.33333333%;
    right: auto;
  }
  .pull-10\@tablet {
    right: 83.33333333%;
    left: auto;
  }
  .prefix-10\@tablet {
    margin-left: 83.33333333%;
  }
  .suffix-10\@tablet {
    margin-right: 83.33333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@tablet {
    -webkit-box-ordinal-group: 11;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@tablet {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .push-11\@tablet {
    left: 91.66666667%;
    right: auto;
  }
  .pull-11\@tablet {
    right: 91.66666667%;
    left: auto;
  }
  .prefix-11\@tablet {
    margin-left: 91.66666667%;
  }
  .suffix-11\@tablet {
    margin-right: 91.66666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@tablet {
    -webkit-box-ordinal-group: 12;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@tablet {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@tablet {
    -webkit-box-ordinal-group: 13;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -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;
    -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;
    -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%);
    transform: translateX(-50%);
  }
  .col\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -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;
    -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;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@tablet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@tablet {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@tablet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@tablet {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@tablet {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@tablet {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@tablet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -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: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (max-width: 759px) {
  .gr-0\@mobile {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@mobile {
    -webkit-box-ordinal-group: 1;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@mobile {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .push-1\@mobile {
    left: 8.33333333%;
    right: auto;
  }
  .pull-1\@mobile {
    right: 8.33333333%;
    left: auto;
  }
  .prefix-1\@mobile {
    margin-left: 8.33333333%;
  }
  .suffix-1\@mobile {
    margin-right: 8.33333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@mobile {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@mobile {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .push-2\@mobile {
    left: 16.66666667%;
    right: auto;
  }
  .pull-2\@mobile {
    right: 16.66666667%;
    left: auto;
  }
  .prefix-2\@mobile {
    margin-left: 16.66666667%;
  }
  .suffix-2\@mobile {
    margin-right: 16.66666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@mobile {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@mobile {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@mobile {
    -webkit-box-ordinal-group: 4;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@mobile {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .push-4\@mobile {
    left: 33.33333333%;
    right: auto;
  }
  .pull-4\@mobile {
    right: 33.33333333%;
    left: auto;
  }
  .prefix-4\@mobile {
    margin-left: 33.33333333%;
  }
  .suffix-4\@mobile {
    margin-right: 33.33333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@mobile {
    -webkit-box-ordinal-group: 5;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@mobile {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .push-5\@mobile {
    left: 41.66666667%;
    right: auto;
  }
  .pull-5\@mobile {
    right: 41.66666667%;
    left: auto;
  }
  .prefix-5\@mobile {
    margin-left: 41.66666667%;
  }
  .suffix-5\@mobile {
    margin-right: 41.66666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@mobile {
    -webkit-box-ordinal-group: 6;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@mobile {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@mobile {
    -webkit-box-ordinal-group: 7;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@mobile {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .push-7\@mobile {
    left: 58.33333333%;
    right: auto;
  }
  .pull-7\@mobile {
    right: 58.33333333%;
    left: auto;
  }
  .prefix-7\@mobile {
    margin-left: 58.33333333%;
  }
  .suffix-7\@mobile {
    margin-right: 58.33333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@mobile {
    -webkit-box-ordinal-group: 8;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@mobile {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .push-8\@mobile {
    left: 66.66666667%;
    right: auto;
  }
  .pull-8\@mobile {
    right: 66.66666667%;
    left: auto;
  }
  .prefix-8\@mobile {
    margin-left: 66.66666667%;
  }
  .suffix-8\@mobile {
    margin-right: 66.66666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@mobile {
    -webkit-box-ordinal-group: 9;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@mobile {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@mobile {
    -webkit-box-ordinal-group: 10;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@mobile {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .push-10\@mobile {
    left: 83.33333333%;
    right: auto;
  }
  .pull-10\@mobile {
    right: 83.33333333%;
    left: auto;
  }
  .prefix-10\@mobile {
    margin-left: 83.33333333%;
  }
  .suffix-10\@mobile {
    margin-right: 83.33333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@mobile {
    -webkit-box-ordinal-group: 11;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@mobile {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .push-11\@mobile {
    left: 91.66666667%;
    right: auto;
  }
  .pull-11\@mobile {
    right: 91.66666667%;
    left: auto;
  }
  .prefix-11\@mobile {
    margin-left: 91.66666667%;
  }
  .suffix-11\@mobile {
    margin-right: 91.66666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@mobile {
    -webkit-box-ordinal-group: 12;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@mobile {
    -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;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@mobile {
    -webkit-box-ordinal-group: 13;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -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;
    -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;
    -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%);
    transform: translateX(-50%);
  }
  .col\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -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;
    -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;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@mobile {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@mobile {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@mobile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -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: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.02)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66666667% 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;
  -webkit-box-sizing: border-box;
          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.04777143px;
}

@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.92091429px;
  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.39702857px;
}

@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.04777143px;
}

@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.87314286px;
}

@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.87314286px;
}

@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.87314286px;
  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.87314286px;
}

@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.87314286px;
}

@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.69851429px;
}

@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.04777143px;
}

@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;
  -webkit-transition: color 0.3s linear, border 0.3s linear;
  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.87314286px;
}

@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: '\203A';
}

.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 {
  position: relative;
}

.ci-button .effect {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
}

.ci-button .effect:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 0;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
}

.ci-button:active .effect:before {
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
  -webkit-transition: 0s;
  transition: 0s;
}

.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.86666667em 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;
  -webkit-transition: all 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  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.13333333em;
  padding-right: 2.13333333em;
}

.ci-button.icon:focus, .ci-button.primary:focus, .ci-button.secondary:focus {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
          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 {
  -webkit-box-shadow: none;
          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.primary.active, .ci-button.primary:active, .ci-button.primary:hover, .ci-button.button-floating.active, .ci-button.button-floating:active, .ci-button.button-floating:hover {
  border-color: #808080;
}

.ci-button.primary .effect:before, .ci-button.button-floating .effect:before {
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.5) inset;
}

.ci-button.secondary.active, .ci-button.secondary:active, .ci-button.secondary:hover {
  border-color: #808080;
}

.ci-button.secondary .effect:before {
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
}

.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.06666667em;
  margin-left: 0.26666667em;
  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;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-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>");
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.ci-button.text.disabled .audi-button__text::after,
.ci-button.text:disabled .audi-button__text::after {
  -webkit-transform: none;
          transform: none;
}

.ci-button.button-icon {
  width: 23px;
  height: 23px;
  padding: 0;
  border: none;
}

.ci-button.button-icon .effect:before {
  border-radius: 50%;
}

.ci-button.button-icon:active .effect:before {
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
}

.ci-button.button-icon .icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 24px;
  height: 24px;
}

.ci-button.button-icon .icon::after, .ci-button.button-icon .icon::before {
  line-height: calc(24px - 3px);
}

.ci-button.button-text-and-icon {
  position: relative;
  font-size: 100%;
  width: auto;
  height: 48px;
  line-height: 1.5rem;
  border-radius: 0 !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 32px;
}

.ci-button.button-text-and-icon.icon-left {
  padding-left: calc(48px + 32px);
}

.ci-button.button-text-and-icon.icon-left::before {
  left: 20px;
}

.ci-button.button-text-and-icon.icon-right {
  padding-right: calc(48px + 32px);
}

.ci-button.button-text-and-icon.icon-right::before {
  left: auto;
  right: 20px;
}

.ci-button.button-text-and-icon::after, .ci-button.button-text-and-icon::before {
  font-size: 48px;
  display: inherit;
  position: absolute;
  top: 0;
  line-height: calc(48px - 3px);
  text-align: center;
  left: 0;
  width: 48px;
  height: 48px;
}

.ci-button.button-text-and-icon.icon-small.icon-left {
  padding-left: calc(24px + 32px);
}

.ci-button.button-text-and-icon.icon-small.icon-left::before {
  left: 25px;
}

.ci-button.button-text-and-icon.icon-small.icon-right {
  padding-right: calc(24px + 32px);
}

.ci-button.button-text-and-icon.icon-small.icon-right::before {
  right: 25px;
}

.ci-button.button-text-and-icon.icon-small::after, .ci-button.button-text-and-icon.icon-small::before {
  font-size: 24px;
  top: calc((48px - 24px) * 0.5);
  line-height: calc(24px - 3px);
  width: 24px;
  height: 24px;
}

.ci-button.button-text-and-icon .text {
  display: block;
  width: auto;
  line-height: 45px;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
}

.ci-button.button-icon .effect:before {
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
}

.ci-button.button-icon:active .effect:before {
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0);
}

.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: 48px;
  display: inherit;
  position: absolute;
  top: 0;
  line-height: calc(48px - 3px);
  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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  font-size: 48px;
}

.ci-button.button-floating::after, .ci-button.button-floating::before {
  font-size: 48px;
  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 {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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.53333333em;
}

.ci-button.text-icon .text:not(:first-child) {
  margin-left: 0.53333333em;
}

.ci-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ci-button-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  margin-right: -0.25rem;
  margin-bottom: -0.25rem;
}

.ci-button-group .ci-button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.ci-button-group.block {
  display: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: -0.125rem;
}

.card-grid .card-grid {
  margin: 0;
}

.card-grid .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 288px;
}

.card-grid .column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-box-shadow 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-box-shadow 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  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);
  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), -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-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 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
}

.card.cover {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.card.cover .card__cover {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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;
  -webkit-transition: opacity 0.2s linear, max-height 0.1s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 0.2s linear, max-height 0.1s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 0.2s linear, transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), max-height 0.1s linear 0.4s;
  transition: opacity 0.2s linear, transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), max-height 0.1s linear 0.4s, -webkit-transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
}

.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;
  -webkit-transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  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;
  -webkit-transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  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;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  background: inherit;
  -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.05);
          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;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 9999;
  overflow: visible;
}

.ci-flyout.is-active .ci-flyout-panel-content {
  opacity: 1;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.ci-flyout.is-active .ci-flyout-triangle {
  opacity: 1;
  -webkit-transition-delay: .2s;
          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;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
    -webkit-transform: translateY(-10px);
            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%;
    -webkit-transform: translate(-50%, -10px);
            transform: translate(-50%, -10px);
  }
  .ci-flyout.is-active .ci-flyout-panel {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .ci-flyout.is-active.ci-flyout-center .ci-flyout-panel {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.ci-dropdown {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: color, border;
  transition: color, border;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition-property: top, font-size, color, opacity;
  transition-property: top, font-size, color, opacity;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition-property: background, -webkit-transform;
  transition-property: background, -webkit-transform;
  transition-property: transform, background;
  transition-property: transform, background, -webkit-transform;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition-property: opacity, background;
  transition-property: opacity, background;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.ci-dropdown__description, .ci-dropdown__error {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color 0.25s linear;
  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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  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;
  -webkit-transform: translateY(0.5em);
          transform: translateY(0.5em);
  -webkit-transition: opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  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);
  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), -webkit-transform 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;
  -webkit-transition: background 0.25s linear;
  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 {
  -webkit-transform: rotate(180deg);
          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;
  -webkit-transform: translateY(0);
          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;
  -webkit-box-shadow: 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;
  -webkit-transition-property: color, background, fill, stroke;
  transition-property: color, background, fill, stroke;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  -webkit-transition-timing-function: linear;
          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;
}

.ci-nav-list .ci-nav-action.active:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
}

/**
 * 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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.ci-nav-inline .ci-nav-items,
.ci-nav-pills .ci-nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  white-space: nowrap;
}

.ci-nav-inline .ci-nav-item,
.ci-nav-pills .ci-nav-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          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.active:after,
.ci-nav-pills .ci-nav-action.active:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
}

.ci-nav-inline .ci-nav-action.is-active,
.ci-nav-pills .ci-nav-action.is-active {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

.ci-nav-pills .ci-nav-panel .ci-nav-items .ci-nav-item .ci-nav-action.active:after {
  height: 100%;
  background-color: #e5e5e5;
  z-index: -1;
}

.ci-nav-indicator {
  pointer-events: none;
  display: block;
  position: absolute;
  top: 2rem;
  left: 0;
  width: 1px;
  height: 2px;
  background: #000000;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          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;
  -webkit-transition: opacity .15s linear;
  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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ci-nav-paddle-left:disabled,
.ci-nav-paddle-right:disabled {
  width: 0;
  opacity: 0;
}

.ci-nav-paddle-left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0) 100%);
}

.ci-nav-paddle-left::after {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.ci-nav-paddle-right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%);
}

.ci-nav-paddle-right::after {
  right: 0;
}

.animated {
  opacity: 1;
  -webkit-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);
  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%;
  -webkit-transform: none;
          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;
  -webkit-transition-property: background, -webkit-transform;
  transition-property: background, -webkit-transform;
  transition-property: transform, background;
  transition-property: transform, background, -webkit-transform;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.ci-nav-dropdown.is-active .ci-nav-toggle-label::after {
  -webkit-transform: rotate(180deg);
          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;
  -webkit-transition: opacity .25s linear;
  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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition: max-height 0s .3s;
  transition: max-height 0s .3s;
}

.ci-nav-dropdown.is-active .ci-nav-items {
  max-height: 10000px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.ci-nav-dropdown .ci-nav-item {
  opacity: 0;
  margin: 0 1.25rem;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0s;
          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;
  -webkit-transform: translateY(0);
          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: -webkit-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%;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          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-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;
  -webkit-transition: color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  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);
  -webkit-transition-property: border, padding;
  transition-property: border, padding;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.ci-textfield-field label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.ci-textfield-field.active label {
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
}

.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;
  -webkit-transition-property: top, font-size, color, opacity;
  transition-property: top, font-size, color, opacity;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition-property: opacity, background;
  transition-property: opacity, background;
  -webkit-transition-duration: 0.25s;
          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);
  -webkit-transition: color 0.25s linear;
  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;
  -webkit-transform: translateY(-50%);
          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 {
  -webkit-transition-property: padding;
  transition-property: padding;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-box-shadow: 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;
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: color, border;
  transition: color, border;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transition-property: top, font-size, color, opacity;
  transition-property: top, font-size, color, opacity;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background .25s linear;
  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;
  -webkit-transition-property: opacity, background;
  transition-property: opacity, background;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.ci-select-description, .ci-select-error {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color 0.25s linear;
  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;
  -webkit-box-shadow: 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);
  -webkit-box-sizing: border-box;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-right: -1.5rem;
  margin-bottom: -1.5rem;
}

.ci-fieldset-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}

.ci-fieldset-radios .ci-fieldset-field {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.ci-fieldset-error {
  display: block;
  margin-top: 0.5rem;
  color: #999999;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}

.ci-fieldset.is-invalid .ci-fieldset-error,
.ci-fieldset.is-invalid .ci-fieldset-legend {
  color: #bb0a30;
}

.inner .ci-fieldset-field {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          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: calc(22px + 1em);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ci-radio .check {
  display: block;
  position: absolute;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  height: 22px;
  width: 22px;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transition: all .3s linear;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.ci-radio .check:after {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 5px;
  left: 5px;
  margin: auto;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1) inset;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}

.ci-radio input[type=radio]:checked ~ .check:after {
  background-color: black;
  -webkit-box-shadow: 0 0 0 1px black, 0 0 0 2px black inset;
          box-shadow: 0 0 0 1px black, 0 0 0 2px black inset;
}

.ci-radio:hover .check {
  background-color: rgba(0, 0, 0, 0.1);
}

.ci-js .ci-radio {
  padding-left: calc(22px + 1em);
}

.ci-radio-box {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: box-shadow .15s linear, border .15s linear;
  transition: box-shadow .15s linear, border .15s linear, -webkit-box-shadow .15s linear;
  cursor: pointer;
  pointer-events: none;
  z-index: 1;
}

.ci-js .ci-radio-box {
  display: inline-block;
}

.ci-radio-tick {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-transform: translate(-50%, -50%) scale(0.33333333, 0.33333333);
          transform: translate(-50%, -50%) scale(0.33333333, 0.33333333);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.15s linear, -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: background 0.15s linear, -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.15s linear;
  transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.15s linear, -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  pointer-events: none;
}

.ci-radio:hover:not(.is-disabled) {
  color: #000000;
}

.ci-radio:hover:not(.is-disabled) .ci-radio-box {
  border-color: rgba(0, 0, 0, 0.8);
}

.ci-radio:hover:not(.is-disabled) .ci-radio-tick {
  -webkit-transform: translate(-50%, -50%) scale(0.41666667, 0.41666667);
          transform: translate(-50%, -50%) scale(0.41666667, 0.41666667);
}

.ci-radio-input:focus ~ .ci-radio-box {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
          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: black;
  -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
          transform: translate(-50%, -50%) 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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /**
     * Variant: stretch
     */
  /**
     * Variant: box-right
     */
  /**
     * States
     */
}

.ci-checkbox .check {
  display: block;
  position: absolute;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  height: 22px;
  width: 22px;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transition: all .3s linear;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.ci-checkbox .check:before, .ci-checkbox .check:after {
  display: block;
  position: absolute;
  content: '';
  background-color: #000000;
  opacity: 0;
}

.ci-checkbox .check:before {
  width: 2px;
  height: 12px;
  left: 12px;
  top: 5px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-4.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1, 0);
          transform: translateX(-4.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1, 0);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0s linear;
  transition: opacity 0.3s linear, -webkit-transform 0s linear;
  transition: opacity 0.3s linear, transform 0s linear;
  transition: opacity 0.3s linear, transform 0s linear, -webkit-transform 0s linear;
  -webkit-transition: opacity 0.3s linear, transform 0s linear;
}

.ci-checkbox .check:after {
  width: 6px;
  height: 2px;
  left: 5px;
  top: 12px;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: translateX(-0.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(0, 1);
          transform: translateX(-0.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(0, 1);
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0s linear;
  transition: opacity 0.15s linear, -webkit-transform 0s linear;
  transition: opacity 0.15s linear, transform 0s linear;
  transition: opacity 0.15s linear, transform 0s linear, -webkit-transform 0s linear;
  -webkit-transition: opacity 0.15s linear, transform 0s linear;
}

.ci-checkbox input[type=checkbox]:checked ~ .check:before,
.ci-checkbox input[type=checkbox]:checked ~ .check:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.15s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.15s linear;
  transition: opacity 0.3s linear, transform 0.15s linear;
  transition: opacity 0.3s linear, transform 0.15s linear, -webkit-transform 0.15s linear;
  -webkit-transition: opacity 0.3s linear, transform 0.3s linear;
}

.ci-checkbox input[type=checkbox]:checked ~ .check:before {
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transition: opacity 0.3s linear, transform 0.3s linear;
  -webkit-transform: translateX(-4.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1);
          transform: translateX(-4.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.ci-checkbox input[type=checkbox]:checked ~ .check:after {
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s linear;
  transition: opacity 0.15s linear, -webkit-transform 0.15s linear;
  transition: opacity 0.15s linear, transform 0.15s linear;
  transition: opacity 0.15s linear, transform 0.15s linear, -webkit-transform 0.15s linear;
  -webkit-transition: opacity 0.15s linear, transform 0.15s linear;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-0.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1);
          transform: translateX(-0.5px) translateY(-2.5px) translateZ(0) rotate(45deg) scale(1);
}

.ci-checkbox:hover .check {
  background-color: rgba(0, 0, 0, 0.1);
}

.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);
  -webkit-transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: box-shadow .15s linear, border .15s linear;
  transition: box-shadow .15s linear, border .15s linear, -webkit-box-shadow .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;
  -webkit-transform: translate(-50%, -50%);
          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;
  -webkit-transition: opacity 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  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;
  -webkit-transition: color .25s linear;
  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 {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #cccccc;
}

.ci-slider:not(.ci-slider-range)::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, #000000), color-stop(51%, #cccccc));
  background: linear-gradient(to right, #000000 70%, #cccccc 51%);
}

.ci-slider-output {
  position: relative;
  font-size: 13px;
}

.ci-slider-target,
.ci-slider-target * {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: 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;
  -webkit-transform: translate3d(0, 0, 0);
          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;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: border .15s linear;
  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 {
  -webkit-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);
  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;
  -webkit-transition: color .15s linear;
  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;
  -webkit-transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: border .15s linear, -webkit-box-shadow .15s linear;
  transition: box-shadow .15s linear, border .15s linear;
  transition: box-shadow .15s linear, border .15s linear, -webkit-box-shadow .15s linear;
}

.ci-switch-thumb {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: .75em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.33333333, 0.33333333);
          transform: translate(-50%, -50%) scale(0.33333333, 0.33333333);
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 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);
  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), -webkit-transform 0.15s 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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ci-switch-equal .ci-switch-text {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ci-switch-equal .ci-switch-text-left {
  margin-right: 1em;
}

.ci-switch-equal .ci-switch-text-right {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 1em;
}

.ci-switch-equal .ci-switch-track {
  position: relative;
  left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
          flex: 0 0 3em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ci-switch-equal .ci-switch-thumb {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
          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 {
  -webkit-transform: translate(-50%, -50%) scale(0.41666667, 0.41666667);
          transform: translate(-50%, -50%) scale(0.41666667, 0.41666667);
}

.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 {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
          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);
  -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
          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);
  -webkit-transition: background .15s linear, color .15s linear;
  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;
  -webkit-transition: opacity .15s linear;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 1rem;
  color: #333333;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  -webkit-transition: border 0.15s linear;
  transition: border 0.15s linear;
}

.ci-dropzone-message {
  -webkit-box-flex: 0;
      -ms-flex: none;
          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;
  -webkit-transition: border 0.15s linear, opacity 0.15s linear, visibility 0.15s linear;
  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.
 */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes stroke-animation {
  from {
    stroke-dashoffset: -10;
  }
  to {
    stroke-dashoffset: -140;
  }
}

@keyframes stroke-animation {
  from {
    stroke-dashoffset: -10;
  }
  to {
    stroke-dashoffset: -140;
  }
}

.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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-animation: rotate 1s linear 0s infinite;
          animation: rotate 1s linear 0s infinite;
}

.ci-spinner-continuous .ci-spinner-group-base {
  display: none;
}

.ci-spinner-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 {
  -webkit-animation: ci-progress 2s linear infinite;
          animation: ci-progress 2s linear infinite;
}

@-webkit-keyframes ci-progress {
  from {
    left: -55%;
    width: 55%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}

@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 {
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
}

.ci-pagination-link.is-active, .ci-pagination-link:hover:not(.is-disabled) {
  color: black;
  position: relative;
}

.ci-pagination-link.is-active:after, .ci-pagination-link:hover:not(.is-disabled):after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: -5%;
  width: 120%;
  height: 2px;
  background-color: #000000;
}

.ci-pagination-next-icon, .ci-pagination-previous-icon {
  display: inline-block;
  width: .5em;
  height: .8125em;
  text-indent: 100%;
  overflow: hidden;
  -webkit-transform: translateY(0.0625em);
          transform: translateY(0.0625em);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ci-pagination-previous-icon {
  -webkit-transform: translateY(0.0625em) rotate(180deg);
          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>");
  -webkit-transition: background .15s linear;
  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;
  -webkit-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);
  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 {
  -webkit-transition: color .15s linear;
  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;
  -webkit-transform: translateY(0.0625em);
          transform: translateY(0.0625em);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ci-pager-previous-icon {
  -webkit-transform: translateY(0.0625em) rotate(180deg);
          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>");
  -webkit-transition: background .15s linear;
  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;
  -webkit-transition: background 0.15s linear;
  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;
  -webkit-transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
}

.ci-slidernav-shadow .ci-slidernav-action {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
          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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          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;
  -webkit-transition: opacity .15s linear, visibility .15s linear;
  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;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          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;
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
  -webkit-transition-delay: .4s;
          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;
  -webkit-transition: opacity .15s linear, visibility .15s linear;
  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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
          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;
  -webkit-transform: translate(-50%, -50%);
          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;
  -webkit-transition-duration: .25s;
          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;
  background-color: rgba(0, 0, 0, 0.9);
}

.ci-modal.is-active .ci-modal-dialog {
  opacity: 1;
}

/**
 * Modal dialog
 */
.ci-modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  min-height: 100vh;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  background-color: #ffffff;
}

.ci-modal-dialog-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: absolute !important;
  top: 0 !important;
  right: 0 !important;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-transition: color 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: color 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
  color: #808080;
}

.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;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.ci-modal-open .ci-modal.is-active .ci-modal-dialog-morph {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.ci-modal-open .ci-modal.is-active .ci-modal-dialog-morph .ci-modal-dialog-body {
  -webkit-transition-delay: 0s;
          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 {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .ci-modal-dialog-layer .ci-modal-dialog-content {
    padding: 2rem;
  }
  .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;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog-content {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .ci-modal-open .ci-modal.is-active .ci-modal-dialog-layer .ci-modal-dialog-body {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.4s;
            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);
  -webkit-transition: opacity 0.6s cubic-bezier(0.75, 0.02, 0.5, 1);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.ci-player-related-grid-cell {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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;
  -webkit-transform: translate(-50%, -50%);
          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 {
  -webkit-transition: opacity .2s linear .5s;
  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 {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  opacity: 1;
}

.ci-player-chrome {
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  padding: 0 5%;
  font-size: 0.75rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-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);
  -webkit-transition: height 0.2s cubic-bezier(0.75, 0.02, 0.5, 1) 0.1s;
  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 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.ci-player-progress-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.ci-player-current-time, .ci-player-duration {
  -webkit-transform: translateY(0.08333333em);
          transform: translateY(0.08333333em);
}

.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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-transition: opacity .2s linear;
  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;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 1;
}

.ci-player-preview {
  display: none;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  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 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.ci-player.is-seeking .ci-player-seek-holder {
  opacity: 1;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.ci-player.is-seeking .ci-player-preview {
  opacity: 1;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.ci-player.is-seeking.ci-player-preview .ci-player-chrome::after {
  height: 101px;
  -webkit-transition-delay: 0s;
          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:-webkit-full-screen .ci-player-icon-enter-fullscreen {
  visibility: hidden;
}

.ci-player.is-fullscreen .ci-player-icon-enter-fullscreen, .ci-player:-moz-full-screen .ci-player-icon-enter-fullscreen {
  visibility: hidden;
}

.ci-player.is-fullscreen .ci-player-icon-enter-fullscreen, .ci-player:-ms-fullscreen .ci-player-icon-enter-fullscreen {
  visibility: hidden;
}

.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:-webkit-full-screen .ci-player-icon-exit-fullscreen {
  visibility: visible;
}

.ci-player.is-fullscreen .ci-player-icon-exit-fullscreen, .ci-player:-moz-full-screen .ci-player-icon-exit-fullscreen {
  visibility: visible;
}

.ci-player.is-fullscreen .ci-player-icon-exit-fullscreen, .ci-player:-ms-fullscreen .ci-player-icon-exit-fullscreen {
  visibility: visible;
}

.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 {
  -webkit-box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);
          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 {
  -webkit-box-shadow: none;
          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 {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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 {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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 .check {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.ci-checkbox.ci-theme-light .check:before, .ci-checkbox.ci-theme-light .check:after {
  background-color: #f2f2f2;
}

.ci-checkbox.ci-theme-light:hover .check {
  background-color: rgba(255, 255, 255, 0.1);
}

.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 {
  -webkit-box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);
          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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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: -webkit-gradient(linear, left top, right top, color-stop(40%, black), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(60%, black));
  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;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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 {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
          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: -webkit-gradient(linear, left top, right top, color-stop(40%, #b6b1a9), to(rgba(182, 177, 169, 0)));
  background: linear-gradient(to right, #b6b1a9 40%, rgba(182, 177, 169, 0) 100%);
}

.ci-nav.ci-theme-warmsilver .ci-nav-paddle-right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(182, 177, 169, 0)), color-stop(60%, #b6b1a9));
  background: linear-gradient(to right, rgba(182, 177, 169, 0) 0%, #b6b1a9 60%);
}

.ci-nav.ci-theme-silver .ci-nav-paddle-left {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #b2b2b2), to(rgba(178, 178, 178, 0)));
  background: linear-gradient(to right, #b2b2b2 40%, rgba(178, 178, 178, 0) 100%);
}

.ci-nav.ci-theme-silver .ci-nav-paddle-right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(178, 178, 178, 0)), color-stop(60%, #b2b2b2));
  background: linear-gradient(to right, rgba(178, 178, 178, 0) 0%, #b2b2b2 60%);
}

.ci-nav.ci-theme-red .ci-nav-paddle-left {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #bb0a30), to(rgba(187, 10, 48, 0)));
  background: linear-gradient(to right, #bb0a30 40%, rgba(187, 10, 48, 0) 100%);
}

.ci-nav.ci-theme-red .ci-nav-paddle-right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(187, 10, 48, 0)), color-stop(60%, #bb0a30));
  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: -webkit-gradient(linear, left top, right top, color-stop(40%, #1a1a1a), to(rgba(26, 26, 26, 0)));
  background: linear-gradient(to right, #1a1a1a 40%, rgba(26, 26, 26, 0) 100%);
}

.ci-nav.ci-theme-gray10-gray20 .ci-nav-paddle-right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0)), color-stop(60%, #1a1a1a));
  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 .check {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.ci-radio.ci-theme-light .check:after {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.1) inset;
}

.ci-radio.ci-theme-light input[type=radio]:checked ~ .check:after {
  background-color: white;
  -webkit-box-shadow: 0 0 0 1px white, 0 0 0 2px white inset;
          box-shadow: 0 0 0 1px white, 0 0 0 2px white inset;
}

.ci-radio.ci-theme-light:hover .check {
  background-color: rgba(255, 255, 255, 0.1);
}

.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: rgba(255, 255, 255, 0.8);
}

.ci-radio.ci-theme-light .ci-radio-input:focus ~ .ci-radio-box {
  -webkit-box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);
}

.ci-radio.ci-theme-light.is-checked .ci-radio-tick {
  background: white;
}

.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: -webkit-gradient(linear, left top, right top, color-stop(50.9%, #ffffff), color-stop(51%, #333333));
  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: -webkit-gradient(linear, left top, right top, color-stop(50.9%, #ffffff), color-stop(51%, #c1c1c1));
  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: -webkit-gradient(linear, left top, right top, color-stop(50.9%, #ffffff), color-stop(51%, #c5c1ba));
  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 {
  -webkit-box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);
          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;
}

@font-face {
  font-family: 'project-iconfont';
  src: url("../fonts/iconfont/project-iconfont.eot?4bmdq2");
  src: url("../fonts/iconfont/project-iconfont.eot?4bmdq2#iefix") format("embedded-opentype"), url("../fonts/iconfont/project-iconfont.woff2?4bmdq2") format("woff2"), url("../fonts/iconfont/project-iconfont.ttf?4bmdq2") format("truetype"), url("../fonts/iconfont/project-iconfont.woff?4bmdq2") format("woff"), url("../fonts/iconfont/project-iconfont.svg?4bmdq2#project-iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="project-icon-"], [class*=" project-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'project-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;
}

.project-icon-saving:before {
  content: "\E916";
}

.project-icon-saving-large:before {
  content: "\E917";
}

.project-icon-load:before {
  content: "\E915";
}

.project-icon-city:before {
  content: "\E900";
}

.project-icon-country:before {
  content: "\E901";
}

.project-icon-domestic:before {
  content: "\E902";
}

.project-icon-driving-area:before {
  content: "\E903";
}

.project-icon-eleven:before {
  content: "\E904";
}

.project-icon-existing:before {
  content: "\E905";
}

.project-icon-home:before {
  content: "\E906";
}

.project-icon-industrial:before {
  content: "\E907";
}

.project-icon-interstate:before {
  content: "\E908";
}

.project-icon-nineteen:before {
  content: "\E909";
}

.project-icon-not-available:before {
  content: "\E90A";
}

.project-icon-one-point-eight:before {
  content: "\E90B";
}

.project-icon-public:before {
  content: "\E90C";
}

.project-icon-seven-point-four:before {
  content: "\E90D";
}

.project-icon-three-point-seven:before {
  content: "\E90E";
}

.project-icon-tire-size:before {
  content: "\E90F";
}

.project-icon-twenty:before {
  content: "\E910";
}

.project-icon-twenty-one:before {
  content: "\E911";
}

.project-icon-twenty-two:before {
  content: "\E912";
}

.project-icon-two-point-three:before {
  content: "\E913";
}

.project-icon-wireless:before {
  content: "\E914";
}

@font-face {
  font-family: 'project-iconfont-us';
  src: url("../fonts/iconfont/project-iconfont-us.eot?kcoirj");
  src: url("../fonts/iconfont/project-iconfont-us.eot?kcoirj#iefix") format("embedded-opentype"), url("../fonts/iconfont/project-iconfont-us.woff2?kcoirj") format("woff2"), url("../fonts/iconfont/project-iconfont-us.ttf?kcoirj") format("truetype"), url("../fonts/iconfont/project-iconfont-us.woff?kcoirj") format("woff"), url("../fonts/iconfont/project-iconfont-us.svg?kcoirj#project-iconfont-us") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="project-us-icon-"], [class*=" project-us-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'project-iconfont-us' !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;
}

.project-us-icon-ccs:before {
  content: "\E900";
}

.project-us-icon-charge-large:before {
  content: "\E901";
}

.project-us-icon-charge-small:before {
  content: "\E902";
}

.project-us-icon-frame:before {
  content: "\E903";
}

.project-us-icon-home-leveltwo:before {
  content: "\E904";
}

.project-us-icon-plug-a:before {
  content: "\E905";
}

.project-us-icon-plug-b:before {
  content: "\E906";
}

.project-us-icon-plug-b-framed:before {
  content: "\E907";
}

.project-us-icon-plug-c:before {
  content: "\E908";
}

.project-us-icon-plug-d:before {
  content: "\E909";
}

.project-us-icon-plug-e:before {
  content: "\E90A";
}

.project-us-icon-plug-f:before {
  content: "\E90B";
}

@font-face {
  font-family: 'project-iconfont-cn';
  src: url("../fonts/iconfont/project-iconfont-cn.eot?s8900x");
  src: url("../fonts/iconfont/project-iconfont-cn.eot?s8900x#iefix") format("embedded-opentype"), url("../fonts/iconfont/project-iconfont-cn.woff2?s8900x") format("woff2"), url("../fonts/iconfont/project-iconfont-cn.ttf?s8900x") format("truetype"), url("../fonts/iconfont/project-iconfont-cn.woff?s8900x") format("woff"), url("../fonts/iconfont/project-iconfont-cn.svg?s8900x#project-iconfont-cn") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="projecticon-"], [class*=" projecticon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'project-iconfont-cn' !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;
}

.projecticon-stecker-china:before {
  content: "\E900";
}

* {
  -webkit-user-select: none;
  /* Safari, iOS, and Android */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* supported by Chrome and Opera */
}

html {
  position: relative;
  font-size: 16px;
  background-color: #ffffff;
  margin: 0;
  border: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto !important;
  height: auto;
  background-color: #ffffff;
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

@media screen and (max-width: 759px) {
  body {
    overflow-x: hidden;
  }
}

body.no-scroll {
  overflow: hidden;
}

body.pointer-blocked {
  pointer-events: none !important;
}

body.init-white {
  opacity: 0;
  overflow: hidden;
}

.site-container {
  position: relative;
}

.screensize-notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: black;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
}

.screensize-notification span {
  text-align: center;
  margin-top: 1rem;
}

@media screen and (max-width: 759px) and (orientation: landscape) {
  .screensize-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.img-auto-width {
  width: 100%;
  height: auto;
}

.top-row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bold {
  font-weight: 600 !important;
}

.bolder {
  font-weight: 900 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.double-bottom-margin {
  margin-bottom: 35px !important;
}

.higher-number {
  font-size: 50%;
  font-weight: 600;
  position: relative;
  top: -0.5rem;
  display: inline-block;
}

.deeper-number {
  font-size: 50%;
  line-height: 60%;
  position: relative;
  bottom: -0.15rem;
  display: inline-block;
}

.border-right {
  border-right: 1px solid #cccccc;
}

.border-left {
  border-left: 1px solid #cccccc;
}

.border-bottom {
  border-bottom: 1px solid #cccccc;
}

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

@media screen and (max-width: 1024px) {
  .no-border-mobile {
    border: 0 !important;
  }
  .border-top-mobile {
    border-top: 1px solid #cccccc;
    margin-top: 100px;
    padding-top: 20px;
  }
  .border-right.border-bottom-mobile {
    border-right: 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
  }
  .border-right.border-bottom-mobile .pane-headline-small {
    margin: 10px 0;
    padding: 0 0 0 4.5rem;
  }
}

.page-legende {
  margin-top: 20px;
}

.page-legende p {
  padding: 0 0 0 15px;
  position: relative;
  margin-top: 20px;
  font-size: 80%;
  line-height: 1.35;
}

.page-legende p .higher-number {
  position: absolute;
  top: -2px;
  left: 4px;
  font-size: 80%;
}

.statistic-row {
  margin-top: 60px;
  position: relative;
}

@media screen and (max-width: 759px) {
  .statistic-row {
    margin-top: 0px;
  }
}

.statistic-row .middle-line {
  position: absolute;
  height: 110%;
  left: 50%;
  top: 0;
  width: 1Px;
  background-color: #cccccc;
}

@media screen and (max-width: 759px) {
  .statistic-row .middle-line {
    display: none;
  }
}

.statistic-row .maxWidth60percent.right {
  padding: 0 0 0 30%;
}

.statistic-row .maxWidth60percent .h6 {
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
  font-size: 85%;
  display: block;
  min-height: 50px;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 759px) {
  .statistic-row .maxWidth60percent .h6 {
    font-size: 4vw;
    min-height: auto;
    margin: 130px 0 20px 0;
  }
}

.statistic-row .maxWidth60percent .h6.withIcon {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.statistic-row .maxWidth60percent .h6.withIcon multilang {
  display: inline-block;
}

.statistic-row .maxWidth60percent .h6.withIcon .info-button {
  display: inline-block;
  width: 35px;
  padding: 0 20px;
  height: 35px;
  line-height: 1.2;
  -webkit-transform: translateX(0) translateY(-25%) translateZ(0);
          transform: translateX(0) translateY(-25%) translateZ(0);
}

.statistic-row .maxWidth60percent .h6.withIcon .info-button::before {
  font-size: 150%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.relative {
  position: relative;
}

.comparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.comparison .icon {
  font-size: 70px;
  height: 70px;
  width: 20px;
  color: #b2b2b2;
  position: relative;
  display: inline-block !important;
}

.comparison .icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  color: #b2b2b2;
}

.gtron-image {
  max-width: 13.829em !important;
  display: inline-block;
}

.versus {
  max-width: 5.086em !important;
  display: inline-block;
}

@media screen and (max-width: 759px) {
  .versus {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: 30px 0;
  }
}

button {
  border-radius: 0;
}

.line {
  height: 1px;
  width: 100%;
  background-color: #cccccc;
}

.line.margin-top {
  margin-top: 30px;
}

.ci-doc-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  color: white;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ci-doc-button:hover {
  opacity: 1;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.ci-doc-button a {
  margin-right: 10px;
  cursor: default;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.flex-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-horizontal.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.no-padding {
  padding: 0;
}

.flex-scroll-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-scroll-wrapper .head-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .flex-scroll-wrapper .head-wrapper {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 759px) {
  .flex-scroll-wrapper .head-wrapper {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.flex-scroll-wrapper .exercise-wrapper-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  overflow: hidden;
  padding-top: 3rem;
}

@media screen and (max-width: 759px) {
  .flex-scroll-wrapper .exercise-wrapper-wrapper {
    margin-left: 0rem;
    width: 100%;
  }
}

button {
  border: 0 !important;
}

button > * {
  pointer-events: none;
}

.exercise-wrapper {
  height: auto;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  position: relative;
  padding: 0 1rem;
  margin-left: 0;
  background-color: #fff;
  z-index: 1;
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .exercise-wrapper {
    padding: 0 1rem !important;
  }
}

@media screen and (max-width: 759px) {
  .exercise-wrapper {
    padding: 0 1rem !important;
  }
}

@media screen and (max-width: 414px) {
  .exercise-wrapper {
    display: none;
  }
}

.exercise-wrapper.open {
  -webkit-transition-delay: 0.3s, 0.3s;
          transition-delay: 0.3s, 0.3s;
  opacity: 1;
  visibility: visible;
}

.exercise-wrapper.open:after {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  height: calc(100% - 2rem);
}

.exercise-wrapper.open .overlay:after {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
}

.exercise-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0%;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b2b2b2), to(transparent));
  background-image: linear-gradient(to bottom, #b2b2b2 0%, transparent 100%);
}

.exercise-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background-color: transparent;
  z-index: 1;
}

.exercise-wrapper .overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-box-shadow: 0 0 150px 0 white;
          box-shadow: 0 0 150px 0 white;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  pointer-events: none;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  /* experimentell*/
}

.exercise-wrapper.heightZero {
  height: 0;
}

.exercise-wrapper.disabled-because-of-animation {
  pointer-events: none;
}

.exercise-wrapper .exercise-row {
  position: relative;
  padding: 0;
  margin: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}

.exercise-wrapper .exercise-row:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1rem / 16);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, transparent), color-stop(80%, #b2b2b2), color-stop(95%, transparent));
  background-image: linear-gradient(to right, transparent, transparent 10%, #b2b2b2 80%, transparent 95%);
}

.exercise-wrapper .exercise-row.start {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.exercise-wrapper:first-child {
  margin-top: 0;
}

.exercise-wrapper:first-child:before {
  display: none;
}

.exercise-wrapper:last-child {
  margin-bottom: 2rem;
}

.exercise-wrapper:last-child:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1rem / 16);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, transparent), color-stop(80%, #b2b2b2), color-stop(95%, transparent));
  background-image: linear-gradient(to right, transparent, transparent 10%, #b2b2b2 80%, transparent 95%);
}

.option-button {
  position: relative;
  padding: 0 40px 0 0;
  color: black;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  outline: none;
  font-weight: 700;
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.option-button:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, transparent), color-stop(80%, #b2b2b2), color-stop(95%, transparent));
  background-image: linear-gradient(to right, transparent, transparent 10%, #b2b2b2 80%, transparent 95%);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transition-property: background-position, width;
  transition-property: background-position, width;
  background-position: center center;
}

.option-button.open .icon {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.option-button.open:after {
  width: 225%;
  background-position: -250px center;
}

.option-button.option-button-copy {
  position: absolute;
  top: 0;
  left: -10000px;
  opacity: 0;
  visibility: hidden;
}

.option-button .text {
  position: relative;
  pointer-events: none;
  white-space: nowrap;
}

.option-button .icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  font-size: 200%;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.row-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding-top: 1rem;
}

.row-label.last-row-label {
  margin-bottom: 0;
}

.row-label .info-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.row-label .info-icon {
  margin-right: 1rem;
}

.row-label .text-icon-box {
  position: relative;
  width: 100%;
}

.row-label .text-icon-box .text-icon {
  font-size: 2.3rem;
}

.row-label .text-icon-box > div {
  line-height: 2rem;
}

.row-label .text-icon-box .extra-label {
  font-size: 70%;
  line-height: 1.2;
  color: #b2b2b2;
  margin-bottom: 1rem;
}

.tooltip-wrapper {
  position: relative;
}

.tooltip-wrapper.switch-tooltip {
  position: absolute;
  right: 0;
  top: 18%;
}

.tooltip-wrapper button {
  position: relative;
}

.tooltip-wrapper .tooltip {
  z-index: 900;
  position: absolute;
  top: 0;
  right: calc(100% + 5px);
  width: 250Px;
  background-color: #333333;
  color: #ffffff;
  line-height: 1.2;
  font-size: 13Px;
  text-align: left;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  -webkit-box-shadow: 2Px 2Px 2Px 0 #4c4c4c;
          box-shadow: 2Px 2Px 2Px 0 #4c4c4c;
  border-radius: 0;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.tooltip-wrapper .tooltip ul {
  padding-left: 15px;
}

.tooltip-wrapper .tooltip.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-property: "opacity, visibility";
  transition-property: "opacity, visibility";
}

.tooltip-wrapper .tooltip.right {
  left: calc(100% - 5px);
}

.tooltip-wrapper .tooltip.right:after {
  left: auto;
  right: 100%;
  border-left: 0Px solid transparent;
  border-right: 8Px solid #333333;
}

.tooltip-wrapper .tooltip.ratio4to3 {
  float: left;
  -webkit-box-shadow: 2Px 2Px 2Px 0 #4c4c4c, 0 0 1Px 0 #4c4c4c inset;
          box-shadow: 2Px 2Px 2Px 0 #4c4c4c, 0 0 1Px 0 #4c4c4c inset;
}

.tooltip-wrapper .tooltip.ratio4to3:before {
  content: "";
  margin-top: 75%;
  display: block;
}

.tooltip-wrapper .tooltip.ratio4to3 .tooltip-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem 3rem 1rem 1rem;
}

.tooltip-wrapper .tooltip.ratio4to3 .popup-close {
  z-index: 50;
  right: 10Px !important;
}

.tooltip-wrapper .tooltip .popup-close {
  position: absolute !important;
  top: -5Px !important;
  right: -5Px !important;
  color: white;
}

.tooltip-wrapper .tooltip .tooltip-inner {
  display: none;
  padding: 1rem 2rem 1rem 1rem;
}

.tooltip-wrapper .tooltip .tooltip-inner.visible {
  display: block;
}

.tooltip-wrapper .tooltip:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border: 0;
  border-top: 10Px solid transparent;
  border-left: 8Px solid #333333;
  border-bottom: 10Px solid transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.info-icon {
  cursor: pointer;
  width: 2rem !important;
  height: 2rem !important;
  line-height: 2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.info-icon:before {
  font-size: 20px !important;
  position: relative;
}

.info-icon .effect {
  border-radius: 50%;
}

.info-icon.open {
  pointer-events: none !important;
}

.info-icon.open > .tooltip {
  z-index: 900;
  pointer-events: all !important;
  cursor: context-menu;
}

.over-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
  pointer-events: none;
  display: none;
}

.over-layer.visible {
  display: block;
  pointer-events: all;
}

.head-wrapper {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.head-wrapper .headline {
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
}

.head-wrapper .value {
  font-size: 4.6rem;
  line-height: 4.6rem;
}

.head-wrapper .unit {
  font-size: 1.6rem;
}

.head-wrapper .unit.big {
  font-size: 3rem;
}

.tag-wrapper {
  padding-right: 50px;
  margin-top: 1rem;
}

.tag-wrapper .tag {
  padding: 0 15px;
  margin: 0 10px 10px 0;
  background-color: transparent;
  color: black;
  -webkit-box-shadow: 0 0 0 2px black inset;
          box-shadow: 0 0 0 2px black inset;
  line-height: 35px;
  display: inline-block;
  position: relative;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transform: rotateX(0) translateZ(0);
          transform: rotateX(0) translateZ(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

.tag-wrapper .tag.rotate-x-90 {
  -webkit-transform: rotateX(90deg) translateZ(0);
          transform: rotateX(90deg) translateZ(0);
  opacity: 0;
}

.button-radio-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.button-radio-group.hidden {
  display: none;
}

.button-radio-group .indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2Px #bb0a30 inset;
          box-shadow: 0 0 0 2Px #bb0a30 inset;
  opacity: 0;
  visibility: hidden;
}

.button-radio-group .indicator.transition {
  -webkit-transition-property: width, left, top, height, opacity, visibility, -webkit-transform;
  transition-property: width, left, top, height, opacity, visibility, -webkit-transform;
  transition-property: width, left, top, height, opacity, visibility, transform;
  transition-property: width, left, top, height, opacity, visibility, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.button-radio-group .indicator.visible {
  opacity: 1;
  visibility: visible;
}

.button-radio-group .button-wrapper {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.button-radio-group button {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding-left: 18Px !important;
  padding-right: 18Px !important;
  max-width: 411Px;
}

.button-radio-group button * {
  pointer-events: none;
}

.button-radio-group button:last-of-type {
  margin-right: 0;
}

.button-radio-group.text-buttons button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #808080;
  -webkit-box-shadow: 0 0 0 1Px #808080 inset !important;
          box-shadow: 0 0 0 1Px #808080 inset !important;
}

.button-radio-group.text-buttons button .text {
  pointer-events: none;
}

.button-radio-group.text-buttons button.active {
  color: #bb0a30;
  -webkit-box-shadow: 0 0 0 2Px #bb0a30 inset !important;
          box-shadow: 0 0 0 2Px #bb0a30 inset !important;
}

.button-radio-group.text-icons {
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}

.button-radio-group.text-icons .indicator {
  border-radius: 3.3rem;
}

.button-radio-group.text-icons button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.button-radio-group.text-icons button.active .special-icon {
  -webkit-box-shadow: 0 0 0 2Px #bb0a30 inset;
          box-shadow: 0 0 0 2Px #bb0a30 inset;
}

.button-radio-group.text-icons button.active .special-icon, .button-radio-group.text-icons button.active .label {
  color: #bb0a30;
}

.button-radio-group.text-icons button .effect {
  border-radius: 50% !important;
  height: 3.3rem;
  width: 3.3rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.button-radio-group.text-icons button .special-icon {
  pointer-events: none;
  font-size: 1rem;
  line-height: inherit !important;
  font-weight: normal;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  background-color: transparent;
  color: #808080;
  height: 3.3rem;
  width: 3.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1Px #808080 inset;
          box-shadow: 0 0 0 1Px #808080 inset;
  -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, color 0.3s ease;
  transition: box-shadow 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.button-radio-group.text-icons button .label {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  display: block;
  width: auto;
  white-space: nowrap;
  line-height: 1.2;
  font-size: 0.66rem;
  color: #808080;
  margin-top: 1rem;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
}

.button-radio-group.special-icons {
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
}

.button-radio-group.special-icons .indicator {
  border-radius: calc(3.3rem * 1.3);
}

.button-radio-group.special-icons button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.button-radio-group.special-icons button.active .special-icon {
  -webkit-box-shadow: 0 0 0 2Px #bb0a30 inset !important;
          box-shadow: 0 0 0 2Px #bb0a30 inset !important;
}

.button-radio-group.special-icons button.active .special-icon, .button-radio-group.special-icons button.active .label {
  color: #bb0a30;
}

.button-radio-group.special-icons button .effect {
  border-radius: 50% !important;
  height: calc(3.3rem * 1.3);
  width: calc(3.3rem * 1.3);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.button-radio-group.special-icons button .special-icon {
  pointer-events: none;
  font-size: 4rem;
  line-height: inherit !important;
  font-weight: normal;
  color: #808080;
  height: calc(3.3rem * 1.3);
  width: calc(3.3rem * 1.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1Px #808080 inset;
          box-shadow: 0 0 0 1Px #808080 inset;
  -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, color 0.3s ease;
  transition: box-shadow 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.button-radio-group.special-icons button .special-icon:before {
  font-size: inherit;
}

.button-radio-group.special-icons button .label {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  display: block;
  width: auto;
  white-space: nowrap;
  line-height: 1.2;
  font-size: 0.66rem;
  color: #808080;
  margin-top: 1rem;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
}

.inputs-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.inputs-wrapper .switch-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.inputs-wrapper .input-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 28px 30px;
  position: relative;
}

.inputs-wrapper .input-wrapper .ci-textfield {
  display: inline-block;
  padding: 0;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  border-bottom: 1px solid #000000;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field.disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field input, .inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field span {
  display: inline-block;
  line-height: 24Px;
  font-weight: bolder;
  color: #000000;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field span {
  width: 90px;
  text-align: right;
  padding-left: 5px;
  height: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field input {
  width: 60px;
  padding: 0;
  margin: 0;
  min-width: unset;
  min-height: unset;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  -moz-appearance: textfield;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field input::-webkit-outer-spin-button, .inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputs-wrapper .input-wrapper .ci-textfield .ci-textfield-description {
  font-size: 70%;
  line-height: 1.2;
  color: #b2b2b2;
  margin: 0;
  padding-top: 8px;
}

.inputs-wrapper .input-wrapper .update-button {
  position: absolute;
  top: 2px;
  left: 100%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  pointer-events: none;
  width: 35px;
  height: calc(100% - 23.44px);
  font-size: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
  padding: 0;
}

.inputs-wrapper .input-wrapper .update-button:before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-30px) scale(1);
          transform: translateY(-30px) scale(1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.inputs-wrapper .input-wrapper .update-button:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 34px;
  height: 1px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.inputs-wrapper .input-wrapper .update-button.show {
  pointer-events: all;
}

.inputs-wrapper .input-wrapper .update-button.show:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(0px) scale(1);
          transform: translateY(0px) scale(1);
}

.inputs-wrapper .input-wrapper .update-button.show:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.value-wrapper {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 0;
}

.value-wrapper .value-unit-wrapper-wrapper {
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.value-wrapper .value-unit {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.value-wrapper .icon-audi-time-long-large:before {
  display: inline-block;
  -webkit-transform: translateX(12px);
          transform: translateX(12px);
}

.value-wrapper .value {
  min-width: 230px;
  text-align: right;
  -webkit-transform: rotateX(0) translateZ(0);
          transform: rotateX(0) translateZ(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

.value-wrapper .value.rotate-x-90 {
  -webkit-transform: rotateX(90deg) translateZ(0);
          transform: rotateX(90deg) translateZ(0);
  opacity: 0;
}

.value-wrapper .value span {
  display: inline;
  justify-self: flex-end;
}

.value-wrapper .extra-text {
  text-align: right;
  font-weight: normal;
}

.value-wrapper .icon-animated-header {
  font-size: 5.8rem;
  margin-left: 1rem;
  width: 93px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.value-wrapper .icon-animated-header:before {
  width: 93px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.value-wrapper .battery-span {
  line-height: 47px;
  font-weight: 600;
  padding-right: 10px;
}

.value-wrapper .slider-wrapper {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.value-wrapper .slider-wrapper.start {
  pointer-events: none;
  opacity: 0;
}

.top-value-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.top-value-wrapper .headline-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-x: auto;
}

.top-value-wrapper .headline {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 900;
  padding-right: 20px;
  font-family: "AudiTypeExtended", Verdana, Geneva, sans-serif;
}

/* Style-overwrite */
@-webkit-keyframes pulse_animation {
  0% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  20% {
    -webkit-transform: translateX(3Px) scale(1.2) translateZ(0);
            transform: translateX(3Px) scale(1.2) translateZ(0);
  }
  40% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  60% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  80% {
    -webkit-transform: translateX(-10Px) scale(1) translateZ(0);
            transform: translateX(-10Px) scale(1) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
}
@keyframes pulse_animation {
  0% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  20% {
    -webkit-transform: translateX(3Px) scale(1.2) translateZ(0);
            transform: translateX(3Px) scale(1.2) translateZ(0);
  }
  40% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  60% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
  80% {
    -webkit-transform: translateX(-10Px) scale(1) translateZ(0);
            transform: translateX(-10Px) scale(1) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(3Px) scale(1) translateZ(0);
            transform: translateX(3Px) scale(1) translateZ(0);
  }
}

.slider-wrapper {
  padding: 1rem 0 4rem 0;
  position: relative;
}

.slider-wrapper.dc .noUi-target .noUi-base:before {
  background-color: #b2b2b2;
}

.plain-scala {
  position: absolute;
  left: 20Px;
  width: calc(100% - 40Px);
  top: 7%;
  opacity: 0;
  visibility: hidden;
}

.plain-scala.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}

.plain-scala .noUi-value-horizontal {
  -webkit-transform: translate(-50%, 85%);
          transform: translate(-50%, 85%);
}

.noUi-target {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 black;
          box-shadow: 0 0 0 0 black;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  padding: 0 20px;
}

.noUi-target .noUi-marker-normal {
  display: none;
}

.noUi-target .noUi-pips-horizontal {
  top: 0;
}

.noUi-target[disabled="true"], .noUi-target[disabled="disabled"] {
  pointer-events: none;
}

.noUi-target[disabled="true"] .noUi-connects, .noUi-target[disabled="disabled"] .noUi-connects {
  opacity: 0.3;
}

.noUi-target[disabled="true"] .noUi-base .noUi-handle, .noUi-target[disabled="disabled"] .noUi-base .noUi-handle {
  pointer-events: none;
  border-radius: 0 !important;
  background-color: #666666 !important;
  -webkit-box-shadow: 0 0 0 0 #666666, 0 0 0 0 #666666 !important;
          box-shadow: 0 0 0 0 #666666, 0 0 0 0 #666666 !important;
  -webkit-transform: translateX(4Px) translateY(-50%) scale(0.1, 1) translateZ(0) !important;
          transform: translateX(4Px) translateY(-50%) scale(0.1, 1) translateZ(0) !important;
}

.noUi-target .noUi-base {
  background-color: transparent;
  border: 0;
}

.noUi-target .noUi-base:before, .noUi-target .noUi-base:after {
  display: block;
  content: '';
  position: absolute;
  top: 7Px;
  width: 20px;
  height: 4Px;
  background-color: black;
}

.noUi-target .noUi-base:before {
  left: -19px;
}

.noUi-target .noUi-base:after {
  left: calc(100% - 1px);
  background-color: #b2b2b2;
}

.noUi-target .noUi-base .noUi-connects {
  position: relative;
  height: 4Px;
  top: 7Px;
  background-color: #b2b2b2;
}

.noUi-target .noUi-base .noUi-connect {
  background-color: black;
}

.noUi-target .noUi-base .noUi-handle {
  width: 40Px;
  height: 40Px;
  top: -11Px;
  -webkit-transform: translateX(3Px) scale(1) translateZ(0);
          transform: translateX(3Px) scale(1) translateZ(0);
  border-radius: 50%;
  border: 0 !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1Px #b2b2b2 inset !important;
          box-shadow: 0 0 0 1Px #b2b2b2 inset !important;
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  -webkit-transition-property: background-color, border-radius, -webkit-box-shadow, -webkit-transform;
  transition-property: background-color, border-radius, -webkit-box-shadow, -webkit-transform;
  transition-property: box-shadow, transform, background-color, border-radius;
  transition-property: box-shadow, transform, background-color, border-radius, -webkit-box-shadow, -webkit-transform;
  cursor: ew-resize;
}

.noUi-target .noUi-base .noUi-handle.first-animated {
  -webkit-animation-name: pulse_animation;
          animation-name: pulse_animation;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.noUi-target .noUi-base .noUi-handle.noUi-active {
  border-radius: 0;
  background-color: black;
  -webkit-box-shadow: 0 0 0 0 black !important;
          box-shadow: 0 0 0 0 black !important;
  -webkit-transform: translateX(3Px) scale(0.1, 1) translateZ(0);
          transform: translateX(3Px) scale(0.1, 1) translateZ(0);
}

.noUi-target .noUi-base .noUi-handle:after, .noUi-target .noUi-base .noUi-handle:before {
  display: none;
}

.noUi-horizontal .noUi-target .noUi-base .noUi-handle {
  cursor: ew-resize;
}

.noUi-target .noUi-base .noUi-handle .noUi-tooltip {
  background-color: transparent;
  border: 0;
  font-family: "AudiType", Verdana, Geneva, sans-serif;
  color: #bb0a30;
}

.hide-on-mobile {
  display: block;
}

.show-on-mobile {
  display: none;
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .head-wrapper {
    padding: 0 1rem !important;
  }
  .head-wrapper .unit.big {
    font-size: 1.8rem;
  }
  .option-button {
    margin-left: 1rem;
  }
  .exercise-wrapper {
    margin-left: 1rem;
  }
  .inputs-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tooltip-wrapper.switch-tooltip {
    right: 20%;
    top: 59%;
  }
}

@media screen and (max-width: 759px) {
  .head-wrapper {
    padding: 0 1rem !important;
  }
  .head-wrapper .unit.big {
    font-size: 1.8rem;
  }
  .option-button {
    margin-left: 1rem;
  }
  .exercise-wrapper {
    margin-left: 1rem;
  }
  .inputs-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tooltip-wrapper.switch-tooltip {
    right: 20%;
    top: 59%;
  }
}

@media screen and (max-width: 759px) {
  html {
    width: 100vw;
    min-width: 350px;
  }
  .hide-on-mobile {
    display: none;
  }
  .show-on-mobile {
    display: block;
  }
  .value-wrapper .headline, .top-value-wrapper .headline, .range-value-wrapper .headline {
    margin-bottom: 1rem;
    font-size: 22px;
  }
  .value-wrapper .icon-animated-header, .top-value-wrapper .icon-animated-header, .range-value-wrapper .icon-animated-header {
    font-size: 5rem;
    padding-right: 10%;
  }
  .value-wrapper .value, .top-value-wrapper .value, .range-value-wrapper .value {
    font-size: 2.8rem;
    line-height: 4.2rem;
  }
  .value-wrapper .unit, .top-value-wrapper .unit, .range-value-wrapper .unit {
    font-size: 1.2rem;
  }
  .button-radio-group {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .button-radio-group .button-wrapper {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .button-radio-group button {
    margin-bottom: 0;
  }
  .inputs-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .tooltip-wrapper.switch-tooltip {
    right: 22%;
    top: 70%;
  }
  .tooltip-wrapper .tooltip {
    width: 45vw;
  }
  .tooltip-wrapper .tooltip .tooltip-inner {
    overflow-wrap: break-word;
  }
  .legend .legend-item {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 759px) {
  .row-label .text-icon-box br {
    display: none;
  }
}

html.iframe-ready {
  overflow: hidden;
  height: auto;
}

html.iframe-ready body {
  width: 100%;
  height: auto;
  max-width: none;
  padding: 0 4% 36px;
}

@media (min-width: 1920px) {
  html.iframe-ready body {
    padding-bottom: 96px;
  }
}

@media (max-width: 1919px) and (min-width: 1440px) {
  html.iframe-ready body {
    padding-bottom: 66px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  html.iframe-ready body {
    padding-bottom: 42px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  html.iframe-ready body {
    padding-bottom: 48px;
  }
}

html.iframe-ready .site-container {
  height: auto;
  overflow: hidden;
}

html.iframe-ready .range-value-wrapper {
  margin-top: 42px;
}

@media (max-width: 1919px) and (min-width: 1440px) {
  html.iframe-ready .range-value-wrapper {
    margin-top: 96px;
  }
}

@media (max-width: 1439px) and (min-width: 1024px) {
  html.iframe-ready .range-value-wrapper {
    margin-top: 60px;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  html.iframe-ready .range-value-wrapper {
    margin-top: 48px;
  }
}

html.iframe-ready .exercise-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
}

html.iframe-ready .flex-scroll-wrapper {
  height: auto;
  overflow: hidden;
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper {
  position: relative;
  overflow: hidden;
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper .option-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper .option-button-wrapper .tooltip-options .tooltip.right {
  top: auto !important;
  bottom: 5px;
  left: calc(100% + 5px);
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper .option-button-wrapper .tooltip-options .tooltip.right:after {
  top: auto;
  bottom: 0;
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper .disclaimer {
  font-size: 90%;
  padding: 10px;
}

html.iframe-ready .flex-scroll-wrapper .exercise-wrapper-wrapper .exercise-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
}