/* MaterialDesignIcons.com */
@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=2.0.46");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=2.0.46") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=2.0.46") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=2.0.46") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=2.0.46") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=2.0.46#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  .mdi:before,
  .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .mdi-access-point:before {
    content: "\F002";
  }
  
  .mdi-access-point-network:before {
    content: "\F003";
  }
  
  .mdi-account:before {
    content: "\F004";
  }
  
  .mdi-account-alert:before {
    content: "\F005";
  }
  
  .mdi-account-box:before {
    content: "\F006";
  }
  
  .mdi-account-box-outline:before {
    content: "\F007";
  }
  
  .mdi-account-card-details:before {
    content: "\F5D2";
  }
  
  .mdi-account-check:before {
    content: "\F008";
  }
  
  .mdi-account-circle:before {
    content: "\F009";
  }
  
  .mdi-account-convert:before {
    content: "\F00A";
  }
  
  .mdi-account-edit:before {
    content: "\F6BB";
  }
  
  .mdi-account-key:before {
    content: "\F00B";
  }
  
  .mdi-account-location:before {
    content: "\F00C";
  }
  
  .mdi-account-minus:before {
    content: "\F00D";
  }
  
  .mdi-account-multiple:before {
    content: "\F00E";
  }
  
  .mdi-account-multiple-minus:before {
    content: "\F5D3";
  }
  
  .mdi-account-multiple-outline:before {
    content: "\F00F";
  }
  
  .mdi-account-multiple-plus:before {
    content: "\F010";
  }
  
  .mdi-account-network:before {
    content: "\F011";
  }
  
  .mdi-account-off:before {
    content: "\F012";
  }
  
  .mdi-account-outline:before {
    content: "\F013";
  }
  
  .mdi-account-plus:before {
    content: "\F014";
  }
  
  .mdi-account-remove:before {
    content: "\F015";
  }
  
  .mdi-account-search:before {
    content: "\F016";
  }
  
  .mdi-account-settings:before {
    content: "\F630";
  }
  
  .mdi-account-settings-variant:before {
    content: "\F631";
  }
  
  .mdi-account-star:before {
    content: "\F017";
  }
  
  .mdi-account-switch:before {
    content: "\F019";
  }
  
  .mdi-adjust:before {
    content: "\F01A";
  }
  
  .mdi-air-conditioner:before {
    content: "\F01B";
  }
  
  .mdi-airballoon:before {
    content: "\F01C";
  }
  
  .mdi-airplane:before {
    content: "\F01D";
  }
  
  .mdi-airplane-landing:before {
    content: "\F5D4";
  }
  
  .mdi-airplane-off:before {
    content: "\F01E";
  }
  
  .mdi-airplane-takeoff:before {
    content: "\F5D5";
  }
  
  .mdi-airplay:before {
    content: "\F01F";
  }
  
  .mdi-alarm:before {
    content: "\F020";
  }
  
  .mdi-alarm-bell:before {
    content: "\F78D";
  }
  
  .mdi-alarm-check:before {
    content: "\F021";
  }
  
  .mdi-alarm-light:before {
    content: "\F78E";
  }
  
  .mdi-alarm-multiple:before {
    content: "\F022";
  }
  
  .mdi-alarm-off:before {
    content: "\F023";
  }
  
  .mdi-alarm-plus:before {
    content: "\F024";
  }
  
  .mdi-alarm-snooze:before {
    content: "\F68D";
  }
  
  .mdi-album:before {
    content: "\F025";
  }
  
  .mdi-alert:before {
    content: "\F026";
  }
  
  .mdi-alert-box:before {
    content: "\F027";
  }
  
  .mdi-alert-circle:before {
    content: "\F028";
  }
  
  .mdi-alert-circle-outline:before {
    content: "\F5D6";
  }
  
  .mdi-alert-decagram:before {
    content: "\F6BC";
  }
  
  .mdi-alert-octagon:before {
    content: "\F029";
  }
  
  .mdi-alert-octagram:before {
    content: "\F766";
  }
  
  .mdi-alert-outline:before {
    content: "\F02A";
  }
  
  .mdi-all-inclusive:before {
    content: "\F6BD";
  }
  
  .mdi-alpha:before {
    content: "\F02B";
  }
  
  .mdi-alphabetical:before {
    content: "\F02C";
  }
  
  .mdi-altimeter:before {
    content: "\F5D7";
  }
  
  .mdi-amazon:before {
    content: "\F02D";
  }
  
  .mdi-amazon-clouddrive:before {
    content: "\F02E";
  }
  
  .mdi-ambulance:before {
    content: "\F02F";
  }
  
  .mdi-amplifier:before {
    content: "\F030";
  }
  
  .mdi-anchor:before {
    content: "\F031";
  }
  
  .mdi-android:before {
    content: "\F032";
  }
  
  .mdi-android-debug-bridge:before {
    content: "\F033";
  }
  
  .mdi-android-head:before {
    content: "\F78F";
  }
  
  .mdi-android-studio:before {
    content: "\F034";
  }
  
  .mdi-angular:before {
    content: "\F6B1";
  }
  
  .mdi-angularjs:before {
    content: "\F6BE";
  }
  
  .mdi-animation:before {
    content: "\F5D8";
  }
  
  .mdi-apple:before {
    content: "\F035";
  }
  
  .mdi-apple-finder:before {
    content: "\F036";
  }
  
  .mdi-apple-ios:before {
    content: "\F037";
  }
  
  .mdi-apple-keyboard-caps:before {
    content: "\F632";
  }
  
  .mdi-apple-keyboard-command:before {
    content: "\F633";
  }
  
  .mdi-apple-keyboard-control:before {
    content: "\F634";
  }
  
  .mdi-apple-keyboard-option:before {
    content: "\F635";
  }
  
  .mdi-apple-keyboard-shift:before {
    content: "\F636";
  }
  
  .mdi-apple-mobileme:before {
    content: "\F038";
  }
  
  .mdi-apple-safari:before {
    content: "\F039";
  }
  
  .mdi-application:before {
    content: "\F614";
  }
  
  .mdi-approval:before {
    content: "\F790";
  }
  
  .mdi-apps:before {
    content: "\F03B";
  }
  
  .mdi-archive:before {
    content: "\F03C";
  }
  
  .mdi-arrange-bring-forward:before {
    content: "\F03D";
  }
  
  .mdi-arrange-bring-to-front:before {
    content: "\F03E";
  }
  
  .mdi-arrange-send-backward:before {
    content: "\F03F";
  }
  
  .mdi-arrange-send-to-back:before {
    content: "\F040";
  }
  
  .mdi-arrow-all:before {
    content: "\F041";
  }
  
  .mdi-arrow-bottom-left:before {
    content: "\F042";
  }
  
  .mdi-arrow-bottom-right:before {
    content: "\F043";
  }
  
  .mdi-arrow-collapse:before {
    content: "\F615";
  }
  
  .mdi-arrow-collapse-all:before {
    content: "\F044";
  }
  
  .mdi-arrow-collapse-down:before {
    content: "\F791";
  }
  
  .mdi-arrow-collapse-left:before {
    content: "\F792";
  }
  
  .mdi-arrow-collapse-right:before {
    content: "\F793";
  }
  
  .mdi-arrow-collapse-up:before {
    content: "\F794";
  }
  
  .mdi-arrow-down:before {
    content: "\F045";
  }
  
  .mdi-arrow-down-bold:before {
    content: "\F72D";
  }
  
  .mdi-arrow-down-bold-box:before {
    content: "\F72E";
  }
  
  .mdi-arrow-down-bold-box-outline:before {
    content: "\F72F";
  }
  
  .mdi-arrow-down-bold-circle:before {
    content: "\F047";
  }
  
  .mdi-arrow-down-bold-circle-outline:before {
    content: "\F048";
  }
  
  .mdi-arrow-down-bold-hexagon-outline:before {
    content: "\F049";
  }
  
  .mdi-arrow-down-box:before {
    content: "\F6BF";
  }
  
  .mdi-arrow-down-drop-circle:before {
    content: "\F04A";
  }
  
  .mdi-arrow-down-drop-circle-outline:before {
    content: "\F04B";
  }
  
  .mdi-arrow-down-thick:before {
    content: "\F046";
  }
  
  .mdi-arrow-expand:before {
    content: "\F616";
  }
  
  .mdi-arrow-expand-all:before {
    content: "\F04C";
  }
  
  .mdi-arrow-expand-down:before {
    content: "\F795";
  }
  
  .mdi-arrow-expand-left:before {
    content: "\F796";
  }
  
  .mdi-arrow-expand-right:before {
    content: "\F797";
  }
  
  .mdi-arrow-expand-up:before {
    content: "\F798";
  }
  
  .mdi-arrow-left:before {
    content: "\F04D";
  }
  
  .mdi-arrow-left-bold:before {
    content: "\F730";
  }
  
  .mdi-arrow-left-bold-box:before {
    content: "\F731";
  }
  
  .mdi-arrow-left-bold-box-outline:before {
    content: "\F732";
  }
  
  .mdi-arrow-left-bold-circle:before {
    content: "\F04F";
  }
  
  .mdi-arrow-left-bold-circle-outline:before {
    content: "\F050";
  }
  
  .mdi-arrow-left-bold-hexagon-outline:before {
    content: "\F051";
  }
  
  .mdi-arrow-left-box:before {
    content: "\F6C0";
  }
  
  .mdi-arrow-left-drop-circle:before {
    content: "\F052";
  }
  
  .mdi-arrow-left-drop-circle-outline:before {
    content: "\F053";
  }
  
  .mdi-arrow-left-thick:before {
    content: "\F04E";
  }
  
  .mdi-arrow-right:before {
    content: "\F054";
  }
  
  .mdi-arrow-right-bold:before {
    content: "\F733";
  }
  
  .mdi-arrow-right-bold-box:before {
    content: "\F734";
  }
  
  .mdi-arrow-right-bold-box-outline:before {
    content: "\F735";
  }
  
  .mdi-arrow-right-bold-circle:before {
    content: "\F056";
  }
  
  .mdi-arrow-right-bold-circle-outline:before {
    content: "\F057";
  }
  
  .mdi-arrow-right-bold-hexagon-outline:before {
    content: "\F058";
  }
  
  .mdi-arrow-right-box:before {
    content: "\F6C1";
  }
  
  .mdi-arrow-right-drop-circle:before {
    content: "\F059";
  }
  
  .mdi-arrow-right-drop-circle-outline:before {
    content: "\F05A";
  }
  
  .mdi-arrow-right-thick:before {
    content: "\F055";
  }
  
  .mdi-arrow-top-left:before {
    content: "\F05B";
  }
  
  .mdi-arrow-top-right:before {
    content: "\F05C";
  }
  
  .mdi-arrow-up:before {
    content: "\F05D";
  }
  
  .mdi-arrow-up-bold:before {
    content: "\F736";
  }
  
  .mdi-arrow-up-bold-box:before {
    content: "\F737";
  }
  
  .mdi-arrow-up-bold-box-outline:before {
    content: "\F738";
  }
  
  .mdi-arrow-up-bold-circle:before {
    content: "\F05F";
  }
  
  .mdi-arrow-up-bold-circle-outline:before {
    content: "\F060";
  }
  
  .mdi-arrow-up-bold-hexagon-outline:before {
    content: "\F061";
  }
  
  .mdi-arrow-up-box:before {
    content: "\F6C2";
  }
  
  .mdi-arrow-up-drop-circle:before {
    content: "\F062";
  }
  
  .mdi-arrow-up-drop-circle-outline:before {
    content: "\F063";
  }
  
  .mdi-arrow-up-thick:before {
    content: "\F05E";
  }
  
  .mdi-assistant:before {
    content: "\F064";
  }
  
  .mdi-asterisk:before {
    content: "\F6C3";
  }
  
  .mdi-at:before {
    content: "\F065";
  }
  
  .mdi-atom:before {
    content: "\F767";
  }
  
  .mdi-attachment:before {
    content: "\F066";
  }
  
  .mdi-audiobook:before {
    content: "\F067";
  }
  
  .mdi-auto-fix:before {
    content: "\F068";
  }
  
  .mdi-auto-upload:before {
    content: "\F069";
  }
  
  .mdi-autorenew:before {
    content: "\F06A";
  }
  
  .mdi-av-timer:before {
    content: "\F06B";
  }
  
  .mdi-baby:before {
    content: "\F06C";
  }
  
  .mdi-baby-buggy:before {
    content: "\F68E";
  }
  
  .mdi-backburger:before {
    content: "\F06D";
  }
  
  .mdi-backspace:before {
    content: "\F06E";
  }
  
  .mdi-backup-restore:before {
    content: "\F06F";
  }
  
  .mdi-bandcamp:before {
    content: "\F674";
  }
  
  .mdi-bank:before {
    content: "\F070";
  }
  
  .mdi-barcode:before {
    content: "\F071";
  }
  
  .mdi-barcode-scan:before {
    content: "\F072";
  }
  
  .mdi-barley:before {
    content: "\F073";
  }
  
  .mdi-barrel:before {
    content: "\F074";
  }
  
  .mdi-basecamp:before {
    content: "\F075";
  }
  
  .mdi-basket:before {
    content: "\F076";
  }
  
  .mdi-basket-fill:before {
    content: "\F077";
  }
  
  .mdi-basket-unfill:before {
    content: "\F078";
  }
  
  .mdi-battery:before {
    content: "\F079";
  }
  
  .mdi-battery-10:before {
    content: "\F07A";
  }
  
  .mdi-battery-20:before {
    content: "\F07B";
  }
  
  .mdi-battery-30:before {
    content: "\F07C";
  }
  
  .mdi-battery-40:before {
    content: "\F07D";
  }
  
  .mdi-battery-50:before {
    content: "\F07E";
  }
  
  .mdi-battery-60:before {
    content: "\F07F";
  }
  
  .mdi-battery-70:before {
    content: "\F080";
  }
  
  .mdi-battery-80:before {
    content: "\F081";
  }
  
  .mdi-battery-90:before {
    content: "\F082";
  }
  
  .mdi-battery-alert:before {
    content: "\F083";
  }
  
  .mdi-battery-charging:before {
    content: "\F084";
  }
  
  .mdi-battery-charging-100:before {
    content: "\F085";
  }
  
  .mdi-battery-charging-20:before {
    content: "\F086";
  }
  
  .mdi-battery-charging-30:before {
    content: "\F087";
  }
  
  .mdi-battery-charging-40:before {
    content: "\F088";
  }
  
  .mdi-battery-charging-60:before {
    content: "\F089";
  }
  
  .mdi-battery-charging-80:before {
    content: "\F08A";
  }
  
  .mdi-battery-charging-90:before {
    content: "\F08B";
  }
  
  .mdi-battery-minus:before {
    content: "\F08C";
  }
  
  .mdi-battery-negative:before {
    content: "\F08D";
  }
  
  .mdi-battery-outline:before {
    content: "\F08E";
  }
  
  .mdi-battery-plus:before {
    content: "\F08F";
  }
  
  .mdi-battery-positive:before {
    content: "\F090";
  }
  
  .mdi-battery-unknown:before {
    content: "\F091";
  }
  
  .mdi-beach:before {
    content: "\F092";
  }
  
  .mdi-beaker:before {
    content: "\F68F";
  }
  
  .mdi-beats:before {
    content: "\F097";
  }
  
  .mdi-beer:before {
    content: "\F098";
  }
  
  .mdi-behance:before {
    content: "\F099";
  }
  
  .mdi-bell:before {
    content: "\F09A";
  }
  
  .mdi-bell-off:before {
    content: "\F09B";
  }
  
  .mdi-bell-outline:before {
    content: "\F09C";
  }
  
  .mdi-bell-plus:before {
    content: "\F09D";
  }
  
  .mdi-bell-ring:before {
    content: "\F09E";
  }
  
  .mdi-bell-ring-outline:before {
    content: "\F09F";
  }
  
  .mdi-bell-sleep:before {
    content: "\F0A0";
  }
  
  .mdi-beta:before {
    content: "\F0A1";
  }
  
  .mdi-bible:before {
    content: "\F0A2";
  }
  
  .mdi-bike:before {
    content: "\F0A3";
  }
  
  .mdi-bing:before {
    content: "\F0A4";
  }
  
  .mdi-binoculars:before {
    content: "\F0A5";
  }
  
  .mdi-bio:before {
    content: "\F0A6";
  }
  
  .mdi-biohazard:before {
    content: "\F0A7";
  }
  
  .mdi-bitbucket:before {
    content: "\F0A8";
  }
  
  .mdi-black-mesa:before {
    content: "\F0A9";
  }
  
  .mdi-blackberry:before {
    content: "\F0AA";
  }
  
  .mdi-blender:before {
    content: "\F0AB";
  }
  
  .mdi-blinds:before {
    content: "\F0AC";
  }
  
  .mdi-block-helper:before {
    content: "\F0AD";
  }
  
  .mdi-blogger:before {
    content: "\F0AE";
  }
  
  .mdi-bluetooth:before {
    content: "\F0AF";
  }
  
  .mdi-bluetooth-audio:before {
    content: "\F0B0";
  }
  
  .mdi-bluetooth-connect:before {
    content: "\F0B1";
  }
  
  .mdi-bluetooth-off:before {
    content: "\F0B2";
  }
  
  .mdi-bluetooth-settings:before {
    content: "\F0B3";
  }
  
  .mdi-bluetooth-transfer:before {
    content: "\F0B4";
  }
  
  .mdi-blur:before {
    content: "\F0B5";
  }
  
  .mdi-blur-linear:before {
    content: "\F0B6";
  }
  
  .mdi-blur-off:before {
    content: "\F0B7";
  }
  
  .mdi-blur-radial:before {
    content: "\F0B8";
  }
  
  .mdi-bomb:before {
    content: "\F690";
  }
  
  .mdi-bomb-off:before {
    content: "\F6C4";
  }
  
  .mdi-bone:before {
    content: "\F0B9";
  }
  
  .mdi-book:before {
    content: "\F0BA";
  }
  
  .mdi-book-minus:before {
    content: "\F5D9";
  }
  
  .mdi-book-multiple:before {
    content: "\F0BB";
  }
  
  .mdi-book-multiple-variant:before {
    content: "\F0BC";
  }
  
  .mdi-book-open:before {
    content: "\F0BD";
  }
  
  .mdi-book-open-page-variant:before {
    content: "\F5DA";
  }
  
  .mdi-book-open-variant:before {
    content: "\F0BE";
  }
  
  .mdi-book-plus:before {
    content: "\F5DB";
  }
  
  .mdi-book-secure:before {
    content: "\F799";
  }
  
  .mdi-book-unsecure:before {
    content: "\F79A";
  }
  
  .mdi-book-variant:before {
    content: "\F0BF";
  }
  
  .mdi-bookmark:before {
    content: "\F0C0";
  }
  
  .mdi-bookmark-check:before {
    content: "\F0C1";
  }
  
  .mdi-bookmark-music:before {
    content: "\F0C2";
  }
  
  .mdi-bookmark-outline:before {
    content: "\F0C3";
  }
  
  .mdi-bookmark-plus:before {
    content: "\F0C5";
  }
  
  .mdi-bookmark-plus-outline:before {
    content: "\F0C4";
  }
  
  .mdi-bookmark-remove:before {
    content: "\F0C6";
  }
  
  .mdi-boombox:before {
    content: "\F5DC";
  }
  
  .mdi-bootstrap:before {
    content: "\F6C5";
  }
  
  .mdi-border-all:before {
    content: "\F0C7";
  }
  
  .mdi-border-bottom:before {
    content: "\F0C8";
  }
  
  .mdi-border-color:before {
    content: "\F0C9";
  }
  
  .mdi-border-horizontal:before {
    content: "\F0CA";
  }
  
  .mdi-border-inside:before {
    content: "\F0CB";
  }
  
  .mdi-border-left:before {
    content: "\F0CC";
  }
  
  .mdi-border-none:before {
    content: "\F0CD";
  }
  
  .mdi-border-outside:before {
    content: "\F0CE";
  }
  
  .mdi-border-right:before {
    content: "\F0CF";
  }
  
  .mdi-border-style:before {
    content: "\F0D0";
  }
  
  .mdi-border-top:before {
    content: "\F0D1";
  }
  
  .mdi-border-vertical:before {
    content: "\F0D2";
  }
  
  .mdi-bow-tie:before {
    content: "\F677";
  }
  
  .mdi-bowl:before {
    content: "\F617";
  }
  
  .mdi-bowling:before {
    content: "\F0D3";
  }
  
  .mdi-box:before {
    content: "\F0D4";
  }
  
  .mdi-box-cutter:before {
    content: "\F0D5";
  }
  
  .mdi-box-shadow:before {
    content: "\F637";
  }
  
  .mdi-bridge:before {
    content: "\F618";
  }
  
  .mdi-briefcase:before {
    content: "\F0D6";
  }
  
  .mdi-briefcase-check:before {
    content: "\F0D7";
  }
  
  .mdi-briefcase-download:before {
    content: "\F0D8";
  }
  
  .mdi-briefcase-upload:before {
    content: "\F0D9";
  }
  
  .mdi-brightness-1:before {
    content: "\F0DA";
  }
  
  .mdi-brightness-2:before {
    content: "\F0DB";
  }
  
  .mdi-brightness-3:before {
    content: "\F0DC";
  }
  
  .mdi-brightness-4:before {
    content: "\F0DD";
  }
  
  .mdi-brightness-5:before {
    content: "\F0DE";
  }
  
  .mdi-brightness-6:before {
    content: "\F0DF";
  }
  
  .mdi-brightness-7:before {
    content: "\F0E0";
  }
  
  .mdi-brightness-auto:before {
    content: "\F0E1";
  }
  
  .mdi-broom:before {
    content: "\F0E2";
  }
  
  .mdi-brush:before {
    content: "\F0E3";
  }
  
  .mdi-buffer:before {
    content: "\F619";
  }
  
  .mdi-bug:before {
    content: "\F0E4";
  }
  
  .mdi-bulletin-board:before {
    content: "\F0E5";
  }
  
  .mdi-bullhorn:before {
    content: "\F0E6";
  }
  
  .mdi-bullseye:before {
    content: "\F5DD";
  }
  
  .mdi-burst-mode:before {
    content: "\F5DE";
  }
  
  .mdi-bus:before {
    content: "\F0E7";
  }
  
  .mdi-bus-articulated-end:before {
    content: "\F79B";
  }
  
  .mdi-bus-articulated-front:before {
    content: "\F79C";
  }
  
  .mdi-bus-double-decker:before {
    content: "\F79D";
  }
  
  .mdi-bus-school:before {
    content: "\F79E";
  }
  
  .mdi-bus-side:before {
    content: "\F79F";
  }
  
  .mdi-cached:before {
    content: "\F0E8";
  }
  
  .mdi-cake:before {
    content: "\F0E9";
  }
  
  .mdi-cake-layered:before {
    content: "\F0EA";
  }
  
  .mdi-cake-variant:before {
    content: "\F0EB";
  }
  
  .mdi-calculator:before {
    content: "\F0EC";
  }
  
  .mdi-calendar:before {
    content: "\F0ED";
  }
  
  .mdi-calendar-blank:before {
    content: "\F0EE";
  }
  
  .mdi-calendar-check:before {
    content: "\F0EF";
  }
  
  .mdi-calendar-clock:before {
    content: "\F0F0";
  }
  
  .mdi-calendar-multiple:before {
    content: "\F0F1";
  }
  
  .mdi-calendar-multiple-check:before {
    content: "\F0F2";
  }
  
  .mdi-calendar-plus:before {
    content: "\F0F3";
  }
  
  .mdi-calendar-question:before {
    content: "\F691";
  }
  
  .mdi-calendar-range:before {
    content: "\F678";
  }
  
  .mdi-calendar-remove:before {
    content: "\F0F4";
  }
  
  .mdi-calendar-text:before {
    content: "\F0F5";
  }
  
  .mdi-calendar-today:before {
    content: "\F0F6";
  }
  
  .mdi-call-made:before {
    content: "\F0F7";
  }
  
  .mdi-call-merge:before {
    content: "\F0F8";
  }
  
  .mdi-call-missed:before {
    content: "\F0F9";
  }
  
  .mdi-call-received:before {
    content: "\F0FA";
  }
  
  .mdi-call-split:before {
    content: "\F0FB";
  }
  
  .mdi-camcorder:before {
    content: "\F0FC";
  }
  
  .mdi-camcorder-box:before {
    content: "\F0FD";
  }
  
  .mdi-camcorder-box-off:before {
    content: "\F0FE";
  }
  
  .mdi-camcorder-off:before {
    content: "\F0FF";
  }
  
  .mdi-camera:before {
    content: "\F100";
  }
  
  .mdi-camera-burst:before {
    content: "\F692";
  }
  
  .mdi-camera-enhance:before {
    content: "\F101";
  }
  
  .mdi-camera-front:before {
    content: "\F102";
  }
  
  .mdi-camera-front-variant:before {
    content: "\F103";
  }
  
  .mdi-camera-gopro:before {
    content: "\F7A0";
  }
  
  .mdi-camera-iris:before {
    content: "\F104";
  }
  
  .mdi-camera-metering-center:before {
    content: "\F7A1";
  }
  
  .mdi-camera-metering-matrix:before {
    content: "\F7A2";
  }
  
  .mdi-camera-metering-partial:before {
    content: "\F7A3";
  }
  
  .mdi-camera-metering-spot:before {
    content: "\F7A4";
  }
  
  .mdi-camera-off:before {
    content: "\F5DF";
  }
  
  .mdi-camera-party-mode:before {
    content: "\F105";
  }
  
  .mdi-camera-rear:before {
    content: "\F106";
  }
  
  .mdi-camera-rear-variant:before {
    content: "\F107";
  }
  
  .mdi-camera-switch:before {
    content: "\F108";
  }
  
  .mdi-camera-timer:before {
    content: "\F109";
  }
  
  .mdi-cancel:before {
    content: "\F739";
  }
  
  .mdi-candle:before {
    content: "\F5E2";
  }
  
  .mdi-candycane:before {
    content: "\F10A";
  }
  
  .mdi-cannabis:before {
    content: "\F7A5";
  }
  
  .mdi-car:before {
    content: "\F10B";
  }
  
  .mdi-car-battery:before {
    content: "\F10C";
  }
  
  .mdi-car-connected:before {
    content: "\F10D";
  }
  
  .mdi-car-convertable:before {
    content: "\F7A6";
  }
  
  .mdi-car-estate:before {
    content: "\F7A7";
  }
  
  .mdi-car-hatchback:before {
    content: "\F7A8";
  }
  
  .mdi-car-pickup:before {
    content: "\F7A9";
  }
  
  .mdi-car-side:before {
    content: "\F7AA";
  }
  
  .mdi-car-sports:before {
    content: "\F7AB";
  }
  
  .mdi-car-wash:before {
    content: "\F10E";
  }
  
  .mdi-caravan:before {
    content: "\F7AC";
  }
  
  .mdi-cards:before {
    content: "\F638";
  }
  
  .mdi-cards-outline:before {
    content: "\F639";
  }
  
  .mdi-cards-playing-outline:before {
    content: "\F63A";
  }
  
  .mdi-cards-variant:before {
    content: "\F6C6";
  }
  
  .mdi-carrot:before {
    content: "\F10F";
  }
  
  .mdi-cart:before {
    content: "\F110";
  }
  
  .mdi-cart-off:before {
    content: "\F66B";
  }
  
  .mdi-cart-outline:before {
    content: "\F111";
  }
  
  .mdi-cart-plus:before {
    content: "\F112";
  }
  
  .mdi-case-sensitive-alt:before {
    content: "\F113";
  }
  
  .mdi-cash:before {
    content: "\F114";
  }
  
  .mdi-cash-100:before {
    content: "\F115";
  }
  
  .mdi-cash-multiple:before {
    content: "\F116";
  }
  
  .mdi-cash-usd:before {
    content: "\F117";
  }
  
  .mdi-cast:before {
    content: "\F118";
  }
  
  .mdi-cast-connected:before {
    content: "\F119";
  }
  
  .mdi-cast-off:before {
    content: "\F789";
  }
  
  .mdi-castle:before {
    content: "\F11A";
  }
  
  .mdi-cat:before {
    content: "\F11B";
  }
  
  .mdi-cctv:before {
    content: "\F7AD";
  }
  
  .mdi-ceiling-light:before {
    content: "\F768";
  }
  
  .mdi-cellphone:before {
    content: "\F11C";
  }
  
  .mdi-cellphone-android:before {
    content: "\F11D";
  }
  
  .mdi-cellphone-basic:before {
    content: "\F11E";
  }
  
  .mdi-cellphone-dock:before {
    content: "\F11F";
  }
  
  .mdi-cellphone-iphone:before {
    content: "\F120";
  }
  
  .mdi-cellphone-link:before {
    content: "\F121";
  }
  
  .mdi-cellphone-link-off:before {
    content: "\F122";
  }
  
  .mdi-cellphone-settings:before {
    content: "\F123";
  }
  
  .mdi-certificate:before {
    content: "\F124";
  }
  
  .mdi-chair-school:before {
    content: "\F125";
  }
  
  .mdi-chart-arc:before {
    content: "\F126";
  }
  
  .mdi-chart-areaspline:before {
    content: "\F127";
  }
  
  .mdi-chart-bar:before {
    content: "\F128";
  }
  
  .mdi-chart-bar-stacked:before {
    content: "\F769";
  }
  
  .mdi-chart-bubble:before {
    content: "\F5E3";
  }
  
  .mdi-chart-donut:before {
    content: "\F7AE";
  }
  
  .mdi-chart-donut-variant:before {
    content: "\F7AF";
  }
  
  .mdi-chart-gantt:before {
    content: "\F66C";
  }
  
  .mdi-chart-histogram:before {
    content: "\F129";
  }
  
  .mdi-chart-line:before {
    content: "\F12A";
  }
  
  .mdi-chart-line-stacked:before {
    content: "\F76A";
  }
  
  .mdi-chart-line-variant:before {
    content: "\F7B0";
  }
  
  .mdi-chart-pie:before {
    content: "\F12B";
  }
  
  .mdi-chart-scatterplot-hexbin:before {
    content: "\F66D";
  }
  
  .mdi-chart-timeline:before {
    content: "\F66E";
  }
  
  .mdi-check:before {
    content: "\F12C";
  }
  
  .mdi-check-all:before {
    content: "\F12D";
  }
  
  .mdi-check-circle:before {
    content: "\F5E0";
  }
  
  .mdi-check-circle-outline:before {
    content: "\F5E1";
  }
  
  .mdi-checkbox-blank:before {
    content: "\F12E";
  }
  
  .mdi-checkbox-blank-circle:before {
    content: "\F12F";
  }
  
  .mdi-checkbox-blank-circle-outline:before {
    content: "\F130";
  }
  
  .mdi-checkbox-blank-outline:before {
    content: "\F131";
  }
  
  .mdi-checkbox-marked:before {
    content: "\F132";
  }
  
  .mdi-checkbox-marked-circle:before {
    content: "\F133";
  }
  
  .mdi-checkbox-marked-circle-outline:before {
    content: "\F134";
  }
  
  .mdi-checkbox-marked-outline:before {
    content: "\F135";
  }
  
  .mdi-checkbox-multiple-blank:before {
    content: "\F136";
  }
  
  .mdi-checkbox-multiple-blank-circle:before {
    content: "\F63B";
  }
  
  .mdi-checkbox-multiple-blank-circle-outline:before {
    content: "\F63C";
  }
  
  .mdi-checkbox-multiple-blank-outline:before {
    content: "\F137";
  }
  
  .mdi-checkbox-multiple-marked:before {
    content: "\F138";
  }
  
  .mdi-checkbox-multiple-marked-circle:before {
    content: "\F63D";
  }
  
  .mdi-checkbox-multiple-marked-circle-outline:before {
    content: "\F63E";
  }
  
  .mdi-checkbox-multiple-marked-outline:before {
    content: "\F139";
  }
  
  .mdi-checkerboard:before {
    content: "\F13A";
  }
  
  .mdi-chemical-weapon:before {
    content: "\F13B";
  }
  
  .mdi-chevron-double-down:before {
    content: "\F13C";
  }
  
  .mdi-chevron-double-left:before {
    content: "\F13D";
  }
  
  .mdi-chevron-double-right:before {
    content: "\F13E";
  }
  
  .mdi-chevron-double-up:before {
    content: "\F13F";
  }
  
  .mdi-chevron-down:before {
    content: "\F140";
  }
  
  .mdi-chevron-left:before {
    content: "\F141";
  }
  
  .mdi-chevron-right:before {
    content: "\F142";
  }
  
  .mdi-chevron-up:before {
    content: "\F143";
  }
  
  .mdi-chili-hot:before {
    content: "\F7B1";
  }
  
  .mdi-chili-medium:before {
    content: "\F7B2";
  }
  
  .mdi-chili-mild:before {
    content: "\F7B3";
  }
  
  .mdi-chip:before {
    content: "\F61A";
  }
  
  .mdi-church:before {
    content: "\F144";
  }
  
  .mdi-circle:before {
    content: "\F764";
  }
  
  .mdi-circle-outline:before {
    content: "\F765";
  }
  
  .mdi-cisco-webex:before {
    content: "\F145";
  }
  
  .mdi-city:before {
    content: "\F146";
  }
  
  .mdi-clipboard:before {
    content: "\F147";
  }
  
  .mdi-clipboard-account:before {
    content: "\F148";
  }
  
  .mdi-clipboard-alert:before {
    content: "\F149";
  }
  
  .mdi-clipboard-arrow-down:before {
    content: "\F14A";
  }
  
  .mdi-clipboard-arrow-left:before {
    content: "\F14B";
  }
  
  .mdi-clipboard-check:before {
    content: "\F14C";
  }
  
  .mdi-clipboard-flow:before {
    content: "\F6C7";
  }
  
  .mdi-clipboard-outline:before {
    content: "\F14D";
  }
  
  .mdi-clipboard-plus:before {
    content: "\F750";
  }
  
  .mdi-clipboard-text:before {
    content: "\F14E";
  }
  
  .mdi-clippy:before {
    content: "\F14F";
  }
  
  .mdi-clock:before {
    content: "\F150";
  }
  
  .mdi-clock-alert:before {
    content: "\F5CE";
  }
  
  .mdi-clock-end:before {
    content: "\F151";
  }
  
  .mdi-clock-fast:before {
    content: "\F152";
  }
  
  .mdi-clock-in:before {
    content: "\F153";
  }
  
  .mdi-clock-out:before {
    content: "\F154";
  }
  
  .mdi-clock-start:before {
    content: "\F155";
  }
  
  .mdi-close:before {
    content: "\F156";
  }
  
  .mdi-close-box:before {
    content: "\F157";
  }
  
  .mdi-close-box-outline:before {
    content: "\F158";
  }
  
  .mdi-close-circle:before {
    content: "\F159";
  }
  
  .mdi-close-circle-outline:before {
    content: "\F15A";
  }
  
  .mdi-close-network:before {
    content: "\F15B";
  }
  
  .mdi-close-octagon:before {
    content: "\F15C";
  }
  
  .mdi-close-octagon-outline:before {
    content: "\F15D";
  }
  
  .mdi-close-outline:before {
    content: "\F6C8";
  }
  
  .mdi-closed-caption:before {
    content: "\F15E";
  }
  
  .mdi-cloud:before {
    content: "\F15F";
  }
  
  .mdi-cloud-braces:before {
    content: "\F7B4";
  }
  
  .mdi-cloud-check:before {
    content: "\F160";
  }
  
  .mdi-cloud-circle:before {
    content: "\F161";
  }
  
  .mdi-cloud-download:before {
    content: "\F162";
  }
  
  .mdi-cloud-off-outline:before {
    content: "\F164";
  }
  
  .mdi-cloud-outline:before {
    content: "\F163";
  }
  
  .mdi-cloud-print:before {
    content: "\F165";
  }
  
  .mdi-cloud-print-outline:before {
    content: "\F166";
  }
  
  .mdi-cloud-sync:before {
    content: "\F63F";
  }
  
  .mdi-cloud-tags:before {
    content: "\F7B5";
  }
  
  .mdi-cloud-upload:before {
    content: "\F167";
  }
  
  .mdi-code-array:before {
    content: "\F168";
  }
  
  .mdi-code-braces:before {
    content: "\F169";
  }
  
  .mdi-code-brackets:before {
    content: "\F16A";
  }
  
  .mdi-code-equal:before {
    content: "\F16B";
  }
  
  .mdi-code-greater-than:before {
    content: "\F16C";
  }
  
  .mdi-code-greater-than-or-equal:before {
    content: "\F16D";
  }
  
  .mdi-code-less-than:before {
    content: "\F16E";
  }
  
  .mdi-code-less-than-or-equal:before {
    content: "\F16F";
  }
  
  .mdi-code-not-equal:before {
    content: "\F170";
  }
  
  .mdi-code-not-equal-variant:before {
    content: "\F171";
  }
  
  .mdi-code-parentheses:before {
    content: "\F172";
  }
  
  .mdi-code-string:before {
    content: "\F173";
  }
  
  .mdi-code-tags:before {
    content: "\F174";
  }
  
  .mdi-code-tags-check:before {
    content: "\F693";
  }
  
  .mdi-codepen:before {
    content: "\F175";
  }
  
  .mdi-coffee:before {
    content: "\F176";
  }
  
  .mdi-coffee-outline:before {
    content: "\F6C9";
  }
  
  .mdi-coffee-to-go:before {
    content: "\F177";
  }
  
  .mdi-coin:before {
    content: "\F178";
  }
  
  .mdi-coins:before {
    content: "\F694";
  }
  
  .mdi-collage:before {
    content: "\F640";
  }
  
  .mdi-color-helper:before {
    content: "\F179";
  }
  
  .mdi-comment:before {
    content: "\F17A";
  }
  
  .mdi-comment-account:before {
    content: "\F17B";
  }
  
  .mdi-comment-account-outline:before {
    content: "\F17C";
  }
  
  .mdi-comment-alert:before {
    content: "\F17D";
  }
  
  .mdi-comment-alert-outline:before {
    content: "\F17E";
  }
  
  .mdi-comment-check:before {
    content: "\F17F";
  }
  
  .mdi-comment-check-outline:before {
    content: "\F180";
  }
  
  .mdi-comment-multiple-outline:before {
    content: "\F181";
  }
  
  .mdi-comment-outline:before {
    content: "\F182";
  }
  
  .mdi-comment-plus-outline:before {
    content: "\F183";
  }
  
  .mdi-comment-processing:before {
    content: "\F184";
  }
  
  .mdi-comment-processing-outline:before {
    content: "\F185";
  }
  
  .mdi-comment-question-outline:before {
    content: "\F186";
  }
  
  .mdi-comment-remove-outline:before {
    content: "\F187";
  }
  
  .mdi-comment-text:before {
    content: "\F188";
  }
  
  .mdi-comment-text-outline:before {
    content: "\F189";
  }
  
  .mdi-compare:before {
    content: "\F18A";
  }
  
  .mdi-compass:before {
    content: "\F18B";
  }
  
  .mdi-compass-outline:before {
    content: "\F18C";
  }
  
  .mdi-console:before {
    content: "\F18D";
  }
  
  .mdi-console-line:before {
    content: "\F7B6";
  }
  
  .mdi-contact-mail:before {
    content: "\F18E";
  }
  
  .mdi-contacts:before {
    content: "\F6CA";
  }
  
  .mdi-content-copy:before {
    content: "\F18F";
  }
  
  .mdi-content-cut:before {
    content: "\F190";
  }
  
  .mdi-content-duplicate:before {
    content: "\F191";
  }
  
  .mdi-content-paste:before {
    content: "\F192";
  }
  
  .mdi-content-save:before {
    content: "\F193";
  }
  
  .mdi-content-save-all:before {
    content: "\F194";
  }
  
  .mdi-content-save-settings:before {
    content: "\F61B";
  }
  
  .mdi-contrast:before {
    content: "\F195";
  }
  
  .mdi-contrast-box:before {
    content: "\F196";
  }
  
  .mdi-contrast-circle:before {
    content: "\F197";
  }
  
  .mdi-cookie:before {
    content: "\F198";
  }
  
  .mdi-copyright:before {
    content: "\F5E6";
  }
  
  .mdi-corn:before {
    content: "\F7B7";
  }
  
  .mdi-counter:before {
    content: "\F199";
  }
  
  .mdi-cow:before {
    content: "\F19A";
  }
  
  .mdi-creation:before {
    content: "\F1C9";
  }
  
  .mdi-credit-card:before {
    content: "\F19B";
  }
  
  .mdi-credit-card-multiple:before {
    content: "\F19C";
  }
  
  .mdi-credit-card-off:before {
    content: "\F5E4";
  }
  
  .mdi-credit-card-plus:before {
    content: "\F675";
  }
  
  .mdi-credit-card-scan:before {
    content: "\F19D";
  }
  
  .mdi-crop:before {
    content: "\F19E";
  }
  
  .mdi-crop-free:before {
    content: "\F19F";
  }
  
  .mdi-crop-landscape:before {
    content: "\F1A0";
  }
  
  .mdi-crop-portrait:before {
    content: "\F1A1";
  }
  
  .mdi-crop-rotate:before {
    content: "\F695";
  }
  
  .mdi-crop-square:before {
    content: "\F1A2";
  }
  
  .mdi-crosshairs:before {
    content: "\F1A3";
  }
  
  .mdi-crosshairs-gps:before {
    content: "\F1A4";
  }
  
  .mdi-crown:before {
    content: "\F1A5";
  }
  
  .mdi-cube:before {
    content: "\F1A6";
  }
  
  .mdi-cube-outline:before {
    content: "\F1A7";
  }
  
  .mdi-cube-send:before {
    content: "\F1A8";
  }
  
  .mdi-cube-unfolded:before {
    content: "\F1A9";
  }
  
  .mdi-cup:before {
    content: "\F1AA";
  }
  
  .mdi-cup-off:before {
    content: "\F5E5";
  }
  
  .mdi-cup-water:before {
    content: "\F1AB";
  }
  
  .mdi-currency-btc:before {
    content: "\F1AC";
  }
  
  .mdi-currency-chf:before {
    content: "\F7B8";
  }
  
  .mdi-currency-cny:before {
    content: "\F7B9";
  }
  
  .mdi-currency-eth:before {
    content: "\F7BA";
  }
  
  .mdi-currency-eur:before {
    content: "\F1AD";
  }
  
  .mdi-currency-gbp:before {
    content: "\F1AE";
  }
  
  .mdi-currency-inr:before {
    content: "\F1AF";
  }
  
  .mdi-currency-jpy:before {
    content: "\F7BB";
  }
  
  .mdi-currency-krw:before {
    content: "\F7BC";
  }
  
  .mdi-currency-ngn:before {
    content: "\F1B0";
  }
  
  .mdi-currency-rub:before {
    content: "\F1B1";
  }
  
  .mdi-currency-sign:before {
    content: "\F7BD";
  }
  
  .mdi-currency-try:before {
    content: "\F1B2";
  }
  
  .mdi-currency-twd:before {
    content: "\F7BE";
  }
  
  .mdi-currency-usd:before {
    content: "\F1B3";
  }
  
  .mdi-currency-usd-off:before {
    content: "\F679";
  }
  
  .mdi-cursor-default:before {
    content: "\F1B4";
  }
  
  .mdi-cursor-default-outline:before {
    content: "\F1B5";
  }
  
  .mdi-cursor-move:before {
    content: "\F1B6";
  }
  
  .mdi-cursor-pointer:before {
    content: "\F1B7";
  }
  
  .mdi-cursor-text:before {
    content: "\F5E7";
  }
  
  .mdi-database:before {
    content: "\F1B8";
  }
  
  .mdi-database-minus:before {
    content: "\F1B9";
  }
  
  .mdi-database-plus:before {
    content: "\F1BA";
  }
  
  .mdi-debug-step-into:before {
    content: "\F1BB";
  }
  
  .mdi-debug-step-out:before {
    content: "\F1BC";
  }
  
  .mdi-debug-step-over:before {
    content: "\F1BD";
  }
  
  .mdi-decagram:before {
    content: "\F76B";
  }
  
  .mdi-decagram-outline:before {
    content: "\F76C";
  }
  
  .mdi-decimal-decrease:before {
    content: "\F1BE";
  }
  
  .mdi-decimal-increase:before {
    content: "\F1BF";
  }
  
  .mdi-delete:before {
    content: "\F1C0";
  }
  
  .mdi-delete-circle:before {
    content: "\F682";
  }
  
  .mdi-delete-empty:before {
    content: "\F6CB";
  }
  
  .mdi-delete-forever:before {
    content: "\F5E8";
  }
  
  .mdi-delete-sweep:before {
    content: "\F5E9";
  }
  
  .mdi-delete-variant:before {
    content: "\F1C1";
  }
  
  .mdi-delta:before {
    content: "\F1C2";
  }
  
  .mdi-deskphone:before {
    content: "\F1C3";
  }
  
  .mdi-desktop-classic:before {
    content: "\F7BF";
  }
  
  .mdi-desktop-mac:before {
    content: "\F1C4";
  }
  
  .mdi-desktop-tower:before {
    content: "\F1C5";
  }
  
  .mdi-details:before {
    content: "\F1C6";
  }
  
  .mdi-developer-board:before {
    content: "\F696";
  }
  
  .mdi-deviantart:before {
    content: "\F1C7";
  }
  
  .mdi-dialpad:before {
    content: "\F61C";
  }
  
  .mdi-diamond:before {
    content: "\F1C8";
  }
  
  .mdi-dice-1:before {
    content: "\F1CA";
  }
  
  .mdi-dice-2:before {
    content: "\F1CB";
  }
  
  .mdi-dice-3:before {
    content: "\F1CC";
  }
  
  .mdi-dice-4:before {
    content: "\F1CD";
  }
  
  .mdi-dice-5:before {
    content: "\F1CE";
  }
  
  .mdi-dice-6:before {
    content: "\F1CF";
  }
  
  .mdi-dice-d10:before {
    content: "\F76E";
  }
  
  .mdi-dice-d20:before {
    content: "\F5EA";
  }
  
  .mdi-dice-d4:before {
    content: "\F5EB";
  }
  
  .mdi-dice-d6:before {
    content: "\F5EC";
  }
  
  .mdi-dice-d8:before {
    content: "\F5ED";
  }
  
  .mdi-dice-multiple:before {
    content: "\F76D";
  }
  
  .mdi-dictionary:before {
    content: "\F61D";
  }
  
  .mdi-dip-switch:before {
    content: "\F7C0";
  }
  
  .mdi-directions:before {
    content: "\F1D0";
  }
  
  .mdi-directions-fork:before {
    content: "\F641";
  }
  
  .mdi-discord:before {
    content: "\F66F";
  }
  
  .mdi-disk:before {
    content: "\F5EE";
  }
  
  .mdi-disk-alert:before {
    content: "\F1D1";
  }
  
  .mdi-disqus:before {
    content: "\F1D2";
  }
  
  .mdi-disqus-outline:before {
    content: "\F1D3";
  }
  
  .mdi-division:before {
    content: "\F1D4";
  }
  
  .mdi-division-box:before {
    content: "\F1D5";
  }
  
  .mdi-dna:before {
    content: "\F683";
  }
  
  .mdi-dns:before {
    content: "\F1D6";
  }
  
  .mdi-do-not-disturb:before {
    content: "\F697";
  }
  
  .mdi-do-not-disturb-off:before {
    content: "\F698";
  }
  
  .mdi-dolby:before {
    content: "\F6B2";
  }
  
  .mdi-domain:before {
    content: "\F1D7";
  }
  
  .mdi-donkey:before {
    content: "\F7C1";
  }
  
  .mdi-dots-horizontal:before {
    content: "\F1D8";
  }
  
  .mdi-dots-horizontal-circle:before {
    content: "\F7C2";
  }
  
  .mdi-dots-vertical:before {
    content: "\F1D9";
  }
  
  .mdi-dots-vertical-circle:before {
    content: "\F7C3";
  }
  
  .mdi-douban:before {
    content: "\F699";
  }
  
  .mdi-download:before {
    content: "\F1DA";
  }
  
  .mdi-download-network:before {
    content: "\F6F3";
  }
  
  .mdi-drag:before {
    content: "\F1DB";
  }
  
  .mdi-drag-horizontal:before {
    content: "\F1DC";
  }
  
  .mdi-drag-vertical:before {
    content: "\F1DD";
  }
  
  .mdi-drawing:before {
    content: "\F1DE";
  }
  
  .mdi-drawing-box:before {
    content: "\F1DF";
  }
  
  .mdi-dribbble:before {
    content: "\F1E0";
  }
  
  .mdi-dribbble-box:before {
    content: "\F1E1";
  }
  
  .mdi-drone:before {
    content: "\F1E2";
  }
  
  .mdi-dropbox:before {
    content: "\F1E3";
  }
  
  .mdi-drupal:before {
    content: "\F1E4";
  }
  
  .mdi-duck:before {
    content: "\F1E5";
  }
  
  .mdi-dumbbell:before {
    content: "\F1E6";
  }
  
  .mdi-ear-hearing:before {
    content: "\F7C4";
  }
  
  .mdi-earth:before {
    content: "\F1E7";
  }
  
  .mdi-earth-box:before {
    content: "\F6CC";
  }
  
  .mdi-earth-box-off:before {
    content: "\F6CD";
  }
  
  .mdi-earth-off:before {
    content: "\F1E8";
  }
  
  .mdi-edge:before {
    content: "\F1E9";
  }
  
  .mdi-eject:before {
    content: "\F1EA";
  }
  
  .mdi-elephant:before {
    content: "\F7C5";
  }
  
  .mdi-elevation-decline:before {
    content: "\F1EB";
  }
  
  .mdi-elevation-rise:before {
    content: "\F1EC";
  }
  
  .mdi-elevator:before {
    content: "\F1ED";
  }
  
  .mdi-email:before {
    content: "\F1EE";
  }
  
  .mdi-email-alert:before {
    content: "\F6CE";
  }
  
  .mdi-email-open:before {
    content: "\F1EF";
  }
  
  .mdi-email-open-outline:before {
    content: "\F5EF";
  }
  
  .mdi-email-outline:before {
    content: "\F1F0";
  }
  
  .mdi-email-secure:before {
    content: "\F1F1";
  }
  
  .mdi-email-variant:before {
    content: "\F5F0";
  }
  
  .mdi-emby:before {
    content: "\F6B3";
  }
  
  .mdi-emoticon:before {
    content: "\F1F2";
  }
  
  .mdi-emoticon-cool:before {
    content: "\F1F3";
  }
  
  .mdi-emoticon-dead:before {
    content: "\F69A";
  }
  
  .mdi-emoticon-devil:before {
    content: "\F1F4";
  }
  
  .mdi-emoticon-excited:before {
    content: "\F69B";
  }
  
  .mdi-emoticon-happy:before {
    content: "\F1F5";
  }
  
  .mdi-emoticon-neutral:before {
    content: "\F1F6";
  }
  
  .mdi-emoticon-poop:before {
    content: "\F1F7";
  }
  
  .mdi-emoticon-sad:before {
    content: "\F1F8";
  }
  
  .mdi-emoticon-tongue:before {
    content: "\F1F9";
  }
  
  .mdi-engine:before {
    content: "\F1FA";
  }
  
  .mdi-engine-outline:before {
    content: "\F1FB";
  }
  
  .mdi-equal:before {
    content: "\F1FC";
  }
  
  .mdi-equal-box:before {
    content: "\F1FD";
  }
  
  .mdi-eraser:before {
    content: "\F1FE";
  }
  
  .mdi-eraser-variant:before {
    content: "\F642";
  }
  
  .mdi-escalator:before {
    content: "\F1FF";
  }
  
  .mdi-ethernet:before {
    content: "\F200";
  }
  
  .mdi-ethernet-cable:before {
    content: "\F201";
  }
  
  .mdi-ethernet-cable-off:before {
    content: "\F202";
  }
  
  .mdi-etsy:before {
    content: "\F203";
  }
  
  .mdi-ev-station:before {
    content: "\F5F1";
  }
  
  .mdi-eventbrite:before {
    content: "\F7C6";
  }
  
  .mdi-evernote:before {
    content: "\F204";
  }
  
  .mdi-exclamation:before {
    content: "\F205";
  }
  
  .mdi-exit-to-app:before {
    content: "\F206";
  }
  
  .mdi-export:before {
    content: "\F207";
  }
  
  .mdi-eye:before {
    content: "\F208";
  }
  
  .mdi-eye-off:before {
    content: "\F209";
  }
  
  .mdi-eye-off-outline:before {
    content: "\F6D0";
  }
  
  .mdi-eye-outline:before {
    content: "\F6CF";
  }
  
  .mdi-eyedropper:before {
    content: "\F20A";
  }
  
  .mdi-eyedropper-variant:before {
    content: "\F20B";
  }
  
  .mdi-face:before {
    content: "\F643";
  }
  
  .mdi-face-profile:before {
    content: "\F644";
  }
  
  .mdi-facebook:before {
    content: "\F20C";
  }
  
  .mdi-facebook-box:before {
    content: "\F20D";
  }
  
  .mdi-facebook-messenger:before {
    content: "\F20E";
  }
  
  .mdi-factory:before {
    content: "\F20F";
  }
  
  .mdi-fan:before {
    content: "\F210";
  }
  
  .mdi-fast-forward:before {
    content: "\F211";
  }
  
  .mdi-fast-forward-outline:before {
    content: "\F6D1";
  }
  
  .mdi-fax:before {
    content: "\F212";
  }
  
  .mdi-feather:before {
    content: "\F6D2";
  }
  
  .mdi-ferry:before {
    content: "\F213";
  }
  
  .mdi-file:before {
    content: "\F214";
  }
  
  .mdi-file-account:before {
    content: "\F73A";
  }
  
  .mdi-file-chart:before {
    content: "\F215";
  }
  
  .mdi-file-check:before {
    content: "\F216";
  }
  
  .mdi-file-cloud:before {
    content: "\F217";
  }
  
  .mdi-file-delimited:before {
    content: "\F218";
  }
  
  .mdi-file-document:before {
    content: "\F219";
  }
  
  .mdi-file-document-box:before {
    content: "\F21A";
  }
  
  .mdi-file-excel:before {
    content: "\F21B";
  }
  
  .mdi-file-excel-box:before {
    content: "\F21C";
  }
  
  .mdi-file-export:before {
    content: "\F21D";
  }
  
  .mdi-file-find:before {
    content: "\F21E";
  }
  
  .mdi-file-hidden:before {
    content: "\F613";
  }
  
  .mdi-file-image:before {
    content: "\F21F";
  }
  
  .mdi-file-import:before {
    content: "\F220";
  }
  
  .mdi-file-lock:before {
    content: "\F221";
  }
  
  .mdi-file-multiple:before {
    content: "\F222";
  }
  
  .mdi-file-music:before {
    content: "\F223";
  }
  
  .mdi-file-outline:before {
    content: "\F224";
  }
  
  .mdi-file-pdf:before {
    content: "\F225";
  }
  
  .mdi-file-pdf-box:before {
    content: "\F226";
  }
  
  .mdi-file-plus:before {
    content: "\F751";
  }
  
  .mdi-file-powerpoint:before {
    content: "\F227";
  }
  
  .mdi-file-powerpoint-box:before {
    content: "\F228";
  }
  
  .mdi-file-presentation-box:before {
    content: "\F229";
  }
  
  .mdi-file-restore:before {
    content: "\F670";
  }
  
  .mdi-file-send:before {
    content: "\F22A";
  }
  
  .mdi-file-tree:before {
    content: "\F645";
  }
  
  .mdi-file-video:before {
    content: "\F22B";
  }
  
  .mdi-file-word:before {
    content: "\F22C";
  }
  
  .mdi-file-word-box:before {
    content: "\F22D";
  }
  
  .mdi-file-xml:before {
    content: "\F22E";
  }
  
  .mdi-film:before {
    content: "\F22F";
  }
  
  .mdi-filmstrip:before {
    content: "\F230";
  }
  
  .mdi-filmstrip-off:before {
    content: "\F231";
  }
  
  .mdi-filter:before {
    content: "\F232";
  }
  
  .mdi-filter-outline:before {
    content: "\F233";
  }
  
  .mdi-filter-remove:before {
    content: "\F234";
  }
  
  .mdi-filter-remove-outline:before {
    content: "\F235";
  }
  
  .mdi-filter-variant:before {
    content: "\F236";
  }
  
  .mdi-find-replace:before {
    content: "\F6D3";
  }
  
  .mdi-fingerprint:before {
    content: "\F237";
  }
  
  .mdi-fire:before {
    content: "\F238";
  }
  
  .mdi-firefox:before {
    content: "\F239";
  }
  
  .mdi-fish:before {
    content: "\F23A";
  }
  
  .mdi-flag:before {
    content: "\F23B";
  }
  
  .mdi-flag-checkered:before {
    content: "\F23C";
  }
  
  .mdi-flag-outline:before {
    content: "\F23D";
  }
  
  .mdi-flag-outline-variant:before {
    content: "\F23E";
  }
  
  .mdi-flag-triangle:before {
    content: "\F23F";
  }
  
  .mdi-flag-variant:before {
    content: "\F240";
  }
  
  .mdi-flash:before {
    content: "\F241";
  }
  
  .mdi-flash-auto:before {
    content: "\F242";
  }
  
  .mdi-flash-off:before {
    content: "\F243";
  }
  
  .mdi-flash-outline:before {
    content: "\F6D4";
  }
  
  .mdi-flash-red-eye:before {
    content: "\F67A";
  }
  
  .mdi-flashlight:before {
    content: "\F244";
  }
  
  .mdi-flashlight-off:before {
    content: "\F245";
  }
  
  .mdi-flask:before {
    content: "\F093";
  }
  
  .mdi-flask-empty:before {
    content: "\F094";
  }
  
  .mdi-flask-empty-outline:before {
    content: "\F095";
  }
  
  .mdi-flask-outline:before {
    content: "\F096";
  }
  
  .mdi-flattr:before {
    content: "\F246";
  }
  
  .mdi-flip-to-back:before {
    content: "\F247";
  }
  
  .mdi-flip-to-front:before {
    content: "\F248";
  }
  
  .mdi-floppy:before {
    content: "\F249";
  }
  
  .mdi-flower:before {
    content: "\F24A";
  }
  
  .mdi-folder:before {
    content: "\F24B";
  }
  
  .mdi-folder-account:before {
    content: "\F24C";
  }
  
  .mdi-folder-download:before {
    content: "\F24D";
  }
  
  .mdi-folder-google-drive:before {
    content: "\F24E";
  }
  
  .mdi-folder-image:before {
    content: "\F24F";
  }
  
  .mdi-folder-lock:before {
    content: "\F250";
  }
  
  .mdi-folder-lock-open:before {
    content: "\F251";
  }
  
  .mdi-folder-move:before {
    content: "\F252";
  }
  
  .mdi-folder-multiple:before {
    content: "\F253";
  }
  
  .mdi-folder-multiple-image:before {
    content: "\F254";
  }
  
  .mdi-folder-multiple-outline:before {
    content: "\F255";
  }
  
  .mdi-folder-open:before {
    content: "\F76F";
  }
  
  .mdi-folder-outline:before {
    content: "\F256";
  }
  
  .mdi-folder-plus:before {
    content: "\F257";
  }
  
  .mdi-folder-remove:before {
    content: "\F258";
  }
  
  .mdi-folder-star:before {
    content: "\F69C";
  }
  
  .mdi-folder-upload:before {
    content: "\F259";
  }
  
  .mdi-font-awesome:before {
    content: "\F03A";
  }
  
  .mdi-food:before {
    content: "\F25A";
  }
  
  .mdi-food-apple:before {
    content: "\F25B";
  }
  
  .mdi-food-croissant:before {
    content: "\F7C7";
  }
  
  .mdi-food-fork-drink:before {
    content: "\F5F2";
  }
  
  .mdi-food-off:before {
    content: "\F5F3";
  }
  
  .mdi-food-variant:before {
    content: "\F25C";
  }
  
  .mdi-football:before {
    content: "\F25D";
  }
  
  .mdi-football-australian:before {
    content: "\F25E";
  }
  
  .mdi-football-helmet:before {
    content: "\F25F";
  }
  
  .mdi-forklift:before {
    content: "\F7C8";
  }
  
  .mdi-format-align-bottom:before {
    content: "\F752";
  }
  
  .mdi-format-align-center:before {
    content: "\F260";
  }
  
  .mdi-format-align-justify:before {
    content: "\F261";
  }
  
  .mdi-format-align-left:before {
    content: "\F262";
  }
  
  .mdi-format-align-middle:before {
    content: "\F753";
  }
  
  .mdi-format-align-right:before {
    content: "\F263";
  }
  
  .mdi-format-align-top:before {
    content: "\F754";
  }
  
  .mdi-format-annotation-plus:before {
    content: "\F646";
  }
  
  .mdi-format-bold:before {
    content: "\F264";
  }
  
  .mdi-format-clear:before {
    content: "\F265";
  }
  
  .mdi-format-color-fill:before {
    content: "\F266";
  }
  
  .mdi-format-color-text:before {
    content: "\F69D";
  }
  
  .mdi-format-float-center:before {
    content: "\F267";
  }
  
  .mdi-format-float-left:before {
    content: "\F268";
  }
  
  .mdi-format-float-none:before {
    content: "\F269";
  }
  
  .mdi-format-float-right:before {
    content: "\F26A";
  }
  
  .mdi-format-font:before {
    content: "\F6D5";
  }
  
  .mdi-format-header-1:before {
    content: "\F26B";
  }
  
  .mdi-format-header-2:before {
    content: "\F26C";
  }
  
  .mdi-format-header-3:before {
    content: "\F26D";
  }
  
  .mdi-format-header-4:before {
    content: "\F26E";
  }
  
  .mdi-format-header-5:before {
    content: "\F26F";
  }
  
  .mdi-format-header-6:before {
    content: "\F270";
  }
  
  .mdi-format-header-decrease:before {
    content: "\F271";
  }
  
  .mdi-format-header-equal:before {
    content: "\F272";
  }
  
  .mdi-format-header-increase:before {
    content: "\F273";
  }
  
  .mdi-format-header-pound:before {
    content: "\F274";
  }
  
  .mdi-format-horizontal-align-center:before {
    content: "\F61E";
  }
  
  .mdi-format-horizontal-align-left:before {
    content: "\F61F";
  }
  
  .mdi-format-horizontal-align-right:before {
    content: "\F620";
  }
  
  .mdi-format-indent-decrease:before {
    content: "\F275";
  }
  
  .mdi-format-indent-increase:before {
    content: "\F276";
  }
  
  .mdi-format-italic:before {
    content: "\F277";
  }
  
  .mdi-format-line-spacing:before {
    content: "\F278";
  }
  
  .mdi-format-line-style:before {
    content: "\F5C8";
  }
  
  .mdi-format-line-weight:before {
    content: "\F5C9";
  }
  
  .mdi-format-list-bulleted:before {
    content: "\F279";
  }
  
  .mdi-format-list-bulleted-type:before {
    content: "\F27A";
  }
  
  .mdi-format-list-checks:before {
    content: "\F755";
  }
  
  .mdi-format-list-numbers:before {
    content: "\F27B";
  }
  
  .mdi-format-page-break:before {
    content: "\F6D6";
  }
  
  .mdi-format-paint:before {
    content: "\F27C";
  }
  
  .mdi-format-paragraph:before {
    content: "\F27D";
  }
  
  .mdi-format-pilcrow:before {
    content: "\F6D7";
  }
  
  .mdi-format-quote-close:before {
    content: "\F27E";
  }
  
  .mdi-format-quote-open:before {
    content: "\F756";
  }
  
  .mdi-format-rotate-90:before {
    content: "\F6A9";
  }
  
  .mdi-format-section:before {
    content: "\F69E";
  }
  
  .mdi-format-size:before {
    content: "\F27F";
  }
  
  .mdi-format-strikethrough:before {
    content: "\F280";
  }
  
  .mdi-format-strikethrough-variant:before {
    content: "\F281";
  }
  
  .mdi-format-subscript:before {
    content: "\F282";
  }
  
  .mdi-format-superscript:before {
    content: "\F283";
  }
  
  .mdi-format-text:before {
    content: "\F284";
  }
  
  .mdi-format-textdirection-l-to-r:before {
    content: "\F285";
  }
  
  .mdi-format-textdirection-r-to-l:before {
    content: "\F286";
  }
  
  .mdi-format-title:before {
    content: "\F5F4";
  }
  
  .mdi-format-underline:before {
    content: "\F287";
  }
  
  .mdi-format-vertical-align-bottom:before {
    content: "\F621";
  }
  
  .mdi-format-vertical-align-center:before {
    content: "\F622";
  }
  
  .mdi-format-vertical-align-top:before {
    content: "\F623";
  }
  
  .mdi-format-wrap-inline:before {
    content: "\F288";
  }
  
  .mdi-format-wrap-square:before {
    content: "\F289";
  }
  
  .mdi-format-wrap-tight:before {
    content: "\F28A";
  }
  
  .mdi-format-wrap-top-bottom:before {
    content: "\F28B";
  }
  
  .mdi-forum:before {
    content: "\F28C";
  }
  
  .mdi-forward:before {
    content: "\F28D";
  }
  
  .mdi-foursquare:before {
    content: "\F28E";
  }
  
  .mdi-fridge:before {
    content: "\F28F";
  }
  
  .mdi-fridge-filled:before {
    content: "\F290";
  }
  
  .mdi-fridge-filled-bottom:before {
    content: "\F291";
  }
  
  .mdi-fridge-filled-top:before {
    content: "\F292";
  }
  
  .mdi-fuel:before {
    content: "\F7C9";
  }
  
  .mdi-fullscreen:before {
    content: "\F293";
  }
  
  .mdi-fullscreen-exit:before {
    content: "\F294";
  }
  
  .mdi-function:before {
    content: "\F295";
  }
  
  .mdi-gamepad:before {
    content: "\F296";
  }
  
  .mdi-gamepad-variant:before {
    content: "\F297";
  }
  
  .mdi-garage:before {
    content: "\F6D8";
  }
  
  .mdi-garage-open:before {
    content: "\F6D9";
  }
  
  .mdi-gas-cylinder:before {
    content: "\F647";
  }
  
  .mdi-gas-station:before {
    content: "\F298";
  }
  
  .mdi-gate:before {
    content: "\F299";
  }
  
  .mdi-gauge:before {
    content: "\F29A";
  }
  
  .mdi-gavel:before {
    content: "\F29B";
  }
  
  .mdi-gender-female:before {
    content: "\F29C";
  }
  
  .mdi-gender-male:before {
    content: "\F29D";
  }
  
  .mdi-gender-male-female:before {
    content: "\F29E";
  }
  
  .mdi-gender-transgender:before {
    content: "\F29F";
  }
  
  .mdi-gesture:before {
    content: "\F7CA";
  }
  
  .mdi-gesture-double-tap:before {
    content: "\F73B";
  }
  
  .mdi-gesture-swipe-down:before {
    content: "\F73C";
  }
  
  .mdi-gesture-swipe-left:before {
    content: "\F73D";
  }
  
  .mdi-gesture-swipe-right:before {
    content: "\F73E";
  }
  
  .mdi-gesture-swipe-up:before {
    content: "\F73F";
  }
  
  .mdi-gesture-tap:before {
    content: "\F740";
  }
  
  .mdi-gesture-two-double-tap:before {
    content: "\F741";
  }
  
  .mdi-gesture-two-tap:before {
    content: "\F742";
  }
  
  .mdi-ghost:before {
    content: "\F2A0";
  }
  
  .mdi-gift:before {
    content: "\F2A1";
  }
  
  .mdi-git:before {
    content: "\F2A2";
  }
  
  .mdi-github-box:before {
    content: "\F2A3";
  }
  
  .mdi-github-circle:before {
    content: "\F2A4";
  }
  
  .mdi-github-face:before {
    content: "\F6DA";
  }
  
  .mdi-glass-flute:before {
    content: "\F2A5";
  }
  
  .mdi-glass-mug:before {
    content: "\F2A6";
  }
  
  .mdi-glass-stange:before {
    content: "\F2A7";
  }
  
  .mdi-glass-tulip:before {
    content: "\F2A8";
  }
  
  .mdi-glassdoor:before {
    content: "\F2A9";
  }
  
  .mdi-glasses:before {
    content: "\F2AA";
  }
  
  .mdi-gmail:before {
    content: "\F2AB";
  }
  
  .mdi-gnome:before {
    content: "\F2AC";
  }
  
  .mdi-gondola:before {
    content: "\F685";
  }
  
  .mdi-google:before {
    content: "\F2AD";
  }
  
  .mdi-google-analytics:before {
    content: "\F7CB";
  }
  
  .mdi-google-assistant:before {
    content: "\F7CC";
  }
  
  .mdi-google-cardboard:before {
    content: "\F2AE";
  }
  
  .mdi-google-chrome:before {
    content: "\F2AF";
  }
  
  .mdi-google-circles:before {
    content: "\F2B0";
  }
  
  .mdi-google-circles-communities:before {
    content: "\F2B1";
  }
  
  .mdi-google-circles-extended:before {
    content: "\F2B2";
  }
  
  .mdi-google-circles-group:before {
    content: "\F2B3";
  }
  
  .mdi-google-controller:before {
    content: "\F2B4";
  }
  
  .mdi-google-controller-off:before {
    content: "\F2B5";
  }
  
  .mdi-google-drive:before {
    content: "\F2B6";
  }
  
  .mdi-google-earth:before {
    content: "\F2B7";
  }
  
  .mdi-google-glass:before {
    content: "\F2B8";
  }
  
  .mdi-google-keep:before {
    content: "\F6DB";
  }
  
  .mdi-google-maps:before {
    content: "\F5F5";
  }
  
  .mdi-google-nearby:before {
    content: "\F2B9";
  }
  
  .mdi-google-pages:before {
    content: "\F2BA";
  }
  
  .mdi-google-photos:before {
    content: "\F6DC";
  }
  
  .mdi-google-physical-web:before {
    content: "\F2BB";
  }
  
  .mdi-google-play:before {
    content: "\F2BC";
  }
  
  .mdi-google-plus:before {
    content: "\F2BD";
  }
  
  .mdi-google-plus-box:before {
    content: "\F2BE";
  }
  
  .mdi-google-translate:before {
    content: "\F2BF";
  }
  
  .mdi-google-wallet:before {
    content: "\F2C0";
  }
  
  .mdi-gradient:before {
    content: "\F69F";
  }
  
  .mdi-grease-pencil:before {
    content: "\F648";
  }
  
  .mdi-grid:before {
    content: "\F2C1";
  }
  
  .mdi-grid-large:before {
    content: "\F757";
  }
  
  .mdi-grid-off:before {
    content: "\F2C2";
  }
  
  .mdi-group:before {
    content: "\F2C3";
  }
  
  .mdi-guitar-acoustic:before {
    content: "\F770";
  }
  
  .mdi-guitar-electric:before {
    content: "\F2C4";
  }
  
  .mdi-guitar-pick:before {
    content: "\F2C5";
  }
  
  .mdi-guitar-pick-outline:before {
    content: "\F2C6";
  }
  
  .mdi-hackernews:before {
    content: "\F624";
  }
  
  .mdi-hamburger:before {
    content: "\F684";
  }
  
  .mdi-hand-pointing-right:before {
    content: "\F2C7";
  }
  
  .mdi-hanger:before {
    content: "\F2C8";
  }
  
  .mdi-hangouts:before {
    content: "\F2C9";
  }
  
  .mdi-harddisk:before {
    content: "\F2CA";
  }
  
  .mdi-headphones:before {
    content: "\F2CB";
  }
  
  .mdi-headphones-box:before {
    content: "\F2CC";
  }
  
  .mdi-headphones-off:before {
    content: "\F7CD";
  }
  
  .mdi-headphones-settings:before {
    content: "\F2CD";
  }
  
  .mdi-headset:before {
    content: "\F2CE";
  }
  
  .mdi-headset-dock:before {
    content: "\F2CF";
  }
  
  .mdi-headset-off:before {
    content: "\F2D0";
  }
  
  .mdi-heart:before {
    content: "\F2D1";
  }
  
  .mdi-heart-box:before {
    content: "\F2D2";
  }
  
  .mdi-heart-box-outline:before {
    content: "\F2D3";
  }
  
  .mdi-heart-broken:before {
    content: "\F2D4";
  }
  
  .mdi-heart-half:before {
    content: "\F6DE";
  }
  
  .mdi-heart-half-full:before {
    content: "\F6DD";
  }
  
  .mdi-heart-half-outline:before {
    content: "\F6DF";
  }
  
  .mdi-heart-off:before {
    content: "\F758";
  }
  
  .mdi-heart-outline:before {
    content: "\F2D5";
  }
  
  .mdi-heart-pulse:before {
    content: "\F5F6";
  }
  
  .mdi-help:before {
    content: "\F2D6";
  }
  
  .mdi-help-box:before {
    content: "\F78A";
  }
  
  .mdi-help-circle:before {
    content: "\F2D7";
  }
  
  .mdi-help-circle-outline:before {
    content: "\F625";
  }
  
  .mdi-help-network:before {
    content: "\F6F4";
  }
  
  .mdi-hexagon:before {
    content: "\F2D8";
  }
  
  .mdi-hexagon-multiple:before {
    content: "\F6E0";
  }
  
  .mdi-hexagon-outline:before {
    content: "\F2D9";
  }
  
  .mdi-high-definition:before {
    content: "\F7CE";
  }
  
  .mdi-highway:before {
    content: "\F5F7";
  }
  
  .mdi-history:before {
    content: "\F2DA";
  }
  
  .mdi-hololens:before {
    content: "\F2DB";
  }
  
  .mdi-home:before {
    content: "\F2DC";
  }
  
  .mdi-home-assistant:before {
    content: "\F7CF";
  }
  
  .mdi-home-automation:before {
    content: "\F7D0";
  }
  
  .mdi-home-circle:before {
    content: "\F7D1";
  }
  
  .mdi-home-map-marker:before {
    content: "\F5F8";
  }
  
  .mdi-home-modern:before {
    content: "\F2DD";
  }
  
  .mdi-home-outline:before {
    content: "\F6A0";
  }
  
  .mdi-home-variant:before {
    content: "\F2DE";
  }
  
  .mdi-hook:before {
    content: "\F6E1";
  }
  
  .mdi-hook-off:before {
    content: "\F6E2";
  }
  
  .mdi-hops:before {
    content: "\F2DF";
  }
  
  .mdi-hospital:before {
    content: "\F2E0";
  }
  
  .mdi-hospital-building:before {
    content: "\F2E1";
  }
  
  .mdi-hospital-marker:before {
    content: "\F2E2";
  }
  
  .mdi-hotel:before {
    content: "\F2E3";
  }
  
  .mdi-houzz:before {
    content: "\F2E4";
  }
  
  .mdi-houzz-box:before {
    content: "\F2E5";
  }
  
  .mdi-human:before {
    content: "\F2E6";
  }
  
  .mdi-human-child:before {
    content: "\F2E7";
  }
  
  .mdi-human-female:before {
    content: "\F649";
  }
  
  .mdi-human-greeting:before {
    content: "\F64A";
  }
  
  .mdi-human-handsdown:before {
    content: "\F64B";
  }
  
  .mdi-human-handsup:before {
    content: "\F64C";
  }
  
  .mdi-human-male:before {
    content: "\F64D";
  }
  
  .mdi-human-male-female:before {
    content: "\F2E8";
  }
  
  .mdi-human-pregnant:before {
    content: "\F5CF";
  }
  
  .mdi-humble-bundle:before {
    content: "\F743";
  }
  
  .mdi-image:before {
    content: "\F2E9";
  }
  
  .mdi-image-album:before {
    content: "\F2EA";
  }
  
  .mdi-image-area:before {
    content: "\F2EB";
  }
  
  .mdi-image-area-close:before {
    content: "\F2EC";
  }
  
  .mdi-image-broken:before {
    content: "\F2ED";
  }
  
  .mdi-image-broken-variant:before {
    content: "\F2EE";
  }
  
  .mdi-image-filter:before {
    content: "\F2EF";
  }
  
  .mdi-image-filter-black-white:before {
    content: "\F2F0";
  }
  
  .mdi-image-filter-center-focus:before {
    content: "\F2F1";
  }
  
  .mdi-image-filter-center-focus-weak:before {
    content: "\F2F2";
  }
  
  .mdi-image-filter-drama:before {
    content: "\F2F3";
  }
  
  .mdi-image-filter-frames:before {
    content: "\F2F4";
  }
  
  .mdi-image-filter-hdr:before {
    content: "\F2F5";
  }
  
  .mdi-image-filter-none:before {
    content: "\F2F6";
  }
  
  .mdi-image-filter-tilt-shift:before {
    content: "\F2F7";
  }
  
  .mdi-image-filter-vintage:before {
    content: "\F2F8";
  }
  
  .mdi-image-multiple:before {
    content: "\F2F9";
  }
  
  .mdi-import:before {
    content: "\F2FA";
  }
  
  .mdi-inbox:before {
    content: "\F686";
  }
  
  .mdi-inbox-arrow-down:before {
    content: "\F2FB";
  }
  
  .mdi-inbox-arrow-up:before {
    content: "\F3D1";
  }
  
  .mdi-incognito:before {
    content: "\F5F9";
  }
  
  .mdi-infinity:before {
    content: "\F6E3";
  }
  
  .mdi-information:before {
    content: "\F2FC";
  }
  
  .mdi-information-outline:before {
    content: "\F2FD";
  }
  
  .mdi-information-variant:before {
    content: "\F64E";
  }
  
  .mdi-instagram:before {
    content: "\F2FE";
  }
  
  .mdi-instapaper:before {
    content: "\F2FF";
  }
  
  .mdi-internet-explorer:before {
    content: "\F300";
  }
  
  .mdi-invert-colors:before {
    content: "\F301";
  }
  
  .mdi-itunes:before {
    content: "\F676";
  }
  
  .mdi-jeepney:before {
    content: "\F302";
  }
  
  .mdi-jira:before {
    content: "\F303";
  }
  
  .mdi-jsfiddle:before {
    content: "\F304";
  }
  
  .mdi-json:before {
    content: "\F626";
  }
  
  .mdi-keg:before {
    content: "\F305";
  }
  
  .mdi-kettle:before {
    content: "\F5FA";
  }
  
  .mdi-key:before {
    content: "\F306";
  }
  
  .mdi-key-change:before {
    content: "\F307";
  }
  
  .mdi-key-minus:before {
    content: "\F308";
  }
  
  .mdi-key-plus:before {
    content: "\F309";
  }
  
  .mdi-key-remove:before {
    content: "\F30A";
  }
  
  .mdi-key-variant:before {
    content: "\F30B";
  }
  
  .mdi-keyboard:before {
    content: "\F30C";
  }
  
  .mdi-keyboard-backspace:before {
    content: "\F30D";
  }
  
  .mdi-keyboard-caps:before {
    content: "\F30E";
  }
  
  .mdi-keyboard-close:before {
    content: "\F30F";
  }
  
  .mdi-keyboard-off:before {
    content: "\F310";
  }
  
  .mdi-keyboard-return:before {
    content: "\F311";
  }
  
  .mdi-keyboard-tab:before {
    content: "\F312";
  }
  
  .mdi-keyboard-variant:before {
    content: "\F313";
  }
  
  .mdi-kickstarter:before {
    content: "\F744";
  }
  
  .mdi-kodi:before {
    content: "\F314";
  }
  
  .mdi-label:before {
    content: "\F315";
  }
  
  .mdi-label-outline:before {
    content: "\F316";
  }
  
  .mdi-lambda:before {
    content: "\F627";
  }
  
  .mdi-lamp:before {
    content: "\F6B4";
  }
  
  .mdi-lan:before {
    content: "\F317";
  }
  
  .mdi-lan-connect:before {
    content: "\F318";
  }
  
  .mdi-lan-disconnect:before {
    content: "\F319";
  }
  
  .mdi-lan-pending:before {
    content: "\F31A";
  }
  
  .mdi-language-c:before {
    content: "\F671";
  }
  
  .mdi-language-cpp:before {
    content: "\F672";
  }
  
  .mdi-language-csharp:before {
    content: "\F31B";
  }
  
  .mdi-language-css3:before {
    content: "\F31C";
  }
  
  .mdi-language-go:before {
    content: "\F7D2";
  }
  
  .mdi-language-html5:before {
    content: "\F31D";
  }
  
  .mdi-language-javascript:before {
    content: "\F31E";
  }
  
  .mdi-language-php:before {
    content: "\F31F";
  }
  
  .mdi-language-python:before {
    content: "\F320";
  }
  
  .mdi-language-python-text:before {
    content: "\F321";
  }
  
  .mdi-language-r:before {
    content: "\F7D3";
  }
  
  .mdi-language-swift:before {
    content: "\F6E4";
  }
  
  .mdi-language-typescript:before {
    content: "\F6E5";
  }
  
  .mdi-laptop:before {
    content: "\F322";
  }
  
  .mdi-laptop-chromebook:before {
    content: "\F323";
  }
  
  .mdi-laptop-mac:before {
    content: "\F324";
  }
  
  .mdi-laptop-off:before {
    content: "\F6E6";
  }
  
  .mdi-laptop-windows:before {
    content: "\F325";
  }
  
  .mdi-lastfm:before {
    content: "\F326";
  }
  
  .mdi-launch:before {
    content: "\F327";
  }
  
  .mdi-lava-lamp:before {
    content: "\F7D4";
  }
  
  .mdi-layers:before {
    content: "\F328";
  }
  
  .mdi-layers-off:before {
    content: "\F329";
  }
  
  .mdi-lead-pencil:before {
    content: "\F64F";
  }
  
  .mdi-leaf:before {
    content: "\F32A";
  }
  
  .mdi-led-off:before {
    content: "\F32B";
  }
  
  .mdi-led-on:before {
    content: "\F32C";
  }
  
  .mdi-led-outline:before {
    content: "\F32D";
  }
  
  .mdi-led-strip:before {
    content: "\F7D5";
  }
  
  .mdi-led-variant-off:before {
    content: "\F32E";
  }
  
  .mdi-led-variant-on:before {
    content: "\F32F";
  }
  
  .mdi-led-variant-outline:before {
    content: "\F330";
  }
  
  .mdi-library:before {
    content: "\F331";
  }
  
  .mdi-library-books:before {
    content: "\F332";
  }
  
  .mdi-library-music:before {
    content: "\F333";
  }
  
  .mdi-library-plus:before {
    content: "\F334";
  }
  
  .mdi-lightbulb:before {
    content: "\F335";
  }
  
  .mdi-lightbulb-on:before {
    content: "\F6E7";
  }
  
  .mdi-lightbulb-on-outline:before {
    content: "\F6E8";
  }
  
  .mdi-lightbulb-outline:before {
    content: "\F336";
  }
  
  .mdi-link:before {
    content: "\F337";
  }
  
  .mdi-link-off:before {
    content: "\F338";
  }
  
  .mdi-link-variant:before {
    content: "\F339";
  }
  
  .mdi-link-variant-off:before {
    content: "\F33A";
  }
  
  .mdi-linkedin:before {
    content: "\F33B";
  }
  
  .mdi-linkedin-box:before {
    content: "\F33C";
  }
  
  .mdi-linux:before {
    content: "\F33D";
  }
  
  .mdi-loading:before {
    content: "\F771";
  }
  
  .mdi-lock:before {
    content: "\F33E";
  }
  
  .mdi-lock-open:before {
    content: "\F33F";
  }
  
  .mdi-lock-open-outline:before {
    content: "\F340";
  }
  
  .mdi-lock-outline:before {
    content: "\F341";
  }
  
  .mdi-lock-pattern:before {
    content: "\F6E9";
  }
  
  .mdi-lock-plus:before {
    content: "\F5FB";
  }
  
  .mdi-lock-reset:before {
    content: "\F772";
  }
  
  .mdi-locker:before {
    content: "\F7D6";
  }
  
  .mdi-locker-multiple:before {
    content: "\F7D7";
  }
  
  .mdi-login:before {
    content: "\F342";
  }
  
  .mdi-login-variant:before {
    content: "\F5FC";
  }
  
  .mdi-logout:before {
    content: "\F343";
  }
  
  .mdi-logout-variant:before {
    content: "\F5FD";
  }
  
  .mdi-looks:before {
    content: "\F344";
  }
  
  .mdi-loop:before {
    content: "\F6EA";
  }
  
  .mdi-loupe:before {
    content: "\F345";
  }
  
  .mdi-lumx:before {
    content: "\F346";
  }
  
  .mdi-magnet:before {
    content: "\F347";
  }
  
  .mdi-magnet-on:before {
    content: "\F348";
  }
  
  .mdi-magnify:before {
    content: "\F349";
  }
  
  .mdi-magnify-minus:before {
    content: "\F34A";
  }
  
  .mdi-magnify-minus-outline:before {
    content: "\F6EB";
  }
  
  .mdi-magnify-plus:before {
    content: "\F34B";
  }
  
  .mdi-magnify-plus-outline:before {
    content: "\F6EC";
  }
  
  .mdi-mail-ru:before {
    content: "\F34C";
  }
  
  .mdi-mailbox:before {
    content: "\F6ED";
  }
  
  .mdi-map:before {
    content: "\F34D";
  }
  
  .mdi-map-marker:before {
    content: "\F34E";
  }
  
  .mdi-map-marker-circle:before {
    content: "\F34F";
  }
  
  .mdi-map-marker-minus:before {
    content: "\F650";
  }
  
  .mdi-map-marker-multiple:before {
    content: "\F350";
  }
  
  .mdi-map-marker-off:before {
    content: "\F351";
  }
  
  .mdi-map-marker-outline:before {
    content: "\F7D8";
  }
  
  .mdi-map-marker-plus:before {
    content: "\F651";
  }
  
  .mdi-map-marker-radius:before {
    content: "\F352";
  }
  
  .mdi-margin:before {
    content: "\F353";
  }
  
  .mdi-markdown:before {
    content: "\F354";
  }
  
  .mdi-marker:before {
    content: "\F652";
  }
  
  .mdi-marker-check:before {
    content: "\F355";
  }
  
  .mdi-martini:before {
    content: "\F356";
  }
  
  .mdi-material-ui:before {
    content: "\F357";
  }
  
  .mdi-math-compass:before {
    content: "\F358";
  }
  
  .mdi-matrix:before {
    content: "\F628";
  }
  
  .mdi-maxcdn:before {
    content: "\F359";
  }
  
  .mdi-medical-bag:before {
    content: "\F6EE";
  }
  
  .mdi-medium:before {
    content: "\F35A";
  }
  
  .mdi-memory:before {
    content: "\F35B";
  }
  
  .mdi-menu:before {
    content: "\F35C";
  }
  
  .mdi-menu-down:before {
    content: "\F35D";
  }
  
  .mdi-menu-down-outline:before {
    content: "\F6B5";
  }
  
  .mdi-menu-left:before {
    content: "\F35E";
  }
  
  .mdi-menu-right:before {
    content: "\F35F";
  }
  
  .mdi-menu-up:before {
    content: "\F360";
  }
  
  .mdi-menu-up-outline:before {
    content: "\F6B6";
  }
  
  .mdi-message:before {
    content: "\F361";
  }
  
  .mdi-message-alert:before {
    content: "\F362";
  }
  
  .mdi-message-bulleted:before {
    content: "\F6A1";
  }
  
  .mdi-message-bulleted-off:before {
    content: "\F6A2";
  }
  
  .mdi-message-draw:before {
    content: "\F363";
  }
  
  .mdi-message-image:before {
    content: "\F364";
  }
  
  .mdi-message-outline:before {
    content: "\F365";
  }
  
  .mdi-message-plus:before {
    content: "\F653";
  }
  
  .mdi-message-processing:before {
    content: "\F366";
  }
  
  .mdi-message-reply:before {
    content: "\F367";
  }
  
  .mdi-message-reply-text:before {
    content: "\F368";
  }
  
  .mdi-message-settings:before {
    content: "\F6EF";
  }
  
  .mdi-message-settings-variant:before {
    content: "\F6F0";
  }
  
  .mdi-message-text:before {
    content: "\F369";
  }
  
  .mdi-message-text-outline:before {
    content: "\F36A";
  }
  
  .mdi-message-video:before {
    content: "\F36B";
  }
  
  .mdi-meteor:before {
    content: "\F629";
  }
  
  .mdi-metronome:before {
    content: "\F7D9";
  }
  
  .mdi-metronome-tick:before {
    content: "\F7DA";
  }
  
  .mdi-micro-sd:before {
    content: "\F7DB";
  }
  
  .mdi-microphone:before {
    content: "\F36C";
  }
  
  .mdi-microphone-off:before {
    content: "\F36D";
  }
  
  .mdi-microphone-outline:before {
    content: "\F36E";
  }
  
  .mdi-microphone-settings:before {
    content: "\F36F";
  }
  
  .mdi-microphone-variant:before {
    content: "\F370";
  }
  
  .mdi-microphone-variant-off:before {
    content: "\F371";
  }
  
  .mdi-microscope:before {
    content: "\F654";
  }
  
  .mdi-microsoft:before {
    content: "\F372";
  }
  
  .mdi-minecraft:before {
    content: "\F373";
  }
  
  .mdi-minus:before {
    content: "\F374";
  }
  
  .mdi-minus-box:before {
    content: "\F375";
  }
  
  .mdi-minus-box-outline:before {
    content: "\F6F1";
  }
  
  .mdi-minus-circle:before {
    content: "\F376";
  }
  
  .mdi-minus-circle-outline:before {
    content: "\F377";
  }
  
  .mdi-minus-network:before {
    content: "\F378";
  }
  
  .mdi-mixcloud:before {
    content: "\F62A";
  }
  
  .mdi-mixer:before {
    content: "\F7DC";
  }
  
  .mdi-monitor:before {
    content: "\F379";
  }
  
  .mdi-monitor-multiple:before {
    content: "\F37A";
  }
  
  .mdi-more:before {
    content: "\F37B";
  }
  
  .mdi-motorbike:before {
    content: "\F37C";
  }
  
  .mdi-mouse:before {
    content: "\F37D";
  }
  
  .mdi-mouse-off:before {
    content: "\F37E";
  }
  
  .mdi-mouse-variant:before {
    content: "\F37F";
  }
  
  .mdi-mouse-variant-off:before {
    content: "\F380";
  }
  
  .mdi-move-resize:before {
    content: "\F655";
  }
  
  .mdi-move-resize-variant:before {
    content: "\F656";
  }
  
  .mdi-movie:before {
    content: "\F381";
  }
  
  .mdi-movie-roll:before {
    content: "\F7DD";
  }
  
  .mdi-multiplication:before {
    content: "\F382";
  }
  
  .mdi-multiplication-box:before {
    content: "\F383";
  }
  
  .mdi-mushroom:before {
    content: "\F7DE";
  }
  
  .mdi-mushroom-outline:before {
    content: "\F7DF";
  }
  
  .mdi-music:before {
    content: "\F759";
  }
  
  .mdi-music-box:before {
    content: "\F384";
  }
  
  .mdi-music-box-outline:before {
    content: "\F385";
  }
  
  .mdi-music-circle:before {
    content: "\F386";
  }
  
  .mdi-music-note:before {
    content: "\F387";
  }
  
  .mdi-music-note-bluetooth:before {
    content: "\F5FE";
  }
  
  .mdi-music-note-bluetooth-off:before {
    content: "\F5FF";
  }
  
  .mdi-music-note-eighth:before {
    content: "\F388";
  }
  
  .mdi-music-note-half:before {
    content: "\F389";
  }
  
  .mdi-music-note-off:before {
    content: "\F38A";
  }
  
  .mdi-music-note-quarter:before {
    content: "\F38B";
  }
  
  .mdi-music-note-sixteenth:before {
    content: "\F38C";
  }
  
  .mdi-music-note-whole:before {
    content: "\F38D";
  }
  
  .mdi-music-off:before {
    content: "\F75A";
  }
  
  .mdi-nature:before {
    content: "\F38E";
  }
  
  .mdi-nature-people:before {
    content: "\F38F";
  }
  
  .mdi-navigation:before {
    content: "\F390";
  }
  
  .mdi-near-me:before {
    content: "\F5CD";
  }
  
  .mdi-needle:before {
    content: "\F391";
  }
  
  .mdi-nest-protect:before {
    content: "\F392";
  }
  
  .mdi-nest-thermostat:before {
    content: "\F393";
  }
  
  .mdi-netflix:before {
    content: "\F745";
  }
  
  .mdi-network:before {
    content: "\F6F2";
  }
  
  .mdi-new-box:before {
    content: "\F394";
  }
  
  .mdi-newspaper:before {
    content: "\F395";
  }
  
  .mdi-nfc:before {
    content: "\F396";
  }
  
  .mdi-nfc-tap:before {
    content: "\F397";
  }
  
  .mdi-nfc-variant:before {
    content: "\F398";
  }
  
  .mdi-ninja:before {
    content: "\F773";
  }
  
  .mdi-nintendo-switch:before {
    content: "\F7E0";
  }
  
  .mdi-nodejs:before {
    content: "\F399";
  }
  
  .mdi-note:before {
    content: "\F39A";
  }
  
  .mdi-note-multiple:before {
    content: "\F6B7";
  }
  
  .mdi-note-multiple-outline:before {
    content: "\F6B8";
  }
  
  .mdi-note-outline:before {
    content: "\F39B";
  }
  
  .mdi-note-plus:before {
    content: "\F39C";
  }
  
  .mdi-note-plus-outline:before {
    content: "\F39D";
  }
  
  .mdi-note-text:before {
    content: "\F39E";
  }
  
  .mdi-notification-clear-all:before {
    content: "\F39F";
  }
  
  .mdi-npm:before {
    content: "\F6F6";
  }
  
  .mdi-nuke:before {
    content: "\F6A3";
  }
  
  .mdi-null:before {
    content: "\F7E1";
  }
  
  .mdi-numeric:before {
    content: "\F3A0";
  }
  
  .mdi-numeric-0-box:before {
    content: "\F3A1";
  }
  
  .mdi-numeric-0-box-multiple-outline:before {
    content: "\F3A2";
  }
  
  .mdi-numeric-0-box-outline:before {
    content: "\F3A3";
  }
  
  .mdi-numeric-1-box:before {
    content: "\F3A4";
  }
  
  .mdi-numeric-1-box-multiple-outline:before {
    content: "\F3A5";
  }
  
  .mdi-numeric-1-box-outline:before {
    content: "\F3A6";
  }
  
  .mdi-numeric-2-box:before {
    content: "\F3A7";
  }
  
  .mdi-numeric-2-box-multiple-outline:before {
    content: "\F3A8";
  }
  
  .mdi-numeric-2-box-outline:before {
    content: "\F3A9";
  }
  
  .mdi-numeric-3-box:before {
    content: "\F3AA";
  }
  
  .mdi-numeric-3-box-multiple-outline:before {
    content: "\F3AB";
  }
  
  .mdi-numeric-3-box-outline:before {
    content: "\F3AC";
  }
  
  .mdi-numeric-4-box:before {
    content: "\F3AD";
  }
  
  .mdi-numeric-4-box-multiple-outline:before {
    content: "\F3AE";
  }
  
  .mdi-numeric-4-box-outline:before {
    content: "\F3AF";
  }
  
  .mdi-numeric-5-box:before {
    content: "\F3B0";
  }
  
  .mdi-numeric-5-box-multiple-outline:before {
    content: "\F3B1";
  }
  
  .mdi-numeric-5-box-outline:before {
    content: "\F3B2";
  }
  
  .mdi-numeric-6-box:before {
    content: "\F3B3";
  }
  
  .mdi-numeric-6-box-multiple-outline:before {
    content: "\F3B4";
  }
  
  .mdi-numeric-6-box-outline:before {
    content: "\F3B5";
  }
  
  .mdi-numeric-7-box:before {
    content: "\F3B6";
  }
  
  .mdi-numeric-7-box-multiple-outline:before {
    content: "\F3B7";
  }
  
  .mdi-numeric-7-box-outline:before {
    content: "\F3B8";
  }
  
  .mdi-numeric-8-box:before {
    content: "\F3B9";
  }
  
  .mdi-numeric-8-box-multiple-outline:before {
    content: "\F3BA";
  }
  
  .mdi-numeric-8-box-outline:before {
    content: "\F3BB";
  }
  
  .mdi-numeric-9-box:before {
    content: "\F3BC";
  }
  
  .mdi-numeric-9-box-multiple-outline:before {
    content: "\F3BD";
  }
  
  .mdi-numeric-9-box-outline:before {
    content: "\F3BE";
  }
  
  .mdi-numeric-9-plus-box:before {
    content: "\F3BF";
  }
  
  .mdi-numeric-9-plus-box-multiple-outline:before {
    content: "\F3C0";
  }
  
  .mdi-numeric-9-plus-box-outline:before {
    content: "\F3C1";
  }
  
  .mdi-nut:before {
    content: "\F6F7";
  }
  
  .mdi-nutrition:before {
    content: "\F3C2";
  }
  
  .mdi-oar:before {
    content: "\F67B";
  }
  
  .mdi-octagon:before {
    content: "\F3C3";
  }
  
  .mdi-octagon-outline:before {
    content: "\F3C4";
  }
  
  .mdi-octagram:before {
    content: "\F6F8";
  }
  
  .mdi-octagram-outline:before {
    content: "\F774";
  }
  
  .mdi-odnoklassniki:before {
    content: "\F3C5";
  }
  
  .mdi-office:before {
    content: "\F3C6";
  }
  
  .mdi-oil:before {
    content: "\F3C7";
  }
  
  .mdi-oil-temperature:before {
    content: "\F3C8";
  }
  
  .mdi-omega:before {
    content: "\F3C9";
  }
  
  .mdi-onedrive:before {
    content: "\F3CA";
  }
  
  .mdi-onenote:before {
    content: "\F746";
  }
  
  .mdi-opacity:before {
    content: "\F5CC";
  }
  
  .mdi-open-in-app:before {
    content: "\F3CB";
  }
  
  .mdi-open-in-new:before {
    content: "\F3CC";
  }
  
  .mdi-openid:before {
    content: "\F3CD";
  }
  
  .mdi-opera:before {
    content: "\F3CE";
  }
  
  .mdi-orbit:before {
    content: "\F018";
  }
  
  .mdi-ornament:before {
    content: "\F3CF";
  }
  
  .mdi-ornament-variant:before {
    content: "\F3D0";
  }
  
  .mdi-owl:before {
    content: "\F3D2";
  }
  
  .mdi-package:before {
    content: "\F3D3";
  }
  
  .mdi-package-down:before {
    content: "\F3D4";
  }
  
  .mdi-package-up:before {
    content: "\F3D5";
  }
  
  .mdi-package-variant:before {
    content: "\F3D6";
  }
  
  .mdi-package-variant-closed:before {
    content: "\F3D7";
  }
  
  .mdi-page-first:before {
    content: "\F600";
  }
  
  .mdi-page-last:before {
    content: "\F601";
  }
  
  .mdi-page-layout-body:before {
    content: "\F6F9";
  }
  
  .mdi-page-layout-footer:before {
    content: "\F6FA";
  }
  
  .mdi-page-layout-header:before {
    content: "\F6FB";
  }
  
  .mdi-page-layout-sidebar-left:before {
    content: "\F6FC";
  }
  
  .mdi-page-layout-sidebar-right:before {
    content: "\F6FD";
  }
  
  .mdi-palette:before {
    content: "\F3D8";
  }
  
  .mdi-palette-advanced:before {
    content: "\F3D9";
  }
  
  .mdi-panda:before {
    content: "\F3DA";
  }
  
  .mdi-pandora:before {
    content: "\F3DB";
  }
  
  .mdi-panorama:before {
    content: "\F3DC";
  }
  
  .mdi-panorama-fisheye:before {
    content: "\F3DD";
  }
  
  .mdi-panorama-horizontal:before {
    content: "\F3DE";
  }
  
  .mdi-panorama-vertical:before {
    content: "\F3DF";
  }
  
  .mdi-panorama-wide-angle:before {
    content: "\F3E0";
  }
  
  .mdi-paper-cut-vertical:before {
    content: "\F3E1";
  }
  
  .mdi-paperclip:before {
    content: "\F3E2";
  }
  
  .mdi-parking:before {
    content: "\F3E3";
  }
  
  .mdi-passport:before {
    content: "\F7E2";
  }
  
  .mdi-pause:before {
    content: "\F3E4";
  }
  
  .mdi-pause-circle:before {
    content: "\F3E5";
  }
  
  .mdi-pause-circle-outline:before {
    content: "\F3E6";
  }
  
  .mdi-pause-octagon:before {
    content: "\F3E7";
  }
  
  .mdi-pause-octagon-outline:before {
    content: "\F3E8";
  }
  
  .mdi-paw:before {
    content: "\F3E9";
  }
  
  .mdi-paw-off:before {
    content: "\F657";
  }
  
  .mdi-pen:before {
    content: "\F3EA";
  }
  
  .mdi-pencil:before {
    content: "\F3EB";
  }
  
  .mdi-pencil-box:before {
    content: "\F3EC";
  }
  
  .mdi-pencil-box-outline:before {
    content: "\F3ED";
  }
  
  .mdi-pencil-circle:before {
    content: "\F6FE";
  }
  
  .mdi-pencil-circle-outline:before {
    content: "\F775";
  }
  
  .mdi-pencil-lock:before {
    content: "\F3EE";
  }
  
  .mdi-pencil-off:before {
    content: "\F3EF";
  }
  
  .mdi-pentagon:before {
    content: "\F6FF";
  }
  
  .mdi-pentagon-outline:before {
    content: "\F700";
  }
  
  .mdi-percent:before {
    content: "\F3F0";
  }
  
  .mdi-periodic-table-co2:before {
    content: "\F7E3";
  }
  
  .mdi-periscope:before {
    content: "\F747";
  }
  
  .mdi-pharmacy:before {
    content: "\F3F1";
  }
  
  .mdi-phone:before {
    content: "\F3F2";
  }
  
  .mdi-phone-bluetooth:before {
    content: "\F3F3";
  }
  
  .mdi-phone-classic:before {
    content: "\F602";
  }
  
  .mdi-phone-forward:before {
    content: "\F3F4";
  }
  
  .mdi-phone-hangup:before {
    content: "\F3F5";
  }
  
  .mdi-phone-in-talk:before {
    content: "\F3F6";
  }
  
  .mdi-phone-incoming:before {
    content: "\F3F7";
  }
  
  .mdi-phone-locked:before {
    content: "\F3F8";
  }
  
  .mdi-phone-log:before {
    content: "\F3F9";
  }
  
  .mdi-phone-minus:before {
    content: "\F658";
  }
  
  .mdi-phone-missed:before {
    content: "\F3FA";
  }
  
  .mdi-phone-outgoing:before {
    content: "\F3FB";
  }
  
  .mdi-phone-paused:before {
    content: "\F3FC";
  }
  
  .mdi-phone-plus:before {
    content: "\F659";
  }
  
  .mdi-phone-settings:before {
    content: "\F3FD";
  }
  
  .mdi-phone-voip:before {
    content: "\F3FE";
  }
  
  .mdi-pi:before {
    content: "\F3FF";
  }
  
  .mdi-pi-box:before {
    content: "\F400";
  }
  
  .mdi-piano:before {
    content: "\F67C";
  }
  
  .mdi-pig:before {
    content: "\F401";
  }
  
  .mdi-pill:before {
    content: "\F402";
  }
  
  .mdi-pillar:before {
    content: "\F701";
  }
  
  .mdi-pin:before {
    content: "\F403";
  }
  
  .mdi-pin-off:before {
    content: "\F404";
  }
  
  .mdi-pine-tree:before {
    content: "\F405";
  }
  
  .mdi-pine-tree-box:before {
    content: "\F406";
  }
  
  .mdi-pinterest:before {
    content: "\F407";
  }
  
  .mdi-pinterest-box:before {
    content: "\F408";
  }
  
  .mdi-pipe:before {
    content: "\F7E4";
  }
  
  .mdi-pipe-disconnected:before {
    content: "\F7E5";
  }
  
  .mdi-pistol:before {
    content: "\F702";
  }
  
  .mdi-pizza:before {
    content: "\F409";
  }
  
  .mdi-plane-shield:before {
    content: "\F6BA";
  }
  
  .mdi-play:before {
    content: "\F40A";
  }
  
  .mdi-play-box-outline:before {
    content: "\F40B";
  }
  
  .mdi-play-circle:before {
    content: "\F40C";
  }
  
  .mdi-play-circle-outline:before {
    content: "\F40D";
  }
  
  .mdi-play-pause:before {
    content: "\F40E";
  }
  
  .mdi-play-protected-content:before {
    content: "\F40F";
  }
  
  .mdi-playlist-check:before {
    content: "\F5C7";
  }
  
  .mdi-playlist-minus:before {
    content: "\F410";
  }
  
  .mdi-playlist-play:before {
    content: "\F411";
  }
  
  .mdi-playlist-plus:before {
    content: "\F412";
  }
  
  .mdi-playlist-remove:before {
    content: "\F413";
  }
  
  .mdi-playstation:before {
    content: "\F414";
  }
  
  .mdi-plex:before {
    content: "\F6B9";
  }
  
  .mdi-plus:before {
    content: "\F415";
  }
  
  .mdi-plus-box:before {
    content: "\F416";
  }
  
  .mdi-plus-box-outline:before {
    content: "\F703";
  }
  
  .mdi-plus-circle:before {
    content: "\F417";
  }
  
  .mdi-plus-circle-multiple-outline:before {
    content: "\F418";
  }
  
  .mdi-plus-circle-outline:before {
    content: "\F419";
  }
  
  .mdi-plus-network:before {
    content: "\F41A";
  }
  
  .mdi-plus-one:before {
    content: "\F41B";
  }
  
  .mdi-plus-outline:before {
    content: "\F704";
  }
  
  .mdi-pocket:before {
    content: "\F41C";
  }
  
  .mdi-pokeball:before {
    content: "\F41D";
  }
  
  .mdi-polaroid:before {
    content: "\F41E";
  }
  
  .mdi-poll:before {
    content: "\F41F";
  }
  
  .mdi-poll-box:before {
    content: "\F420";
  }
  
  .mdi-polymer:before {
    content: "\F421";
  }
  
  .mdi-pool:before {
    content: "\F606";
  }
  
  .mdi-popcorn:before {
    content: "\F422";
  }
  
  .mdi-pot:before {
    content: "\F65A";
  }
  
  .mdi-pot-mix:before {
    content: "\F65B";
  }
  
  .mdi-pound:before {
    content: "\F423";
  }
  
  .mdi-pound-box:before {
    content: "\F424";
  }
  
  .mdi-power:before {
    content: "\F425";
  }
  
  .mdi-power-plug:before {
    content: "\F6A4";
  }
  
  .mdi-power-plug-off:before {
    content: "\F6A5";
  }
  
  .mdi-power-settings:before {
    content: "\F426";
  }
  
  .mdi-power-socket:before {
    content: "\F427";
  }
  
  .mdi-power-socket-eu:before {
    content: "\F7E6";
  }
  
  .mdi-power-socket-uk:before {
    content: "\F7E7";
  }
  
  .mdi-power-socket-us:before {
    content: "\F7E8";
  }
  
  .mdi-prescription:before {
    content: "\F705";
  }
  
  .mdi-presentation:before {
    content: "\F428";
  }
  
  .mdi-presentation-play:before {
    content: "\F429";
  }
  
  .mdi-printer:before {
    content: "\F42A";
  }
  
  .mdi-printer-3d:before {
    content: "\F42B";
  }
  
  .mdi-printer-alert:before {
    content: "\F42C";
  }
  
  .mdi-printer-settings:before {
    content: "\F706";
  }
  
  .mdi-priority-high:before {
    content: "\F603";
  }
  
  .mdi-priority-low:before {
    content: "\F604";
  }
  
  .mdi-professional-hexagon:before {
    content: "\F42D";
  }
  
  .mdi-projector:before {
    content: "\F42E";
  }
  
  .mdi-projector-screen:before {
    content: "\F42F";
  }
  
  .mdi-publish:before {
    content: "\F6A6";
  }
  
  .mdi-pulse:before {
    content: "\F430";
  }
  
  .mdi-puzzle:before {
    content: "\F431";
  }
  
  .mdi-qqchat:before {
    content: "\F605";
  }
  
  .mdi-qrcode:before {
    content: "\F432";
  }
  
  .mdi-qrcode-scan:before {
    content: "\F433";
  }
  
  .mdi-quadcopter:before {
    content: "\F434";
  }
  
  .mdi-quality-high:before {
    content: "\F435";
  }
  
  .mdi-quicktime:before {
    content: "\F436";
  }
  
  .mdi-radar:before {
    content: "\F437";
  }
  
  .mdi-radiator:before {
    content: "\F438";
  }
  
  .mdi-radio:before {
    content: "\F439";
  }
  
  .mdi-radio-handheld:before {
    content: "\F43A";
  }
  
  .mdi-radio-tower:before {
    content: "\F43B";
  }
  
  .mdi-radioactive:before {
    content: "\F43C";
  }
  
  .mdi-radiobox-blank:before {
    content: "\F43D";
  }
  
  .mdi-radiobox-marked:before {
    content: "\F43E";
  }
  
  .mdi-raspberrypi:before {
    content: "\F43F";
  }
  
  .mdi-ray-end:before {
    content: "\F440";
  }
  
  .mdi-ray-end-arrow:before {
    content: "\F441";
  }
  
  .mdi-ray-start:before {
    content: "\F442";
  }
  
  .mdi-ray-start-arrow:before {
    content: "\F443";
  }
  
  .mdi-ray-start-end:before {
    content: "\F444";
  }
  
  .mdi-ray-vertex:before {
    content: "\F445";
  }
  
  .mdi-rdio:before {
    content: "\F446";
  }
  
  .mdi-react:before {
    content: "\F707";
  }
  
  .mdi-read:before {
    content: "\F447";
  }
  
  .mdi-readability:before {
    content: "\F448";
  }
  
  .mdi-receipt:before {
    content: "\F449";
  }
  
  .mdi-record:before {
    content: "\F44A";
  }
  
  .mdi-record-rec:before {
    content: "\F44B";
  }
  
  .mdi-recycle:before {
    content: "\F44C";
  }
  
  .mdi-reddit:before {
    content: "\F44D";
  }
  
  .mdi-redo:before {
    content: "\F44E";
  }
  
  .mdi-redo-variant:before {
    content: "\F44F";
  }
  
  .mdi-refresh:before {
    content: "\F450";
  }
  
  .mdi-regex:before {
    content: "\F451";
  }
  
  .mdi-relative-scale:before {
    content: "\F452";
  }
  
  .mdi-reload:before {
    content: "\F453";
  }
  
  .mdi-remote:before {
    content: "\F454";
  }
  
  .mdi-rename-box:before {
    content: "\F455";
  }
  
  .mdi-reorder-horizontal:before {
    content: "\F687";
  }
  
  .mdi-reorder-vertical:before {
    content: "\F688";
  }
  
  .mdi-repeat:before {
    content: "\F456";
  }
  
  .mdi-repeat-off:before {
    content: "\F457";
  }
  
  .mdi-repeat-once:before {
    content: "\F458";
  }
  
  .mdi-replay:before {
    content: "\F459";
  }
  
  .mdi-reply:before {
    content: "\F45A";
  }
  
  .mdi-reply-all:before {
    content: "\F45B";
  }
  
  .mdi-reproduction:before {
    content: "\F45C";
  }
  
  .mdi-resize-bottom-right:before {
    content: "\F45D";
  }
  
  .mdi-responsive:before {
    content: "\F45E";
  }
  
  .mdi-restart:before {
    content: "\F708";
  }
  
  .mdi-restore:before {
    content: "\F6A7";
  }
  
  .mdi-rewind:before {
    content: "\F45F";
  }
  
  .mdi-rewind-outline:before {
    content: "\F709";
  }
  
  .mdi-rhombus:before {
    content: "\F70A";
  }
  
  .mdi-rhombus-outline:before {
    content: "\F70B";
  }
  
  .mdi-ribbon:before {
    content: "\F460";
  }
  
  .mdi-rice:before {
    content: "\F7E9";
  }
  
  .mdi-ring:before {
    content: "\F7EA";
  }
  
  .mdi-road:before {
    content: "\F461";
  }
  
  .mdi-road-variant:before {
    content: "\F462";
  }
  
  .mdi-robot:before {
    content: "\F6A8";
  }
  
  .mdi-rocket:before {
    content: "\F463";
  }
  
  .mdi-roomba:before {
    content: "\F70C";
  }
  
  .mdi-rotate-3d:before {
    content: "\F464";
  }
  
  .mdi-rotate-left:before {
    content: "\F465";
  }
  
  .mdi-rotate-left-variant:before {
    content: "\F466";
  }
  
  .mdi-rotate-right:before {
    content: "\F467";
  }
  
  .mdi-rotate-right-variant:before {
    content: "\F468";
  }
  
  .mdi-rounded-corner:before {
    content: "\F607";
  }
  
  .mdi-router-wireless:before {
    content: "\F469";
  }
  
  .mdi-routes:before {
    content: "\F46A";
  }
  
  .mdi-rowing:before {
    content: "\F608";
  }
  
  .mdi-rss:before {
    content: "\F46B";
  }
  
  .mdi-rss-box:before {
    content: "\F46C";
  }
  
  .mdi-ruler:before {
    content: "\F46D";
  }
  
  .mdi-run:before {
    content: "\F70D";
  }
  
  .mdi-run-fast:before {
    content: "\F46E";
  }
  
  .mdi-sale:before {
    content: "\F46F";
  }
  
  .mdi-sass:before {
    content: "\F7EB";
  }
  
  .mdi-satellite:before {
    content: "\F470";
  }
  
  .mdi-satellite-variant:before {
    content: "\F471";
  }
  
  .mdi-saxophone:before {
    content: "\F609";
  }
  
  .mdi-scale:before {
    content: "\F472";
  }
  
  .mdi-scale-balance:before {
    content: "\F5D1";
  }
  
  .mdi-scale-bathroom:before {
    content: "\F473";
  }
  
  .mdi-scanner:before {
    content: "\F6AA";
  }
  
  .mdi-school:before {
    content: "\F474";
  }
  
  .mdi-screen-rotation:before {
    content: "\F475";
  }
  
  .mdi-screen-rotation-lock:before {
    content: "\F476";
  }
  
  .mdi-screwdriver:before {
    content: "\F477";
  }
  
  .mdi-script:before {
    content: "\F478";
  }
  
  .mdi-sd:before {
    content: "\F479";
  }
  
  .mdi-seal:before {
    content: "\F47A";
  }
  
  .mdi-search-web:before {
    content: "\F70E";
  }
  
  .mdi-seat-flat:before {
    content: "\F47B";
  }
  
  .mdi-seat-flat-angled:before {
    content: "\F47C";
  }
  
  .mdi-seat-individual-suite:before {
    content: "\F47D";
  }
  
  .mdi-seat-legroom-extra:before {
    content: "\F47E";
  }
  
  .mdi-seat-legroom-normal:before {
    content: "\F47F";
  }
  
  .mdi-seat-legroom-reduced:before {
    content: "\F480";
  }
  
  .mdi-seat-recline-extra:before {
    content: "\F481";
  }
  
  .mdi-seat-recline-normal:before {
    content: "\F482";
  }
  
  .mdi-security:before {
    content: "\F483";
  }
  
  .mdi-security-home:before {
    content: "\F689";
  }
  
  .mdi-security-network:before {
    content: "\F484";
  }
  
  .mdi-select:before {
    content: "\F485";
  }
  
  .mdi-select-all:before {
    content: "\F486";
  }
  
  .mdi-select-inverse:before {
    content: "\F487";
  }
  
  .mdi-select-off:before {
    content: "\F488";
  }
  
  .mdi-selection:before {
    content: "\F489";
  }
  
  .mdi-selection-off:before {
    content: "\F776";
  }
  
  .mdi-send:before {
    content: "\F48A";
  }
  
  .mdi-send-secure:before {
    content: "\F7EC";
  }
  
  .mdi-serial-port:before {
    content: "\F65C";
  }
  
  .mdi-server:before {
    content: "\F48B";
  }
  
  .mdi-server-minus:before {
    content: "\F48C";
  }
  
  .mdi-server-network:before {
    content: "\F48D";
  }
  
  .mdi-server-network-off:before {
    content: "\F48E";
  }
  
  .mdi-server-off:before {
    content: "\F48F";
  }
  
  .mdi-server-plus:before {
    content: "\F490";
  }
  
  .mdi-server-remove:before {
    content: "\F491";
  }
  
  .mdi-server-security:before {
    content: "\F492";
  }
  
  .mdi-set-all:before {
    content: "\F777";
  }
  
  .mdi-set-center:before {
    content: "\F778";
  }
  
  .mdi-set-center-right:before {
    content: "\F779";
  }
  
  .mdi-set-left:before {
    content: "\F77A";
  }
  
  .mdi-set-left-center:before {
    content: "\F77B";
  }
  
  .mdi-set-left-right:before {
    content: "\F77C";
  }
  
  .mdi-set-none:before {
    content: "\F77D";
  }
  
  .mdi-set-right:before {
    content: "\F77E";
  }
  
  .mdi-settings:before {
    content: "\F493";
  }
  
  .mdi-settings-box:before {
    content: "\F494";
  }
  
  .mdi-shape-circle-plus:before {
    content: "\F65D";
  }
  
  .mdi-shape-plus:before {
    content: "\F495";
  }
  
  .mdi-shape-polygon-plus:before {
    content: "\F65E";
  }
  
  .mdi-shape-rectangle-plus:before {
    content: "\F65F";
  }
  
  .mdi-shape-square-plus:before {
    content: "\F660";
  }
  
  .mdi-share:before {
    content: "\F496";
  }
  
  .mdi-share-variant:before {
    content: "\F497";
  }
  
  .mdi-shield:before {
    content: "\F498";
  }
  
  .mdi-shield-half-full:before {
    content: "\F77F";
  }
  
  .mdi-shield-outline:before {
    content: "\F499";
  }
  
  .mdi-shopping:before {
    content: "\F49A";
  }
  
  .mdi-shopping-music:before {
    content: "\F49B";
  }
  
  .mdi-shovel:before {
    content: "\F70F";
  }
  
  .mdi-shovel-off:before {
    content: "\F710";
  }
  
  .mdi-shredder:before {
    content: "\F49C";
  }
  
  .mdi-shuffle:before {
    content: "\F49D";
  }
  
  .mdi-shuffle-disabled:before {
    content: "\F49E";
  }
  
  .mdi-shuffle-variant:before {
    content: "\F49F";
  }
  
  .mdi-sigma:before {
    content: "\F4A0";
  }
  
  .mdi-sigma-lower:before {
    content: "\F62B";
  }
  
  .mdi-sign-caution:before {
    content: "\F4A1";
  }
  
  .mdi-sign-direction:before {
    content: "\F780";
  }
  
  .mdi-sign-text:before {
    content: "\F781";
  }
  
  .mdi-signal:before {
    content: "\F4A2";
  }
  
  .mdi-signal-2g:before {
    content: "\F711";
  }
  
  .mdi-signal-3g:before {
    content: "\F712";
  }
  
  .mdi-signal-4g:before {
    content: "\F713";
  }
  
  .mdi-signal-hspa:before {
    content: "\F714";
  }
  
  .mdi-signal-hspa-plus:before {
    content: "\F715";
  }
  
  .mdi-signal-off:before {
    content: "\F782";
  }
  
  .mdi-signal-variant:before {
    content: "\F60A";
  }
  
  .mdi-silverware:before {
    content: "\F4A3";
  }
  
  .mdi-silverware-fork:before {
    content: "\F4A4";
  }
  
  .mdi-silverware-spoon:before {
    content: "\F4A5";
  }
  
  .mdi-silverware-variant:before {
    content: "\F4A6";
  }
  
  .mdi-sim:before {
    content: "\F4A7";
  }
  
  .mdi-sim-alert:before {
    content: "\F4A8";
  }
  
  .mdi-sim-off:before {
    content: "\F4A9";
  }
  
  .mdi-sitemap:before {
    content: "\F4AA";
  }
  
  .mdi-skip-backward:before {
    content: "\F4AB";
  }
  
  .mdi-skip-forward:before {
    content: "\F4AC";
  }
  
  .mdi-skip-next:before {
    content: "\F4AD";
  }
  
  .mdi-skip-next-circle:before {
    content: "\F661";
  }
  
  .mdi-skip-next-circle-outline:before {
    content: "\F662";
  }
  
  .mdi-skip-previous:before {
    content: "\F4AE";
  }
  
  .mdi-skip-previous-circle:before {
    content: "\F663";
  }
  
  .mdi-skip-previous-circle-outline:before {
    content: "\F664";
  }
  
  .mdi-skull:before {
    content: "\F68B";
  }
  
  .mdi-skype:before {
    content: "\F4AF";
  }
  
  .mdi-skype-business:before {
    content: "\F4B0";
  }
  
  .mdi-slack:before {
    content: "\F4B1";
  }
  
  .mdi-sleep:before {
    content: "\F4B2";
  }
  
  .mdi-sleep-off:before {
    content: "\F4B3";
  }
  
  .mdi-smoking:before {
    content: "\F4B4";
  }
  
  .mdi-smoking-off:before {
    content: "\F4B5";
  }
  
  .mdi-snapchat:before {
    content: "\F4B6";
  }
  
  .mdi-snowflake:before {
    content: "\F716";
  }
  
  .mdi-snowman:before {
    content: "\F4B7";
  }
  
  .mdi-soccer:before {
    content: "\F4B8";
  }
  
  .mdi-sofa:before {
    content: "\F4B9";
  }
  
  .mdi-solid:before {
    content: "\F68C";
  }
  
  .mdi-sort:before {
    content: "\F4BA";
  }
  
  .mdi-sort-alphabetical:before {
    content: "\F4BB";
  }
  
  .mdi-sort-ascending:before {
    content: "\F4BC";
  }
  
  .mdi-sort-descending:before {
    content: "\F4BD";
  }
  
  .mdi-sort-numeric:before {
    content: "\F4BE";
  }
  
  .mdi-sort-variant:before {
    content: "\F4BF";
  }
  
  .mdi-soundcloud:before {
    content: "\F4C0";
  }
  
  .mdi-source-branch:before {
    content: "\F62C";
  }
  
  .mdi-source-commit:before {
    content: "\F717";
  }
  
  .mdi-source-commit-end:before {
    content: "\F718";
  }
  
  .mdi-source-commit-end-local:before {
    content: "\F719";
  }
  
  .mdi-source-commit-local:before {
    content: "\F71A";
  }
  
  .mdi-source-commit-next-local:before {
    content: "\F71B";
  }
  
  .mdi-source-commit-start:before {
    content: "\F71C";
  }
  
  .mdi-source-commit-start-next-local:before {
    content: "\F71D";
  }
  
  .mdi-source-fork:before {
    content: "\F4C1";
  }
  
  .mdi-source-merge:before {
    content: "\F62D";
  }
  
  .mdi-source-pull:before {
    content: "\F4C2";
  }
  
  .mdi-soy-sauce:before {
    content: "\F7ED";
  }
  
  .mdi-speaker:before {
    content: "\F4C3";
  }
  
  .mdi-speaker-off:before {
    content: "\F4C4";
  }
  
  .mdi-speaker-wireless:before {
    content: "\F71E";
  }
  
  .mdi-speedometer:before {
    content: "\F4C5";
  }
  
  .mdi-spellcheck:before {
    content: "\F4C6";
  }
  
  .mdi-spotify:before {
    content: "\F4C7";
  }
  
  .mdi-spotlight:before {
    content: "\F4C8";
  }
  
  .mdi-spotlight-beam:before {
    content: "\F4C9";
  }
  
  .mdi-spray:before {
    content: "\F665";
  }
  
  .mdi-square:before {
    content: "\F763";
  }
  
  .mdi-square-inc:before {
    content: "\F4CA";
  }
  
  .mdi-square-inc-cash:before {
    content: "\F4CB";
  }
  
  .mdi-square-outline:before {
    content: "\F762";
  }
  
  .mdi-square-root:before {
    content: "\F783";
  }
  
  .mdi-stackexchange:before {
    content: "\F60B";
  }
  
  .mdi-stackoverflow:before {
    content: "\F4CC";
  }
  
  .mdi-stadium:before {
    content: "\F71F";
  }
  
  .mdi-stairs:before {
    content: "\F4CD";
  }
  
  .mdi-standard-definition:before {
    content: "\F7EE";
  }
  
  .mdi-star:before {
    content: "\F4CE";
  }
  
  .mdi-star-circle:before {
    content: "\F4CF";
  }
  
  .mdi-star-half:before {
    content: "\F4D0";
  }
  
  .mdi-star-off:before {
    content: "\F4D1";
  }
  
  .mdi-star-outline:before {
    content: "\F4D2";
  }
  
  .mdi-steam:before {
    content: "\F4D3";
  }
  
  .mdi-steering:before {
    content: "\F4D4";
  }
  
  .mdi-step-backward:before {
    content: "\F4D5";
  }
  
  .mdi-step-backward-2:before {
    content: "\F4D6";
  }
  
  .mdi-step-forward:before {
    content: "\F4D7";
  }
  
  .mdi-step-forward-2:before {
    content: "\F4D8";
  }
  
  .mdi-stethoscope:before {
    content: "\F4D9";
  }
  
  .mdi-sticker:before {
    content: "\F5D0";
  }
  
  .mdi-sticker-emoji:before {
    content: "\F784";
  }
  
  .mdi-stocking:before {
    content: "\F4DA";
  }
  
  .mdi-stop:before {
    content: "\F4DB";
  }
  
  .mdi-stop-circle:before {
    content: "\F666";
  }
  
  .mdi-stop-circle-outline:before {
    content: "\F667";
  }
  
  .mdi-store:before {
    content: "\F4DC";
  }
  
  .mdi-store-24-hour:before {
    content: "\F4DD";
  }
  
  .mdi-stove:before {
    content: "\F4DE";
  }
  
  .mdi-subdirectory-arrow-left:before {
    content: "\F60C";
  }
  
  .mdi-subdirectory-arrow-right:before {
    content: "\F60D";
  }
  
  .mdi-subway:before {
    content: "\F6AB";
  }
  
  .mdi-subway-variant:before {
    content: "\F4DF";
  }
  
  .mdi-summit:before {
    content: "\F785";
  }
  
  .mdi-sunglasses:before {
    content: "\F4E0";
  }
  
  .mdi-surround-sound:before {
    content: "\F5C5";
  }
  
  .mdi-surround-sound-2-0:before {
    content: "\F7EF";
  }
  
  .mdi-surround-sound-3-1:before {
    content: "\F7F0";
  }
  
  .mdi-surround-sound-5-1:before {
    content: "\F7F1";
  }
  
  .mdi-surround-sound-7-1:before {
    content: "\F7F2";
  }
  
  .mdi-svg:before {
    content: "\F720";
  }
  
  .mdi-swap-horizontal:before {
    content: "\F4E1";
  }
  
  .mdi-swap-vertical:before {
    content: "\F4E2";
  }
  
  .mdi-swim:before {
    content: "\F4E3";
  }
  
  .mdi-switch:before {
    content: "\F4E4";
  }
  
  .mdi-sword:before {
    content: "\F4E5";
  }
  
  .mdi-sword-cross:before {
    content: "\F786";
  }
  
  .mdi-sync:before {
    content: "\F4E6";
  }
  
  .mdi-sync-alert:before {
    content: "\F4E7";
  }
  
  .mdi-sync-off:before {
    content: "\F4E8";
  }
  
  .mdi-tab:before {
    content: "\F4E9";
  }
  
  .mdi-tab-plus:before {
    content: "\F75B";
  }
  
  .mdi-tab-unselected:before {
    content: "\F4EA";
  }
  
  .mdi-table:before {
    content: "\F4EB";
  }
  
  .mdi-table-column-plus-after:before {
    content: "\F4EC";
  }
  
  .mdi-table-column-plus-before:before {
    content: "\F4ED";
  }
  
  .mdi-table-column-remove:before {
    content: "\F4EE";
  }
  
  .mdi-table-column-width:before {
    content: "\F4EF";
  }
  
  .mdi-table-edit:before {
    content: "\F4F0";
  }
  
  .mdi-table-large:before {
    content: "\F4F1";
  }
  
  .mdi-table-row-height:before {
    content: "\F4F2";
  }
  
  .mdi-table-row-plus-after:before {
    content: "\F4F3";
  }
  
  .mdi-table-row-plus-before:before {
    content: "\F4F4";
  }
  
  .mdi-table-row-remove:before {
    content: "\F4F5";
  }
  
  .mdi-tablet:before {
    content: "\F4F6";
  }
  
  .mdi-tablet-android:before {
    content: "\F4F7";
  }
  
  .mdi-tablet-ipad:before {
    content: "\F4F8";
  }
  
  .mdi-taco:before {
    content: "\F761";
  }
  
  .mdi-tag:before {
    content: "\F4F9";
  }
  
  .mdi-tag-faces:before {
    content: "\F4FA";
  }
  
  .mdi-tag-heart:before {
    content: "\F68A";
  }
  
  .mdi-tag-multiple:before {
    content: "\F4FB";
  }
  
  .mdi-tag-outline:before {
    content: "\F4FC";
  }
  
  .mdi-tag-plus:before {
    content: "\F721";
  }
  
  .mdi-tag-remove:before {
    content: "\F722";
  }
  
  .mdi-tag-text-outline:before {
    content: "\F4FD";
  }
  
  .mdi-target:before {
    content: "\F4FE";
  }
  
  .mdi-taxi:before {
    content: "\F4FF";
  }
  
  .mdi-teamviewer:before {
    content: "\F500";
  }
  
  .mdi-telegram:before {
    content: "\F501";
  }
  
  .mdi-television:before {
    content: "\F502";
  }
  
  .mdi-television-classic:before {
    content: "\F7F3";
  }
  
  .mdi-television-guide:before {
    content: "\F503";
  }
  
  .mdi-temperature-celsius:before {
    content: "\F504";
  }
  
  .mdi-temperature-fahrenheit:before {
    content: "\F505";
  }
  
  .mdi-temperature-kelvin:before {
    content: "\F506";
  }
  
  .mdi-tennis:before {
    content: "\F507";
  }
  
  .mdi-tent:before {
    content: "\F508";
  }
  
  .mdi-terrain:before {
    content: "\F509";
  }
  
  .mdi-test-tube:before {
    content: "\F668";
  }
  
  .mdi-text-shadow:before {
    content: "\F669";
  }
  
  .mdi-text-to-speech:before {
    content: "\F50A";
  }
  
  .mdi-text-to-speech-off:before {
    content: "\F50B";
  }
  
  .mdi-textbox:before {
    content: "\F60E";
  }
  
  .mdi-textbox-password:before {
    content: "\F7F4";
  }
  
  .mdi-texture:before {
    content: "\F50C";
  }
  
  .mdi-theater:before {
    content: "\F50D";
  }
  
  .mdi-theme-light-dark:before {
    content: "\F50E";
  }
  
  .mdi-thermometer:before {
    content: "\F50F";
  }
  
  .mdi-thermometer-lines:before {
    content: "\F510";
  }
  
  .mdi-thought-bubble:before {
    content: "\F7F5";
  }
  
  .mdi-thought-bubble-outline:before {
    content: "\F7F6";
  }
  
  .mdi-thumb-down:before {
    content: "\F511";
  }
  
  .mdi-thumb-down-outline:before {
    content: "\F512";
  }
  
  .mdi-thumb-up:before {
    content: "\F513";
  }
  
  .mdi-thumb-up-outline:before {
    content: "\F514";
  }
  
  .mdi-thumbs-up-down:before {
    content: "\F515";
  }
  
  .mdi-ticket:before {
    content: "\F516";
  }
  
  .mdi-ticket-account:before {
    content: "\F517";
  }
  
  .mdi-ticket-confirmation:before {
    content: "\F518";
  }
  
  .mdi-ticket-percent:before {
    content: "\F723";
  }
  
  .mdi-tie:before {
    content: "\F519";
  }
  
  .mdi-tilde:before {
    content: "\F724";
  }
  
  .mdi-timelapse:before {
    content: "\F51A";
  }
  
  .mdi-timer:before {
    content: "\F51B";
  }
  
  .mdi-timer-10:before {
    content: "\F51C";
  }
  
  .mdi-timer-3:before {
    content: "\F51D";
  }
  
  .mdi-timer-off:before {
    content: "\F51E";
  }
  
  .mdi-timer-sand:before {
    content: "\F51F";
  }
  
  .mdi-timer-sand-empty:before {
    content: "\F6AC";
  }
  
  .mdi-timer-sand-full:before {
    content: "\F78B";
  }
  
  .mdi-timetable:before {
    content: "\F520";
  }
  
  .mdi-toggle-switch:before {
    content: "\F521";
  }
  
  .mdi-toggle-switch-off:before {
    content: "\F522";
  }
  
  .mdi-tooltip:before {
    content: "\F523";
  }
  
  .mdi-tooltip-edit:before {
    content: "\F524";
  }
  
  .mdi-tooltip-image:before {
    content: "\F525";
  }
  
  .mdi-tooltip-outline:before {
    content: "\F526";
  }
  
  .mdi-tooltip-outline-plus:before {
    content: "\F527";
  }
  
  .mdi-tooltip-text:before {
    content: "\F528";
  }
  
  .mdi-tooth:before {
    content: "\F529";
  }
  
  .mdi-tor:before {
    content: "\F52A";
  }
  
  .mdi-tower-beach:before {
    content: "\F680";
  }
  
  .mdi-tower-fire:before {
    content: "\F681";
  }
  
  .mdi-trackpad:before {
    content: "\F7F7";
  }
  
  .mdi-traffic-light:before {
    content: "\F52B";
  }
  
  .mdi-train:before {
    content: "\F52C";
  }
  
  .mdi-tram:before {
    content: "\F52D";
  }
  
  .mdi-transcribe:before {
    content: "\F52E";
  }
  
  .mdi-transcribe-close:before {
    content: "\F52F";
  }
  
  .mdi-transfer:before {
    content: "\F530";
  }
  
  .mdi-transit-transfer:before {
    content: "\F6AD";
  }
  
  .mdi-translate:before {
    content: "\F5CA";
  }
  
  .mdi-treasure-chest:before {
    content: "\F725";
  }
  
  .mdi-tree:before {
    content: "\F531";
  }
  
  .mdi-trello:before {
    content: "\F532";
  }
  
  .mdi-trending-down:before {
    content: "\F533";
  }
  
  .mdi-trending-neutral:before {
    content: "\F534";
  }
  
  .mdi-trending-up:before {
    content: "\F535";
  }
  
  .mdi-triangle:before {
    content: "\F536";
  }
  
  .mdi-triangle-outline:before {
    content: "\F537";
  }
  
  .mdi-trophy:before {
    content: "\F538";
  }
  
  .mdi-trophy-award:before {
    content: "\F539";
  }
  
  .mdi-trophy-outline:before {
    content: "\F53A";
  }
  
  .mdi-trophy-variant:before {
    content: "\F53B";
  }
  
  .mdi-trophy-variant-outline:before {
    content: "\F53C";
  }
  
  .mdi-truck:before {
    content: "\F53D";
  }
  
  .mdi-truck-delivery:before {
    content: "\F53E";
  }
  
  .mdi-truck-fast:before {
    content: "\F787";
  }
  
  .mdi-truck-trailer:before {
    content: "\F726";
  }
  
  .mdi-tshirt-crew:before {
    content: "\F53F";
  }
  
  .mdi-tshirt-v:before {
    content: "\F540";
  }
  
  .mdi-tumblr:before {
    content: "\F541";
  }
  
  .mdi-tumblr-reblog:before {
    content: "\F542";
  }
  
  .mdi-tune:before {
    content: "\F62E";
  }
  
  .mdi-tune-vertical:before {
    content: "\F66A";
  }
  
  .mdi-twitch:before {
    content: "\F543";
  }
  
  .mdi-twitter:before {
    content: "\F544";
  }
  
  .mdi-twitter-box:before {
    content: "\F545";
  }
  
  .mdi-twitter-circle:before {
    content: "\F546";
  }
  
  .mdi-twitter-retweet:before {
    content: "\F547";
  }
  
  .mdi-uber:before {
    content: "\F748";
  }
  
  .mdi-ubuntu:before {
    content: "\F548";
  }
  
  .mdi-ultra-high-definition:before {
    content: "\F7F8";
  }
  
  .mdi-umbraco:before {
    content: "\F549";
  }
  
  .mdi-umbrella:before {
    content: "\F54A";
  }
  
  .mdi-umbrella-outline:before {
    content: "\F54B";
  }
  
  .mdi-undo:before {
    content: "\F54C";
  }
  
  .mdi-undo-variant:before {
    content: "\F54D";
  }
  
  .mdi-unfold-less-horizontal:before {
    content: "\F54E";
  }
  
  .mdi-unfold-less-vertical:before {
    content: "\F75F";
  }
  
  .mdi-unfold-more-horizontal:before {
    content: "\F54F";
  }
  
  .mdi-unfold-more-vertical:before {
    content: "\F760";
  }
  
  .mdi-ungroup:before {
    content: "\F550";
  }
  
  .mdi-unity:before {
    content: "\F6AE";
  }
  
  .mdi-untappd:before {
    content: "\F551";
  }
  
  .mdi-update:before {
    content: "\F6AF";
  }
  
  .mdi-upload:before {
    content: "\F552";
  }
  
  .mdi-upload-network:before {
    content: "\F6F5";
  }
  
  .mdi-usb:before {
    content: "\F553";
  }
  
  .mdi-van-passenger:before {
    content: "\F7F9";
  }
  
  .mdi-van-utility:before {
    content: "\F7FA";
  }
  
  .mdi-vanish:before {
    content: "\F7FB";
  }
  
  .mdi-vector-arrange-above:before {
    content: "\F554";
  }
  
  .mdi-vector-arrange-below:before {
    content: "\F555";
  }
  
  .mdi-vector-circle:before {
    content: "\F556";
  }
  
  .mdi-vector-circle-variant:before {
    content: "\F557";
  }
  
  .mdi-vector-combine:before {
    content: "\F558";
  }
  
  .mdi-vector-curve:before {
    content: "\F559";
  }
  
  .mdi-vector-difference:before {
    content: "\F55A";
  }
  
  .mdi-vector-difference-ab:before {
    content: "\F55B";
  }
  
  .mdi-vector-difference-ba:before {
    content: "\F55C";
  }
  
  .mdi-vector-intersection:before {
    content: "\F55D";
  }
  
  .mdi-vector-line:before {
    content: "\F55E";
  }
  
  .mdi-vector-point:before {
    content: "\F55F";
  }
  
  .mdi-vector-polygon:before {
    content: "\F560";
  }
  
  .mdi-vector-polyline:before {
    content: "\F561";
  }
  
  .mdi-vector-radius:before {
    content: "\F749";
  }
  
  .mdi-vector-rectangle:before {
    content: "\F5C6";
  }
  
  .mdi-vector-selection:before {
    content: "\F562";
  }
  
  .mdi-vector-square:before {
    content: "\F001";
  }
  
  .mdi-vector-triangle:before {
    content: "\F563";
  }
  
  .mdi-vector-union:before {
    content: "\F564";
  }
  
  .mdi-verified:before {
    content: "\F565";
  }
  
  .mdi-vibrate:before {
    content: "\F566";
  }
  
  .mdi-video:before {
    content: "\F567";
  }
  
  .mdi-video-3d:before {
    content: "\F7FC";
  }
  
  .mdi-video-off:before {
    content: "\F568";
  }
  
  .mdi-video-switch:before {
    content: "\F569";
  }
  
  .mdi-view-agenda:before {
    content: "\F56A";
  }
  
  .mdi-view-array:before {
    content: "\F56B";
  }
  
  .mdi-view-carousel:before {
    content: "\F56C";
  }
  
  .mdi-view-column:before {
    content: "\F56D";
  }
  
  .mdi-view-dashboard:before {
    content: "\F56E";
  }
  
  .mdi-view-day:before {
    content: "\F56F";
  }
  
  .mdi-view-grid:before {
    content: "\F570";
  }
  
  .mdi-view-headline:before {
    content: "\F571";
  }
  
  .mdi-view-list:before {
    content: "\F572";
  }
  
  .mdi-view-module:before {
    content: "\F573";
  }
  
  .mdi-view-parallel:before {
    content: "\F727";
  }
  
  .mdi-view-quilt:before {
    content: "\F574";
  }
  
  .mdi-view-sequential:before {
    content: "\F728";
  }
  
  .mdi-view-stream:before {
    content: "\F575";
  }
  
  .mdi-view-week:before {
    content: "\F576";
  }
  
  .mdi-vimeo:before {
    content: "\F577";
  }
  
  .mdi-vine:before {
    content: "\F578";
  }
  
  .mdi-violin:before {
    content: "\F60F";
  }
  
  .mdi-visualstudio:before {
    content: "\F610";
  }
  
  .mdi-vk:before {
    content: "\F579";
  }
  
  .mdi-vk-box:before {
    content: "\F57A";
  }
  
  .mdi-vk-circle:before {
    content: "\F57B";
  }
  
  .mdi-vlc:before {
    content: "\F57C";
  }
  
  .mdi-voice:before {
    content: "\F5CB";
  }
  
  .mdi-voicemail:before {
    content: "\F57D";
  }
  
  .mdi-volume-high:before {
    content: "\F57E";
  }
  
  .mdi-volume-low:before {
    content: "\F57F";
  }
  
  .mdi-volume-medium:before {
    content: "\F580";
  }
  
  .mdi-volume-minus:before {
    content: "\F75D";
  }
  
  .mdi-volume-mute:before {
    content: "\F75E";
  }
  
  .mdi-volume-off:before {
    content: "\F581";
  }
  
  .mdi-volume-plus:before {
    content: "\F75C";
  }
  
  .mdi-vpn:before {
    content: "\F582";
  }
  
  .mdi-walk:before {
    content: "\F583";
  }
  
  .mdi-wall:before {
    content: "\F7FD";
  }
  
  .mdi-wallet:before {
    content: "\F584";
  }
  
  .mdi-wallet-giftcard:before {
    content: "\F585";
  }
  
  .mdi-wallet-membership:before {
    content: "\F586";
  }
  
  .mdi-wallet-travel:before {
    content: "\F587";
  }
  
  .mdi-wan:before {
    content: "\F588";
  }
  
  .mdi-washing-machine:before {
    content: "\F729";
  }
  
  .mdi-watch:before {
    content: "\F589";
  }
  
  .mdi-watch-export:before {
    content: "\F58A";
  }
  
  .mdi-watch-import:before {
    content: "\F58B";
  }
  
  .mdi-watch-vibrate:before {
    content: "\F6B0";
  }
  
  .mdi-water:before {
    content: "\F58C";
  }
  
  .mdi-water-off:before {
    content: "\F58D";
  }
  
  .mdi-water-percent:before {
    content: "\F58E";
  }
  
  .mdi-water-pump:before {
    content: "\F58F";
  }
  
  .mdi-watermark:before {
    content: "\F612";
  }
  
  .mdi-waves:before {
    content: "\F78C";
  }
  
  .mdi-weather-cloudy:before {
    content: "\F590";
  }
  
  .mdi-weather-fog:before {
    content: "\F591";
  }
  
  .mdi-weather-hail:before {
    content: "\F592";
  }
  
  .mdi-weather-lightning:before {
    content: "\F593";
  }
  
  .mdi-weather-lightning-rainy:before {
    content: "\F67D";
  }
  
  .mdi-weather-night:before {
    content: "\F594";
  }
  
  .mdi-weather-partlycloudy:before {
    content: "\F595";
  }
  
  .mdi-weather-pouring:before {
    content: "\F596";
  }
  
  .mdi-weather-rainy:before {
    content: "\F597";
  }
  
  .mdi-weather-snowy:before {
    content: "\F598";
  }
  
  .mdi-weather-snowy-rainy:before {
    content: "\F67E";
  }
  
  .mdi-weather-sunny:before {
    content: "\F599";
  }
  
  .mdi-weather-sunset:before {
    content: "\F59A";
  }
  
  .mdi-weather-sunset-down:before {
    content: "\F59B";
  }
  
  .mdi-weather-sunset-up:before {
    content: "\F59C";
  }
  
  .mdi-weather-windy:before {
    content: "\F59D";
  }
  
  .mdi-weather-windy-variant:before {
    content: "\F59E";
  }
  
  .mdi-web:before {
    content: "\F59F";
  }
  
  .mdi-webcam:before {
    content: "\F5A0";
  }
  
  .mdi-webhook:before {
    content: "\F62F";
  }
  
  .mdi-webpack:before {
    content: "\F72A";
  }
  
  .mdi-wechat:before {
    content: "\F611";
  }
  
  .mdi-weight:before {
    content: "\F5A1";
  }
  
  .mdi-weight-kilogram:before {
    content: "\F5A2";
  }
  
  .mdi-whatsapp:before {
    content: "\F5A3";
  }
  
  .mdi-wheelchair-accessibility:before {
    content: "\F5A4";
  }
  
  .mdi-white-balance-auto:before {
    content: "\F5A5";
  }
  
  .mdi-white-balance-incandescent:before {
    content: "\F5A6";
  }
  
  .mdi-white-balance-iridescent:before {
    content: "\F5A7";
  }
  
  .mdi-white-balance-sunny:before {
    content: "\F5A8";
  }
  
  .mdi-widgets:before {
    content: "\F72B";
  }
  
  .mdi-wifi:before {
    content: "\F5A9";
  }
  
  .mdi-wifi-off:before {
    content: "\F5AA";
  }
  
  .mdi-wii:before {
    content: "\F5AB";
  }
  
  .mdi-wiiu:before {
    content: "\F72C";
  }
  
  .mdi-wikipedia:before {
    content: "\F5AC";
  }
  
  .mdi-window-close:before {
    content: "\F5AD";
  }
  
  .mdi-window-closed:before {
    content: "\F5AE";
  }
  
  .mdi-window-maximize:before {
    content: "\F5AF";
  }
  
  .mdi-window-minimize:before {
    content: "\F5B0";
  }
  
  .mdi-window-open:before {
    content: "\F5B1";
  }
  
  .mdi-window-restore:before {
    content: "\F5B2";
  }
  
  .mdi-windows:before {
    content: "\F5B3";
  }
  
  .mdi-wordpress:before {
    content: "\F5B4";
  }
  
  .mdi-worker:before {
    content: "\F5B5";
  }
  
  .mdi-wrap:before {
    content: "\F5B6";
  }
  
  .mdi-wrench:before {
    content: "\F5B7";
  }
  
  .mdi-wunderlist:before {
    content: "\F5B8";
  }
  
  .mdi-xaml:before {
    content: "\F673";
  }
  
  .mdi-xbox:before {
    content: "\F5B9";
  }
  
  .mdi-xbox-controller:before {
    content: "\F5BA";
  }
  
  .mdi-xbox-controller-battery-alert:before {
    content: "\F74A";
  }
  
  .mdi-xbox-controller-battery-empty:before {
    content: "\F74B";
  }
  
  .mdi-xbox-controller-battery-full:before {
    content: "\F74C";
  }
  
  .mdi-xbox-controller-battery-low:before {
    content: "\F74D";
  }
  
  .mdi-xbox-controller-battery-medium:before {
    content: "\F74E";
  }
  
  .mdi-xbox-controller-battery-unknown:before {
    content: "\F74F";
  }
  
  .mdi-xbox-controller-off:before {
    content: "\F5BB";
  }
  
  .mdi-xda:before {
    content: "\F5BC";
  }
  
  .mdi-xing:before {
    content: "\F5BD";
  }
  
  .mdi-xing-box:before {
    content: "\F5BE";
  }
  
  .mdi-xing-circle:before {
    content: "\F5BF";
  }
  
  .mdi-xml:before {
    content: "\F5C0";
  }
  
  .mdi-xmpp:before {
    content: "\F7FE";
  }
  
  .mdi-yammer:before {
    content: "\F788";
  }
  
  .mdi-yeast:before {
    content: "\F5C1";
  }
  
  .mdi-yelp:before {
    content: "\F5C2";
  }
  
  .mdi-yin-yang:before {
    content: "\F67F";
  }
  
  .mdi-youtube-play:before {
    content: "\F5C3";
  }
  
  .mdi-zip-box:before {
    content: "\F5C4";
  }
  
  .mdi-blank:before {
    content: "\F68C";
    visibility: hidden;
  }
  
  .mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px;
  }
  
  .mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px;
  }
  
  .mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px;
  }
  
  .mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px;
  }
  
  .mdi-dark:before {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdi-dark.mdi-inactive:before {
    color: rgba(0, 0, 0, 0.26);
  }
  
  .mdi-light:before {
    color: white;
  }
  .mdi-light.mdi-inactive:before {
    color: rgba(255, 255, 255, 0.3);
  }
  
  .mdi-rotate-45 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(45deg);
        transform: scaleX(-1) rotate(45deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: scaleY(-1) rotate(45deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .mdi-rotate-90 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(90deg);
        transform: scaleX(-1) rotate(90deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: scaleY(-1) rotate(90deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  
  .mdi-rotate-135 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(135deg);
        transform: scaleX(-1) rotate(135deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: scaleY(-1) rotate(135deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  .mdi-rotate-180 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(180deg);
        transform: scaleX(-1) rotate(180deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: scaleY(-1) rotate(180deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .mdi-rotate-225 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(225deg);
        transform: scaleX(-1) rotate(225deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: scaleY(-1) rotate(225deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  
  .mdi-rotate-270 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(270deg);
        transform: scaleX(-1) rotate(270deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: scaleY(-1) rotate(270deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  
  .mdi-rotate-315 {
    /*
    // Not included in production
    &.mdi-flip-h:before {
        -webkit-transform: scaleX(-1) rotate(315deg);
        transform: scaleX(-1) rotate(315deg);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    &.mdi-flip-v:before {
        -webkit-transform: scaleY(-1) rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: scaleY(-1) rotate(315deg);
        filter: FlipV;
        -ms-filter: "FlipV";
    }
    */
  }
  .mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  
  .mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
  
  .mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
  }
  
  .mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
  }
  
  @-webkit-keyframes mdi-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes mdi-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  /* perfect-scrollbar v0.7.1 */
  .ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps{overflow:auto !important}}.ps.ps--active-x>.ps__scrollbar-x-rail,.ps.ps--active-y>.ps__scrollbar-y-rail{display:block;background-color:transparent}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps>.ps__scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x{height:11px}.ps>.ps__scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y,.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y{width:11px}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps:hover>.ps__scrollbar-x-rail,.ps:hover>.ps__scrollbar-y-rail{opacity:.6}.ps:hover>.ps__scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x{background-color:#999}.ps:hover>.ps__scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y{background-color:#999}
  
  @-moz-keyframes flash {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-webkit-keyframes flash {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes flash {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-ms-keyframes flash {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes flash {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 0;
      }
      50% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes bounce {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      40% {
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      50% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      60% {
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px);
      }
      80% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes bounce {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      40% {
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      50% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      60% {
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px);
      }
      80% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-o-keyframes bounce {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      40% {
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      50% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      60% {
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px);
      }
      80% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-ms-keyframes bounce {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      40% {
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      50% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      60% {
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px);
      }
      80% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @keyframes bounce {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      40% {
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      50% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      60% {
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px);
      }
      80% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-moz-keyframes shake {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      10% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      20% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      30% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      40% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      50% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      60% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      70% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      90% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-webkit-keyframes shake {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      10% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      20% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      30% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      40% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      50% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      60% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      70% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      90% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-o-keyframes shake {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      10% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      20% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      30% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      40% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      50% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      60% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      70% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      90% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-ms-keyframes shake {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      10% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      20% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      30% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      40% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      50% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      60% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      70% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      90% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @keyframes shake {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      10% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      20% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      30% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      40% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      50% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      60% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      70% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      90% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-moz-keyframes tada {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      10% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      20% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      30% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      40% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      50% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      60% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      70% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      80% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      90% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      100% {
          -webkit-transform: scale(1) rotate(0);
          -moz-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
          -o-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
      }
  }
  
  @-webkit-keyframes tada {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      10% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      20% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      30% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      40% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      50% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      60% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      70% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      80% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      90% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      100% {
          -webkit-transform: scale(1) rotate(0);
          -moz-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
          -o-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
      }
  }
  
  @-o-keyframes tada {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      10% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      20% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      30% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      40% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      50% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      60% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      70% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      80% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      90% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      100% {
          -webkit-transform: scale(1) rotate(0);
          -moz-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
          -o-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
      }
  }
  
  @-ms-keyframes tada {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      10% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      20% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      30% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      40% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      50% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      60% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      70% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      80% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      90% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      100% {
          -webkit-transform: scale(1) rotate(0);
          -moz-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
          -o-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
      }
  }
  
  @keyframes tada {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      10% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      20% {
          -webkit-transform: scale(0.9) rotate(-3deg);
          -moz-transform: scale(0.9) rotate(-3deg);
          -ms-transform: scale(0.9) rotate(-3deg);
          -o-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
      }
      30% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      40% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      50% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      60% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      70% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      80% {
          -webkit-transform: scale(1.1) rotate(-3deg);
          -moz-transform: scale(1.1) rotate(-3deg);
          -ms-transform: scale(1.1) rotate(-3deg);
          -o-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
      }
      90% {
          -webkit-transform: scale(1.1) rotate(3deg);
          -moz-transform: scale(1.1) rotate(3deg);
          -ms-transform: scale(1.1) rotate(3deg);
          -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
      }
      100% {
          -webkit-transform: scale(1) rotate(0);
          -moz-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
          -o-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
      }
  }
  
  @-moz-keyframes swing {
      20%,
      40%,
      60%,
      80%,
      100% {
          -webkit-transform-origin: top center 50%;
          -moz-transform-origin: top center 50%;
          -ms-transform-origin: top center 50%;
          -o-transform-origin: top center 50%;
          transform-origin: top center 50%;
      }
      20% {
          -webkit-transform: rotate(15deg);
          -moz-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          -o-transform: rotate(15deg);
          transform: rotate(15deg);
      }
      40% {
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
      }
      60% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
      }
      80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
      }
      100% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  }
  
  @-webkit-keyframes swing {
      20%,
      40%,
      60%,
      80%,
      100% {
          -webkit-transform-origin: top center 50%;
          -moz-transform-origin: top center 50%;
          -ms-transform-origin: top center 50%;
          -o-transform-origin: top center 50%;
          transform-origin: top center 50%;
      }
      20% {
          -webkit-transform: rotate(15deg);
          -moz-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          -o-transform: rotate(15deg);
          transform: rotate(15deg);
      }
      40% {
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
      }
      60% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
      }
      80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
      }
      100% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  }
  
  @-o-keyframes swing {
      20%,
      40%,
      60%,
      80%,
      100% {
          -webkit-transform-origin: top center 50%;
          -moz-transform-origin: top center 50%;
          -ms-transform-origin: top center 50%;
          -o-transform-origin: top center 50%;
          transform-origin: top center 50%;
      }
      20% {
          -webkit-transform: rotate(15deg);
          -moz-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          -o-transform: rotate(15deg);
          transform: rotate(15deg);
      }
      40% {
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
      }
      60% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
      }
      80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
      }
      100% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  }
  
  @-ms-keyframes swing {
      20%,
      40%,
      60%,
      80%,
      100% {
          -webkit-transform-origin: top center 50%;
          -moz-transform-origin: top center 50%;
          -ms-transform-origin: top center 50%;
          -o-transform-origin: top center 50%;
          transform-origin: top center 50%;
      }
      20% {
          -webkit-transform: rotate(15deg);
          -moz-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          -o-transform: rotate(15deg);
          transform: rotate(15deg);
      }
      40% {
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
      }
      60% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
      }
      80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
      }
      100% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  }
  
  @keyframes swing {
      20%,
      40%,
      60%,
      80%,
      100% {
          -webkit-transform-origin: top center 50%;
          -moz-transform-origin: top center 50%;
          -ms-transform-origin: top center 50%;
          -o-transform-origin: top center 50%;
          transform-origin: top center 50%;
      }
      20% {
          -webkit-transform: rotate(15deg);
          -moz-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
          -o-transform: rotate(15deg);
          transform: rotate(15deg);
      }
      40% {
          -webkit-transform: rotate(-10deg);
          -moz-transform: rotate(-10deg);
          -ms-transform: rotate(-10deg);
          -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
      }
      60% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
          -o-transform: rotate(5deg);
          transform: rotate(5deg);
      }
      80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
      }
      100% {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
  }
  
  @-moz-keyframes wobble {
      0% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
      15% {
          -webkit-transform: translateX(-25%) rotate(-5deg);
          -moz-transform: translateX(-25%) rotate(-5deg);
          -ms-transform: translateX(-25%) rotate(-5deg);
          -o-transform: translateX(-25%) rotate(-5deg);
          transform: translateX(-25%) rotate(-5deg);
      }
      30% {
          -webkit-transform: translateX(20%) rotate(3deg);
          -moz-transform: translateX(20%) rotate(3deg);
          -ms-transform: translateX(20%) rotate(3deg);
          -o-transform: translateX(20%) rotate(3deg);
          transform: translateX(20%) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-15%) rotate(-3deg);
          -moz-transform: translateX(-15%) rotate(-3deg);
          -ms-transform: translateX(-15%) rotate(-3deg);
          -o-transform: translateX(-15%) rotate(-3deg);
          transform: translateX(-15%) rotate(-3deg);
      }
      60% {
          -webkit-transform: translateX(10%) rotate(2deg);
          -moz-transform: translateX(10%) rotate(2deg);
          -ms-transform: translateX(10%) rotate(2deg);
          -o-transform: translateX(10%) rotate(2deg);
          transform: translateX(10%) rotate(2deg);
      }
      75% {
          -webkit-transform: translateX(-5%) rotate(-1deg);
          -moz-transform: translateX(-5%) rotate(-1deg);
          -ms-transform: translateX(-5%) rotate(-1deg);
          -o-transform: translateX(-5%) rotate(-1deg);
          transform: translateX(-5%) rotate(-1deg);
      }
      100% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
  }
  
  @-webkit-keyframes wobble {
      0% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
      15% {
          -webkit-transform: translateX(-25%) rotate(-5deg);
          -moz-transform: translateX(-25%) rotate(-5deg);
          -ms-transform: translateX(-25%) rotate(-5deg);
          -o-transform: translateX(-25%) rotate(-5deg);
          transform: translateX(-25%) rotate(-5deg);
      }
      30% {
          -webkit-transform: translateX(20%) rotate(3deg);
          -moz-transform: translateX(20%) rotate(3deg);
          -ms-transform: translateX(20%) rotate(3deg);
          -o-transform: translateX(20%) rotate(3deg);
          transform: translateX(20%) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-15%) rotate(-3deg);
          -moz-transform: translateX(-15%) rotate(-3deg);
          -ms-transform: translateX(-15%) rotate(-3deg);
          -o-transform: translateX(-15%) rotate(-3deg);
          transform: translateX(-15%) rotate(-3deg);
      }
      60% {
          -webkit-transform: translateX(10%) rotate(2deg);
          -moz-transform: translateX(10%) rotate(2deg);
          -ms-transform: translateX(10%) rotate(2deg);
          -o-transform: translateX(10%) rotate(2deg);
          transform: translateX(10%) rotate(2deg);
      }
      75% {
          -webkit-transform: translateX(-5%) rotate(-1deg);
          -moz-transform: translateX(-5%) rotate(-1deg);
          -ms-transform: translateX(-5%) rotate(-1deg);
          -o-transform: translateX(-5%) rotate(-1deg);
          transform: translateX(-5%) rotate(-1deg);
      }
      100% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
  }
  
  @-o-keyframes wobble {
      0% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
      15% {
          -webkit-transform: translateX(-25%) rotate(-5deg);
          -moz-transform: translateX(-25%) rotate(-5deg);
          -ms-transform: translateX(-25%) rotate(-5deg);
          -o-transform: translateX(-25%) rotate(-5deg);
          transform: translateX(-25%) rotate(-5deg);
      }
      30% {
          -webkit-transform: translateX(20%) rotate(3deg);
          -moz-transform: translateX(20%) rotate(3deg);
          -ms-transform: translateX(20%) rotate(3deg);
          -o-transform: translateX(20%) rotate(3deg);
          transform: translateX(20%) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-15%) rotate(-3deg);
          -moz-transform: translateX(-15%) rotate(-3deg);
          -ms-transform: translateX(-15%) rotate(-3deg);
          -o-transform: translateX(-15%) rotate(-3deg);
          transform: translateX(-15%) rotate(-3deg);
      }
      60% {
          -webkit-transform: translateX(10%) rotate(2deg);
          -moz-transform: translateX(10%) rotate(2deg);
          -ms-transform: translateX(10%) rotate(2deg);
          -o-transform: translateX(10%) rotate(2deg);
          transform: translateX(10%) rotate(2deg);
      }
      75% {
          -webkit-transform: translateX(-5%) rotate(-1deg);
          -moz-transform: translateX(-5%) rotate(-1deg);
          -ms-transform: translateX(-5%) rotate(-1deg);
          -o-transform: translateX(-5%) rotate(-1deg);
          transform: translateX(-5%) rotate(-1deg);
      }
      100% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
  }
  
  @-ms-keyframes wobble {
      0% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
      15% {
          -webkit-transform: translateX(-25%) rotate(-5deg);
          -moz-transform: translateX(-25%) rotate(-5deg);
          -ms-transform: translateX(-25%) rotate(-5deg);
          -o-transform: translateX(-25%) rotate(-5deg);
          transform: translateX(-25%) rotate(-5deg);
      }
      30% {
          -webkit-transform: translateX(20%) rotate(3deg);
          -moz-transform: translateX(20%) rotate(3deg);
          -ms-transform: translateX(20%) rotate(3deg);
          -o-transform: translateX(20%) rotate(3deg);
          transform: translateX(20%) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-15%) rotate(-3deg);
          -moz-transform: translateX(-15%) rotate(-3deg);
          -ms-transform: translateX(-15%) rotate(-3deg);
          -o-transform: translateX(-15%) rotate(-3deg);
          transform: translateX(-15%) rotate(-3deg);
      }
      60% {
          -webkit-transform: translateX(10%) rotate(2deg);
          -moz-transform: translateX(10%) rotate(2deg);
          -ms-transform: translateX(10%) rotate(2deg);
          -o-transform: translateX(10%) rotate(2deg);
          transform: translateX(10%) rotate(2deg);
      }
      75% {
          -webkit-transform: translateX(-5%) rotate(-1deg);
          -moz-transform: translateX(-5%) rotate(-1deg);
          -ms-transform: translateX(-5%) rotate(-1deg);
          -o-transform: translateX(-5%) rotate(-1deg);
          transform: translateX(-5%) rotate(-1deg);
      }
      100% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
  }
  
  @keyframes wobble {
      0% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
      15% {
          -webkit-transform: translateX(-25%) rotate(-5deg);
          -moz-transform: translateX(-25%) rotate(-5deg);
          -ms-transform: translateX(-25%) rotate(-5deg);
          -o-transform: translateX(-25%) rotate(-5deg);
          transform: translateX(-25%) rotate(-5deg);
      }
      30% {
          -webkit-transform: translateX(20%) rotate(3deg);
          -moz-transform: translateX(20%) rotate(3deg);
          -ms-transform: translateX(20%) rotate(3deg);
          -o-transform: translateX(20%) rotate(3deg);
          transform: translateX(20%) rotate(3deg);
      }
      45% {
          -webkit-transform: translateX(-15%) rotate(-3deg);
          -moz-transform: translateX(-15%) rotate(-3deg);
          -ms-transform: translateX(-15%) rotate(-3deg);
          -o-transform: translateX(-15%) rotate(-3deg);
          transform: translateX(-15%) rotate(-3deg);
      }
      60% {
          -webkit-transform: translateX(10%) rotate(2deg);
          -moz-transform: translateX(10%) rotate(2deg);
          -ms-transform: translateX(10%) rotate(2deg);
          -o-transform: translateX(10%) rotate(2deg);
          transform: translateX(10%) rotate(2deg);
      }
      75% {
          -webkit-transform: translateX(-5%) rotate(-1deg);
          -moz-transform: translateX(-5%) rotate(-1deg);
          -ms-transform: translateX(-5%) rotate(-1deg);
          -o-transform: translateX(-5%) rotate(-1deg);
          transform: translateX(-5%) rotate(-1deg);
      }
      100% {
          -webkit-transform: translateX(0%);
          -moz-transform: translateX(0%);
          -ms-transform: translateX(0%);
          -o-transform: translateX(0%);
          transform: translateX(0%);
      }
  }
  
  @-moz-keyframes pulse {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      50% {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes pulse {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      50% {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-o-keyframes pulse {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      50% {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-ms-keyframes pulse {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      50% {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @keyframes pulse {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      50% {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-moz-keyframes wiggle {
      0% {
          -webkit-transform: skewX(9deg);
          -moz-transform: skewX(9deg);
          -ms-transform: skewX(9deg);
          -o-transform: skewX(9deg);
          transform: skewX(9deg);
      }
      10% {
          -webkit-transform: skewX(-8deg);
          -moz-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
          -o-transform: skewX(-8deg);
          transform: skewX(-8deg);
      }
      20% {
          -webkit-transform: skewX(7deg);
          -moz-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
          -o-transform: skewX(7deg);
          transform: skewX(7deg);
      }
      30% {
          -webkit-transform: skewX(-6deg);
          -moz-transform: skewX(-6deg);
          -ms-transform: skewX(-6deg);
          -o-transform: skewX(-6deg);
          transform: skewX(-6deg);
      }
      40% {
          -webkit-transform: skewX(5deg);
          -moz-transform: skewX(5deg);
          -ms-transform: skewX(5deg);
          -o-transform: skewX(5deg);
          transform: skewX(5deg);
      }
      50% {
          -webkit-transform: skewX(-4deg);
          -moz-transform: skewX(-4deg);
          -ms-transform: skewX(-4deg);
          -o-transform: skewX(-4deg);
          transform: skewX(-4deg);
      }
      60% {
          -webkit-transform: skewX(3deg);
          -moz-transform: skewX(3deg);
          -ms-transform: skewX(3deg);
          -o-transform: skewX(3deg);
          transform: skewX(3deg);
      }
      70% {
          -webkit-transform: skewX(-2deg);
          -moz-transform: skewX(-2deg);
          -ms-transform: skewX(-2deg);
          -o-transform: skewX(-2deg);
          transform: skewX(-2deg);
      }
      80% {
          -webkit-transform: skewX(1deg);
          -moz-transform: skewX(1deg);
          -ms-transform: skewX(1deg);
          -o-transform: skewX(1deg);
          transform: skewX(1deg);
      }
      90% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
      100% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
  }
  
  @-webkit-keyframes wiggle {
      0% {
          -webkit-transform: skewX(9deg);
          -moz-transform: skewX(9deg);
          -ms-transform: skewX(9deg);
          -o-transform: skewX(9deg);
          transform: skewX(9deg);
      }
      10% {
          -webkit-transform: skewX(-8deg);
          -moz-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
          -o-transform: skewX(-8deg);
          transform: skewX(-8deg);
      }
      20% {
          -webkit-transform: skewX(7deg);
          -moz-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
          -o-transform: skewX(7deg);
          transform: skewX(7deg);
      }
      30% {
          -webkit-transform: skewX(-6deg);
          -moz-transform: skewX(-6deg);
          -ms-transform: skewX(-6deg);
          -o-transform: skewX(-6deg);
          transform: skewX(-6deg);
      }
      40% {
          -webkit-transform: skewX(5deg);
          -moz-transform: skewX(5deg);
          -ms-transform: skewX(5deg);
          -o-transform: skewX(5deg);
          transform: skewX(5deg);
      }
      50% {
          -webkit-transform: skewX(-4deg);
          -moz-transform: skewX(-4deg);
          -ms-transform: skewX(-4deg);
          -o-transform: skewX(-4deg);
          transform: skewX(-4deg);
      }
      60% {
          -webkit-transform: skewX(3deg);
          -moz-transform: skewX(3deg);
          -ms-transform: skewX(3deg);
          -o-transform: skewX(3deg);
          transform: skewX(3deg);
      }
      70% {
          -webkit-transform: skewX(-2deg);
          -moz-transform: skewX(-2deg);
          -ms-transform: skewX(-2deg);
          -o-transform: skewX(-2deg);
          transform: skewX(-2deg);
      }
      80% {
          -webkit-transform: skewX(1deg);
          -moz-transform: skewX(1deg);
          -ms-transform: skewX(1deg);
          -o-transform: skewX(1deg);
          transform: skewX(1deg);
      }
      90% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
      100% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
  }
  
  @-o-keyframes wiggle {
      0% {
          -webkit-transform: skewX(9deg);
          -moz-transform: skewX(9deg);
          -ms-transform: skewX(9deg);
          -o-transform: skewX(9deg);
          transform: skewX(9deg);
      }
      10% {
          -webkit-transform: skewX(-8deg);
          -moz-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
          -o-transform: skewX(-8deg);
          transform: skewX(-8deg);
      }
      20% {
          -webkit-transform: skewX(7deg);
          -moz-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
          -o-transform: skewX(7deg);
          transform: skewX(7deg);
      }
      30% {
          -webkit-transform: skewX(-6deg);
          -moz-transform: skewX(-6deg);
          -ms-transform: skewX(-6deg);
          -o-transform: skewX(-6deg);
          transform: skewX(-6deg);
      }
      40% {
          -webkit-transform: skewX(5deg);
          -moz-transform: skewX(5deg);
          -ms-transform: skewX(5deg);
          -o-transform: skewX(5deg);
          transform: skewX(5deg);
      }
      50% {
          -webkit-transform: skewX(-4deg);
          -moz-transform: skewX(-4deg);
          -ms-transform: skewX(-4deg);
          -o-transform: skewX(-4deg);
          transform: skewX(-4deg);
      }
      60% {
          -webkit-transform: skewX(3deg);
          -moz-transform: skewX(3deg);
          -ms-transform: skewX(3deg);
          -o-transform: skewX(3deg);
          transform: skewX(3deg);
      }
      70% {
          -webkit-transform: skewX(-2deg);
          -moz-transform: skewX(-2deg);
          -ms-transform: skewX(-2deg);
          -o-transform: skewX(-2deg);
          transform: skewX(-2deg);
      }
      80% {
          -webkit-transform: skewX(1deg);
          -moz-transform: skewX(1deg);
          -ms-transform: skewX(1deg);
          -o-transform: skewX(1deg);
          transform: skewX(1deg);
      }
      90% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
      100% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
  }
  
  @-ms-keyframes wiggle {
      0% {
          -webkit-transform: skewX(9deg);
          -moz-transform: skewX(9deg);
          -ms-transform: skewX(9deg);
          -o-transform: skewX(9deg);
          transform: skewX(9deg);
      }
      10% {
          -webkit-transform: skewX(-8deg);
          -moz-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
          -o-transform: skewX(-8deg);
          transform: skewX(-8deg);
      }
      20% {
          -webkit-transform: skewX(7deg);
          -moz-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
          -o-transform: skewX(7deg);
          transform: skewX(7deg);
      }
      30% {
          -webkit-transform: skewX(-6deg);
          -moz-transform: skewX(-6deg);
          -ms-transform: skewX(-6deg);
          -o-transform: skewX(-6deg);
          transform: skewX(-6deg);
      }
      40% {
          -webkit-transform: skewX(5deg);
          -moz-transform: skewX(5deg);
          -ms-transform: skewX(5deg);
          -o-transform: skewX(5deg);
          transform: skewX(5deg);
      }
      50% {
          -webkit-transform: skewX(-4deg);
          -moz-transform: skewX(-4deg);
          -ms-transform: skewX(-4deg);
          -o-transform: skewX(-4deg);
          transform: skewX(-4deg);
      }
      60% {
          -webkit-transform: skewX(3deg);
          -moz-transform: skewX(3deg);
          -ms-transform: skewX(3deg);
          -o-transform: skewX(3deg);
          transform: skewX(3deg);
      }
      70% {
          -webkit-transform: skewX(-2deg);
          -moz-transform: skewX(-2deg);
          -ms-transform: skewX(-2deg);
          -o-transform: skewX(-2deg);
          transform: skewX(-2deg);
      }
      80% {
          -webkit-transform: skewX(1deg);
          -moz-transform: skewX(1deg);
          -ms-transform: skewX(1deg);
          -o-transform: skewX(1deg);
          transform: skewX(1deg);
      }
      90% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
      100% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
  }
  
  @keyframes wiggle {
      0% {
          -webkit-transform: skewX(9deg);
          -moz-transform: skewX(9deg);
          -ms-transform: skewX(9deg);
          -o-transform: skewX(9deg);
          transform: skewX(9deg);
      }
      10% {
          -webkit-transform: skewX(-8deg);
          -moz-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
          -o-transform: skewX(-8deg);
          transform: skewX(-8deg);
      }
      20% {
          -webkit-transform: skewX(7deg);
          -moz-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
          -o-transform: skewX(7deg);
          transform: skewX(7deg);
      }
      30% {
          -webkit-transform: skewX(-6deg);
          -moz-transform: skewX(-6deg);
          -ms-transform: skewX(-6deg);
          -o-transform: skewX(-6deg);
          transform: skewX(-6deg);
      }
      40% {
          -webkit-transform: skewX(5deg);
          -moz-transform: skewX(5deg);
          -ms-transform: skewX(5deg);
          -o-transform: skewX(5deg);
          transform: skewX(5deg);
      }
      50% {
          -webkit-transform: skewX(-4deg);
          -moz-transform: skewX(-4deg);
          -ms-transform: skewX(-4deg);
          -o-transform: skewX(-4deg);
          transform: skewX(-4deg);
      }
      60% {
          -webkit-transform: skewX(3deg);
          -moz-transform: skewX(3deg);
          -ms-transform: skewX(3deg);
          -o-transform: skewX(3deg);
          transform: skewX(3deg);
      }
      70% {
          -webkit-transform: skewX(-2deg);
          -moz-transform: skewX(-2deg);
          -ms-transform: skewX(-2deg);
          -o-transform: skewX(-2deg);
          transform: skewX(-2deg);
      }
      80% {
          -webkit-transform: skewX(1deg);
          -moz-transform: skewX(1deg);
          -ms-transform: skewX(1deg);
          -o-transform: skewX(1deg);
          transform: skewX(1deg);
      }
      90% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
      100% {
          -webkit-transform: skewX(0deg);
          -moz-transform: skewX(0deg);
          -ms-transform: skewX(0deg);
          -o-transform: skewX(0deg);
          transform: skewX(0deg);
      }
  }
  
  @-moz-keyframes bounceOut {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      25% {
          -webkit-transform: scale(0.95, 0.95);
          -moz-transform: scale(0.95, 0.95);
          -ms-transform: scale(0.95, 0.95);
          -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
  }
  
  @-webkit-keyframes bounceOut {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      25% {
          -webkit-transform: scale(0.95, 0.95);
          -moz-transform: scale(0.95, 0.95);
          -ms-transform: scale(0.95, 0.95);
          -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
  }
  
  @-o-keyframes bounceOut {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      25% {
          -webkit-transform: scale(0.95, 0.95);
          -moz-transform: scale(0.95, 0.95);
          -ms-transform: scale(0.95, 0.95);
          -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
  }
  
  @-ms-keyframes bounceOut {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      25% {
          -webkit-transform: scale(0.95, 0.95);
          -moz-transform: scale(0.95, 0.95);
          -ms-transform: scale(0.95, 0.95);
          -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
  }
  
  @keyframes bounceOut {
      0% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
      25% {
          -webkit-transform: scale(0.95, 0.95);
          -moz-transform: scale(0.95, 0.95);
          -ms-transform: scale(0.95, 0.95);
          -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
      }
      100% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
  }
  
  @-moz-keyframes bounceOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
  }
  
  @-webkit-keyframes bounceOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
  }
  
  @-o-keyframes bounceOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
  }
  
  @-ms-keyframes bounceOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
  }
  
  @keyframes bounceOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
  }
  
  @-moz-keyframes bounceOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-webkit-keyframes bounceOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-o-keyframes bounceOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-ms-keyframes bounceOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @keyframes bounceOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-moz-keyframes bounceOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-webkit-keyframes bounceOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-o-keyframes bounceOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-ms-keyframes bounceOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @keyframes bounceOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-moz-keyframes bounceOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-webkit-keyframes bounceOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-o-keyframes bounceOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-ms-keyframes bounceOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @keyframes bounceOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      20% {
          opacity: 1;
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-moz-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.05, 1.05);
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
      }
      70% {
          -webkit-transform: scale(0.9, 0.9);
          -moz-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
          -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.05, 1.05);
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
      }
      70% {
          -webkit-transform: scale(0.9, 0.9);
          -moz-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
          -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-o-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.05, 1.05);
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
      }
      70% {
          -webkit-transform: scale(0.9, 0.9);
          -moz-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
          -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-ms-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.05, 1.05);
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
      }
      70% {
          -webkit-transform: scale(0.9, 0.9);
          -moz-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
          -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(0.3, 0.3);
          -moz-transform: scale(0.3, 0.3);
          -ms-transform: scale(0.3, 0.3);
          -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
      }
      50% {
          opacity: 1;
          -webkit-transform: scale(1.05, 1.05);
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
      }
      70% {
          -webkit-transform: scale(0.9, 0.9);
          -moz-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
          -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
      }
      100% {
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          transform: scale(1, 1);
      }
  }
  
  @-moz-keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px);
      }
      80% {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px);
      }
      80% {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-o-keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px);
      }
      80% {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-ms-keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px);
      }
      80% {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
          -moz-transform: translateY(30px);
          -ms-transform: translateY(30px);
          -o-transform: translateY(30px);
          transform: translateY(30px);
      }
      80% {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-moz-keyframes bounceInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      80% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -o-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes bounceInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      80% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -o-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-o-keyframes bounceInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      80% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -o-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-ms-keyframes bounceInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      80% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -o-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @keyframes bounceInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateY(-30px);
          -moz-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          transform: translateY(-30px);
      }
      80% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -o-transform: translateY(10px);
          transform: translateY(10px);
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-moz-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(-30px);
          -moz-transform: translateX(-30px);
          -ms-transform: translateX(-30px);
          -o-transform: translateX(-30px);
          transform: translateX(-30px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-webkit-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(-30px);
          -moz-transform: translateX(-30px);
          -ms-transform: translateX(-30px);
          -o-transform: translateX(-30px);
          transform: translateX(-30px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(-30px);
          -moz-transform: translateX(-30px);
          -ms-transform: translateX(-30px);
          -o-transform: translateX(-30px);
          transform: translateX(-30px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-ms-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(-30px);
          -moz-transform: translateX(-30px);
          -ms-transform: translateX(-30px);
          -o-transform: translateX(-30px);
          transform: translateX(-30px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(-30px);
          -moz-transform: translateX(-30px);
          -ms-transform: translateX(-30px);
          -o-transform: translateX(-30px);
          transform: translateX(-30px);
      }
      80% {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
          -ms-transform: translateX(30px);
          -o-transform: translateX(30px);
          transform: translateX(30px);
      }
      80% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-webkit-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
          -ms-transform: translateX(30px);
          -o-transform: translateX(30px);
          transform: translateX(30px);
      }
      80% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
          -ms-transform: translateX(30px);
          -o-transform: translateX(30px);
          transform: translateX(30px);
      }
      80% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-ms-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
          -ms-transform: translateX(30px);
          -o-transform: translateX(30px);
          transform: translateX(30px);
      }
      80% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      60% {
          opacity: 1;
          -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
          -ms-transform: translateX(30px);
          -o-transform: translateX(30px);
          transform: translateX(30px);
      }
      80% {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px);
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-moz-keyframes fadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  
  @keyframes fadeOut {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
  }
  
  @keyframes fadeOutUp {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
  }
  
  @keyframes fadeOutDown {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
  }
  
  @keyframes fadeOutRight {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
  }
  
  @keyframes fadeOutLeft {
      0% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutUpBig {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes fadeOutUpBig {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
          opacity: 0;
      }
  }
  
  @-o-keyframes fadeOutUpBig {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
          opacity: 0;
      }
  }
  
  @-ms-keyframes fadeOutUpBig {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
          opacity: 0;
      }
  }
  
  @keyframes fadeOutUpBig {
      0% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
          opacity: 0;
      }
  }
  
  @-moz-keyframes fadeOutDownBig {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-webkit-keyframes fadeOutDownBig {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-o-keyframes fadeOutDownBig {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-ms-keyframes fadeOutDownBig {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @keyframes fadeOutDownBig {
      0% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
      }
  }
  
  @-moz-keyframes fadeOutRightBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-webkit-keyframes fadeOutRightBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-o-keyframes fadeOutRightBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-ms-keyframes fadeOutRightBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @keyframes fadeOutRightBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
  }
  
  @-moz-keyframes fadeOutLeftBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-webkit-keyframes fadeOutLeftBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-o-keyframes fadeOutLeftBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-ms-keyframes fadeOutLeftBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @keyframes fadeOutLeftBig {
      0% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
      100% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
  }
  
  @-moz-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInUp {
      0% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeInUp {
      0% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeInUp {
      0% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeInUp {
      0% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @keyframes fadeInUp {
      0% {
          -webkit-transform: translateY(20px);
          -moz-transform: translateY(20px);
          -ms-transform: translateY(20px);
          -o-transform: translateY(20px);
          transform: translateY(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInDown {
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeInDown {
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeInDown {
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeInDown {
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @keyframes fadeInDown {
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInRight {
      0% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeInRight {
      0% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeInRight {
      0% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeInRight {
      0% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @keyframes fadeInRight {
      0% {
          -webkit-transform: translateX(20px);
          -moz-transform: translateX(20px);
          -ms-transform: translateX(20px);
          -o-transform: translateX(20px);
          transform: translateX(20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInLeft {
      0% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeInLeft {
      0% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeInLeft {
      0% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeInLeft {
      0% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @keyframes fadeInLeft {
      0% {
          -webkit-transform: translateX(-20px);
          -moz-transform: translateX(-20px);
          -ms-transform: translateX(-20px);
          -o-transform: translateX(-20px);
          transform: translateX(-20px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInUpBig {
      0% {
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes fadeInUpBig {
      0% {
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeInUpBig {
      0% {
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes fadeInUpBig {
      0% {
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @keyframes fadeInUpBig {
      0% {
          -webkit-transform: translateY(2000px);
          -moz-transform: translateY(2000px);
          -ms-transform: translateY(2000px);
          -o-transform: translateY(2000px);
          transform: translateY(2000px);
          opacity: 0;
      }
      100% {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-ms-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
          -moz-transform: translateY(-2000px);
          -ms-transform: translateY(-2000px);
          -o-transform: translateY(-2000px);
          transform: translateY(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-webkit-keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-o-keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-ms-keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(2000px);
          -moz-transform: translateX(2000px);
          -ms-transform: translateX(2000px);
          -o-transform: translateX(2000px);
          transform: translateX(2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-moz-keyframes fadeInLeftBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-webkit-keyframes fadeInLeftBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-o-keyframes fadeInLeftBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-ms-keyframes fadeInLeftBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @keyframes fadeInLeftBig {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-2000px);
          -moz-transform: translateX(-2000px);
          -ms-transform: translateX(-2000px);
          -o-transform: translateX(-2000px);
          transform: translateX(-2000px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }
  }
  
  @-moz-keyframes flip {
      0% {
          -webkit-transform: perspective(400px) rotateY(0);
          -moz-transform: perspective(400px) rotateY(0);
          -ms-transform: perspective(400px) rotateY(0);
          -o-transform: perspective(400px) rotateY(0);
          transform: perspective(400px) rotateY(0);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      40% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      50% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      80% {
          -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
          transform: perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      100% {
          -webkit-transform: perspective(400px) scale(1);
          -moz-transform: perspective(400px) scale(1);
          -ms-transform: perspective(400px) scale(1);
          -o-transform: perspective(400px) scale(1);
          transform: perspective(400px) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
  }
  
  @-webkit-keyframes flip {
      0% {
          -webkit-transform: perspective(400px) rotateY(0);
          -moz-transform: perspective(400px) rotateY(0);
          -ms-transform: perspective(400px) rotateY(0);
          -o-transform: perspective(400px) rotateY(0);
          transform: perspective(400px) rotateY(0);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      40% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      50% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      80% {
          -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
          transform: perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      100% {
          -webkit-transform: perspective(400px) scale(1);
          -moz-transform: perspective(400px) scale(1);
          -ms-transform: perspective(400px) scale(1);
          -o-transform: perspective(400px) scale(1);
          transform: perspective(400px) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
  }
  
  @-o-keyframes flip {
      0% {
          -webkit-transform: perspective(400px) rotateY(0);
          -moz-transform: perspective(400px) rotateY(0);
          -ms-transform: perspective(400px) rotateY(0);
          -o-transform: perspective(400px) rotateY(0);
          transform: perspective(400px) rotateY(0);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      40% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      50% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      80% {
          -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
          transform: perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      100% {
          -webkit-transform: perspective(400px) scale(1);
          -moz-transform: perspective(400px) scale(1);
          -ms-transform: perspective(400px) scale(1);
          -o-transform: perspective(400px) scale(1);
          transform: perspective(400px) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
  }
  
  @-ms-keyframes flip {
      0% {
          -webkit-transform: perspective(400px) rotateY(0);
          -moz-transform: perspective(400px) rotateY(0);
          -ms-transform: perspective(400px) rotateY(0);
          -o-transform: perspective(400px) rotateY(0);
          transform: perspective(400px) rotateY(0);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      40% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      50% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      80% {
          -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
          transform: perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      100% {
          -webkit-transform: perspective(400px) scale(1);
          -moz-transform: perspective(400px) scale(1);
          -ms-transform: perspective(400px) scale(1);
          -o-transform: perspective(400px) scale(1);
          transform: perspective(400px) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
  }
  
  @keyframes flip {
      0% {
          -webkit-transform: perspective(400px) rotateY(0);
          -moz-transform: perspective(400px) rotateY(0);
          -ms-transform: perspective(400px) rotateY(0);
          -o-transform: perspective(400px) rotateY(0);
          transform: perspective(400px) rotateY(0);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      40% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
          transform: perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -ms-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
      }
      50% {
          -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      80% {
          -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
          -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
          transform: perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
      100% {
          -webkit-transform: perspective(400px) scale(1);
          -moz-transform: perspective(400px) scale(1);
          -ms-transform: perspective(400px) scale(1);
          -o-transform: perspective(400px) scale(1);
          transform: perspective(400px) scale(1);
          -webkit-animation-timing-function: ease-in;
          -moz-animation-timing-function: ease-in;
          -ms-animation-timing-function: ease-in;
          -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
      }
  }
  
  @-moz-keyframes flipInX {
      0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateX(-10deg);
          -moz-transform: perspective(400px) rotateX(-10deg);
          -ms-transform: perspective(400px) rotateX(-10deg);
          -o-transform: perspective(400px) rotateX(-10deg);
          transform: perspective(400px) rotateX(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          -moz-transform: perspective(400px) rotateX(10deg);
          -ms-transform: perspective(400px) rotateX(10deg);
          -o-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes flipInX {
      0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateX(-10deg);
          -moz-transform: perspective(400px) rotateX(-10deg);
          -ms-transform: perspective(400px) rotateX(-10deg);
          -o-transform: perspective(400px) rotateX(-10deg);
          transform: perspective(400px) rotateX(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          -moz-transform: perspective(400px) rotateX(10deg);
          -ms-transform: perspective(400px) rotateX(10deg);
          -o-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-o-keyframes flipInX {
      0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateX(-10deg);
          -moz-transform: perspective(400px) rotateX(-10deg);
          -ms-transform: perspective(400px) rotateX(-10deg);
          -o-transform: perspective(400px) rotateX(-10deg);
          transform: perspective(400px) rotateX(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          -moz-transform: perspective(400px) rotateX(10deg);
          -ms-transform: perspective(400px) rotateX(10deg);
          -o-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-ms-keyframes flipInX {
      0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateX(-10deg);
          -moz-transform: perspective(400px) rotateX(-10deg);
          -ms-transform: perspective(400px) rotateX(-10deg);
          -o-transform: perspective(400px) rotateX(-10deg);
          transform: perspective(400px) rotateX(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          -moz-transform: perspective(400px) rotateX(10deg);
          -ms-transform: perspective(400px) rotateX(10deg);
          -o-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @keyframes flipInX {
      0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateX(-10deg);
          -moz-transform: perspective(400px) rotateX(-10deg);
          -ms-transform: perspective(400px) rotateX(-10deg);
          -o-transform: perspective(400px) rotateX(-10deg);
          transform: perspective(400px) rotateX(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          -moz-transform: perspective(400px) rotateX(10deg);
          -ms-transform: perspective(400px) rotateX(10deg);
          -o-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-moz-keyframes flipOutX {
      0% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes flipOutX {
      0% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-o-keyframes flipOutX {
      0% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-ms-keyframes flipOutX {
      0% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @keyframes flipOutX {
      0% {
          -webkit-transform: perspective(400px) rotateX(0deg);
          -moz-transform: perspective(400px) rotateX(0deg);
          -ms-transform: perspective(400px) rotateX(0deg);
          -o-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          -moz-transform: perspective(400px) rotateX(90deg);
          -ms-transform: perspective(400px) rotateX(90deg);
          -o-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-moz-keyframes flipInY {
      0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateY(-10deg);
          -moz-transform: perspective(400px) rotateY(-10deg);
          -ms-transform: perspective(400px) rotateY(-10deg);
          -o-transform: perspective(400px) rotateY(-10deg);
          transform: perspective(400px) rotateY(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          -moz-transform: perspective(400px) rotateY(10deg);
          -ms-transform: perspective(400px) rotateY(10deg);
          -o-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes flipInY {
      0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateY(-10deg);
          -moz-transform: perspective(400px) rotateY(-10deg);
          -ms-transform: perspective(400px) rotateY(-10deg);
          -o-transform: perspective(400px) rotateY(-10deg);
          transform: perspective(400px) rotateY(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          -moz-transform: perspective(400px) rotateY(10deg);
          -ms-transform: perspective(400px) rotateY(10deg);
          -o-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-o-keyframes flipInY {
      0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateY(-10deg);
          -moz-transform: perspective(400px) rotateY(-10deg);
          -ms-transform: perspective(400px) rotateY(-10deg);
          -o-transform: perspective(400px) rotateY(-10deg);
          transform: perspective(400px) rotateY(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          -moz-transform: perspective(400px) rotateY(10deg);
          -ms-transform: perspective(400px) rotateY(10deg);
          -o-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-ms-keyframes flipInY {
      0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateY(-10deg);
          -moz-transform: perspective(400px) rotateY(-10deg);
          -ms-transform: perspective(400px) rotateY(-10deg);
          -o-transform: perspective(400px) rotateY(-10deg);
          transform: perspective(400px) rotateY(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          -moz-transform: perspective(400px) rotateY(10deg);
          -ms-transform: perspective(400px) rotateY(10deg);
          -o-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @keyframes flipInY {
      0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      40% {
          -webkit-transform: perspective(400px) rotateY(-10deg);
          -moz-transform: perspective(400px) rotateY(-10deg);
          -ms-transform: perspective(400px) rotateY(-10deg);
          -o-transform: perspective(400px) rotateY(-10deg);
          transform: perspective(400px) rotateY(-10deg);
      }
      70% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          -moz-transform: perspective(400px) rotateY(10deg);
          -ms-transform: perspective(400px) rotateY(10deg);
          -o-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-moz-keyframes flipOutY {
      0% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes flipOutY {
      0% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-o-keyframes flipOutY {
      0% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-ms-keyframes flipOutY {
      0% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @keyframes flipOutY {
      0% {
          -webkit-transform: perspective(400px) rotateY(0deg);
          -moz-transform: perspective(400px) rotateY(0deg);
          -ms-transform: perspective(400px) rotateY(0deg);
          -o-transform: perspective(400px) rotateY(0deg);
          transform: perspective(400px) rotateY(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          -moz-transform: perspective(400px) rotateY(90deg);
          -ms-transform: perspective(400px) rotateY(90deg);
          -o-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-moz-keyframes lightSpeedIn {
      0% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      60% {
          -webkit-transform: translateX(-20%) skewX(30deg);
          -moz-transform: translateX(-20%) skewX(30deg);
          -ms-transform: translateX(-20%) skewX(30deg);
          -o-transform: translateX(-20%) skewX(30deg);
          transform: translateX(-20%) skewX(30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      80% {
          -webkit-transform: translateX(0%) skewX(-15deg);
          -moz-transform: translateX(0%) skewX(-15deg);
          -ms-transform: translateX(0%) skewX(-15deg);
          -o-transform: translateX(0%) skewX(-15deg);
          transform: translateX(0%) skewX(-15deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes lightSpeedIn {
      0% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      60% {
          -webkit-transform: translateX(-20%) skewX(30deg);
          -moz-transform: translateX(-20%) skewX(30deg);
          -ms-transform: translateX(-20%) skewX(30deg);
          -o-transform: translateX(-20%) skewX(30deg);
          transform: translateX(-20%) skewX(30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      80% {
          -webkit-transform: translateX(0%) skewX(-15deg);
          -moz-transform: translateX(0%) skewX(-15deg);
          -ms-transform: translateX(0%) skewX(-15deg);
          -o-transform: translateX(0%) skewX(-15deg);
          transform: translateX(0%) skewX(-15deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-o-keyframes lightSpeedIn {
      0% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      60% {
          -webkit-transform: translateX(-20%) skewX(30deg);
          -moz-transform: translateX(-20%) skewX(30deg);
          -ms-transform: translateX(-20%) skewX(30deg);
          -o-transform: translateX(-20%) skewX(30deg);
          transform: translateX(-20%) skewX(30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      80% {
          -webkit-transform: translateX(0%) skewX(-15deg);
          -moz-transform: translateX(0%) skewX(-15deg);
          -ms-transform: translateX(0%) skewX(-15deg);
          -o-transform: translateX(0%) skewX(-15deg);
          transform: translateX(0%) skewX(-15deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-ms-keyframes lightSpeedIn {
      0% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      60% {
          -webkit-transform: translateX(-20%) skewX(30deg);
          -moz-transform: translateX(-20%) skewX(30deg);
          -ms-transform: translateX(-20%) skewX(30deg);
          -o-transform: translateX(-20%) skewX(30deg);
          transform: translateX(-20%) skewX(30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      80% {
          -webkit-transform: translateX(0%) skewX(-15deg);
          -moz-transform: translateX(0%) skewX(-15deg);
          -ms-transform: translateX(0%) skewX(-15deg);
          -o-transform: translateX(0%) skewX(-15deg);
          transform: translateX(0%) skewX(-15deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @keyframes lightSpeedIn {
      0% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
      60% {
          -webkit-transform: translateX(-20%) skewX(30deg);
          -moz-transform: translateX(-20%) skewX(30deg);
          -ms-transform: translateX(-20%) skewX(30deg);
          -o-transform: translateX(-20%) skewX(30deg);
          transform: translateX(-20%) skewX(30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      80% {
          -webkit-transform: translateX(0%) skewX(-15deg);
          -moz-transform: translateX(0%) skewX(-15deg);
          -ms-transform: translateX(0%) skewX(-15deg);
          -o-transform: translateX(0%) skewX(-15deg);
          transform: translateX(0%) skewX(-15deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
  }
  
  @-moz-keyframes lightSpeedOut {
      0% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes lightSpeedOut {
      0% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-o-keyframes lightSpeedOut {
      0% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-ms-keyframes lightSpeedOut {
      0% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @keyframes lightSpeedOut {
      0% {
          -webkit-transform: translateX(0%) skewX(0deg);
          -moz-transform: translateX(0%) skewX(0deg);
          -ms-transform: translateX(0%) skewX(0deg);
          -o-transform: translateX(0%) skewX(0deg);
          transform: translateX(0%) skewX(0deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
      }
      100% {
          -webkit-transform: translateX(100%) skewX(-30deg);
          -moz-transform: translateX(100%) skewX(-30deg);
          -ms-transform: translateX(100%) skewX(-30deg);
          -o-transform: translateX(100%) skewX(-30deg);
          transform: translateX(100%) skewX(-30deg);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateOut {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(200deg);
          -moz-transform: rotate(200deg);
          -ms-transform: rotate(200deg);
          -o-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes rotateOut {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(200deg);
          -moz-transform: rotate(200deg);
          -ms-transform: rotate(200deg);
          -o-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
      }
  }
  
  @-o-keyframes rotateOut {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(200deg);
          -moz-transform: rotate(200deg);
          -ms-transform: rotate(200deg);
          -o-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
      }
  }
  
  @-ms-keyframes rotateOut {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(200deg);
          -moz-transform: rotate(200deg);
          -ms-transform: rotate(200deg);
          -o-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
      }
  }
  
  @keyframes rotateOut {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(200deg);
          -moz-transform: rotate(200deg);
          -ms-transform: rotate(200deg);
          -o-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateOutDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes rotateOutDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-o-keyframes rotateOutDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-ms-keyframes rotateOutDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @keyframes rotateOutDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateOutUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes rotateOutUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-o-keyframes rotateOutUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-ms-keyframes rotateOutUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @keyframes rotateOutUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateOutDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes rotateOutDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-o-keyframes rotateOutDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-ms-keyframes rotateOutDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @keyframes rotateOutDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateOutUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes rotateOutUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-o-keyframes rotateOutUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-ms-keyframes rotateOutUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @keyframes rotateOutUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rotateIn {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes rotateIn {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes rotateIn {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes rotateIn {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @keyframes rotateIn {
      0% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: center center 50%;
          -moz-transform-origin: center center 50%;
          -ms-transform-origin: center center 50%;
          -o-transform-origin: center center 50%;
          transform-origin: center center 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes rotateInDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes rotateInDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes rotateInDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes rotateInDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @keyframes rotateInDownLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes rotateInUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes rotateInUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes rotateInUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes rotateInUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @keyframes rotateInUpLeft {
      0% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: left bottom 50%;
          -moz-transform-origin: left bottom 50%;
          -ms-transform-origin: left bottom 50%;
          -o-transform-origin: left bottom 50%;
          transform-origin: left bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes rotateInUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes rotateInUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes rotateInUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes rotateInUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @keyframes rotateInUpRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes rotateInDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes rotateInDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-o-keyframes rotateInDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-ms-keyframes rotateInDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @keyframes rotateInDownRight {
      0% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
      }
      100% {
          -webkit-transform-origin: right bottom 50%;
          -moz-transform-origin: right bottom 50%;
          -ms-transform-origin: right bottom 50%;
          -o-transform-origin: right bottom 50%;
          transform-origin: right bottom 50%;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          opacity: 1;
      }
  }
  
  @-moz-keyframes hinge {
      0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      20%,
      60% {
          -webkit-transform: rotate(80deg);
          -moz-transform: rotate(80deg);
          -ms-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      40% {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      80% {
          -webkit-transform: rotate(60deg) translateY(0);
          -moz-transform: rotate(60deg) translateY(0);
          -ms-transform: rotate(60deg) translateY(0);
          -o-transform: rotate(60deg) translateY(0);
          transform: rotate(60deg) translateY(0);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      100% {
          -webkit-transform: translateY(700px);
          -moz-transform: translateY(700px);
          -ms-transform: translateY(700px);
          -o-transform: translateY(700px);
          transform: translateY(700px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes hinge {
      0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      20%,
      60% {
          -webkit-transform: rotate(80deg);
          -moz-transform: rotate(80deg);
          -ms-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      40% {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      80% {
          -webkit-transform: rotate(60deg) translateY(0);
          -moz-transform: rotate(60deg) translateY(0);
          -ms-transform: rotate(60deg) translateY(0);
          -o-transform: rotate(60deg) translateY(0);
          transform: rotate(60deg) translateY(0);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      100% {
          -webkit-transform: translateY(700px);
          -moz-transform: translateY(700px);
          -ms-transform: translateY(700px);
          -o-transform: translateY(700px);
          transform: translateY(700px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-o-keyframes hinge {
      0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      20%,
      60% {
          -webkit-transform: rotate(80deg);
          -moz-transform: rotate(80deg);
          -ms-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      40% {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      80% {
          -webkit-transform: rotate(60deg) translateY(0);
          -moz-transform: rotate(60deg) translateY(0);
          -ms-transform: rotate(60deg) translateY(0);
          -o-transform: rotate(60deg) translateY(0);
          transform: rotate(60deg) translateY(0);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      100% {
          -webkit-transform: translateY(700px);
          -moz-transform: translateY(700px);
          -ms-transform: translateY(700px);
          -o-transform: translateY(700px);
          transform: translateY(700px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-ms-keyframes hinge {
      0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      20%,
      60% {
          -webkit-transform: rotate(80deg);
          -moz-transform: rotate(80deg);
          -ms-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      40% {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      80% {
          -webkit-transform: rotate(60deg) translateY(0);
          -moz-transform: rotate(60deg) translateY(0);
          -ms-transform: rotate(60deg) translateY(0);
          -o-transform: rotate(60deg) translateY(0);
          transform: rotate(60deg) translateY(0);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      100% {
          -webkit-transform: translateY(700px);
          -moz-transform: translateY(700px);
          -ms-transform: translateY(700px);
          -o-transform: translateY(700px);
          transform: translateY(700px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @keyframes hinge {
      0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      20%,
      60% {
          -webkit-transform: rotate(80deg);
          -moz-transform: rotate(80deg);
          -ms-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      40% {
          -webkit-transform: rotate(60deg);
          -moz-transform: rotate(60deg);
          -ms-transform: rotate(60deg);
          -o-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      80% {
          -webkit-transform: rotate(60deg) translateY(0);
          -moz-transform: rotate(60deg) translateY(0);
          -ms-transform: rotate(60deg) translateY(0);
          -o-transform: rotate(60deg) translateY(0);
          transform: rotate(60deg) translateY(0);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform-origin: top left 50%;
          -moz-transform-origin: top left 50%;
          -ms-transform-origin: top left 50%;
          -o-transform-origin: top left 50%;
          transform-origin: top left 50%;
          -webkit-animation-timing-function: ease-in-out;
          -moz-animation-timing-function: ease-in-out;
          -ms-animation-timing-function: ease-in-out;
          -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
      }
      100% {
          -webkit-transform: translateY(700px);
          -moz-transform: translateY(700px);
          -ms-transform: translateY(700px);
          -o-transform: translateY(700px);
          transform: translateY(700px);
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
      }
  }
  
  @-moz-keyframes rollIn {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
  }
  
  @-webkit-keyframes rollIn {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
  }
  
  @-o-keyframes rollIn {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
  }
  
  @-ms-keyframes rollIn {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
  }
  
  @keyframes rollIn {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
  }
  
  @-moz-keyframes rollOut {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
  }
  
  @-webkit-keyframes rollOut {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
  }
  
  @-o-keyframes rollOut {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
  }
  
  @-ms-keyframes rollOut {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
  }
  
  @keyframes rollOut {
      0% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transform: translateX(0px) rotate(0deg);
          -moz-transform: translateX(0px) rotate(0deg);
          -ms-transform: translateX(0px) rotate(0deg);
          -o-transform: translateX(0px) rotate(0deg);
          transform: translateX(0px) rotate(0deg);
      }
      100% {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          -webkit-transform: translateX(-100%) rotate(-120deg);
          -moz-transform: translateX(-100%) rotate(-120deg);
          -ms-transform: translateX(-100%) rotate(-120deg);
          -o-transform: translateX(-100%) rotate(-120deg);
          transform: translateX(-100%) rotate(-120deg);
      }
  }
  
  
  /*!
     * Bootstrap v4.0.0-beta (https://getbootstrap.com)
     * Copyright 2011-2017 The Bootstrap Authors
     * Copyright 2011-2017 Twitter, Inc.
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
     */
  
  @media print {
      *,
      *::before,
      *::after {
          text-shadow: none !important;
          box-shadow: none !important;
      }
      a,
      a:visited {
          text-decoration: underline;
      }
      abbr[title]::after {
          content: " (" attr(title) ")";
      }
      pre {
          white-space: pre-wrap !important;
      }
      pre,
      blockquote {
          border: 1px solid #999;
          page-break-inside: avoid;
      }
      thead {
          display: table-header-group;
      }
      tr,
      img {
          page-break-inside: avoid;
      }
      p,
      h2,
      h3 {
          orphans: 3;
          widows: 3;
      }
      h2,
      h3 {
          page-break-after: avoid;
      }
      .navbar {
          display: none;
      }
      .badge {
          border: 1px solid #000;
      }
      .table {
          border-collapse: collapse !important;
      }
      .table td,
      .table th {
          background-color: #fff !important;
      }
      .table-bordered th,
      .table-bordered td {
          border: 1px solid #ddd !important;
      }
  }
  
  *,
  *::before,
  *::after {
      box-sizing: border-box;
  }
  
  html {
      font-family: 'Raleway', sans-serif;
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -ms-overflow-style: scrollbar;
      -webkit-tap-highlight-color: transparent;
  }
  
  @-ms-viewport {
      width: device-width;
  }
  
  article,
  aside,
  dialog,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section {
      display: block;
  }
  
  body {
      margin: 0;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.5;
      color: #212529;
      text-align: left;
      background-color: #fff;
  }
  
  [tabindex="-1"]:focus {
      outline: none !important;
  }
  
  hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin-top: 0;
      margin-bottom: .5rem;
  }
  
  p {
      margin-top: 0;
      margin-bottom: 1rem;
  }
  
  abbr[title],
  abbr[data-original-title] {
      text-decoration: underline;
      text-decoration: underline dotted;
      cursor: help;
      border-bottom: 0;
  }
  
  address {
      margin-bottom: 1rem;
      font-style: normal;
      line-height: inherit;
  }
  
  ol,
  ul,
  dl {
      margin-top: 0;
      margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
      margin-bottom: 0;
  }
  
  dt {
      font-weight: bold;
  }
  
  dd {
      margin-bottom: .5rem;
      margin-left: 0;
  }
  
  blockquote {
      margin: 0 0 1rem;
  }
  
  dfn {
      font-style: italic;
  }
  
  b,
  strong {
      font-weight: bolder;
  }
  
  small {
      font-size: 80%;
  }
  
  sub,
  sup {
      position: relative;
      font-size: 75%;
      line-height: 0;
      vertical-align: baseline;
  }
  
  sub {
      bottom: -.25em;
  }
  
  sup {
      top: -.5em;
  }
  
  a {
      color: #007bff;
      text-decoration: none;
      background-color: transparent;
      -webkit-text-decoration-skip: objects;
  }
  
  a:hover {
      color: #0056b3;
      text-decoration: underline;
  }
  
  a:not([href]):not([tabindex]) {
      color: inherit;
      text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):focus,
  a:not([href]):not([tabindex]):hover {
      color: inherit;
      text-decoration: none;
  }
  
  a:not([href]):not([tabindex]):focus {
      outline: 0;
  }
  
  pre,
  code,
  kbd,
  samp {
      font-family: 'Raleway', sans-serif;
      font-size: 1em;
  }
  
  pre {
      margin-top: 0;
      margin-bottom: 1rem;
      overflow: auto;
  }
  
  figure {
      margin: 0 0 1rem;
  }
  
  img {
      vertical-align: middle;
      border-style: none;
  }
  
  svg:not(:root) {
      overflow: hidden;
  }
  
  a,
  area,
  button,
  [role="button"],
  input,
  label,
  select,
  summary,
  textarea {
      touch-action: manipulation;
  }
  
  table {
      border-collapse: collapse;
  }
  
  caption {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      color: #868e96;
      text-align: left;
      caption-side: bottom;
  }
  
  th {
      text-align: inherit;
  }
  
  label {
      display: inline-block;
      margin-bottom: .5rem;
  }
  
  button:focus {
      outline: 1px dotted;
      outline: 5px auto -webkit-focus-ring-color;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
  }
  
  button,
  input {
      overflow: visible;
  }
  
  button,
  select {
      text-transform: none;
  }
  
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
      -webkit-appearance: button;
  }
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
      padding: 0;
      border-style: none;
  }
  
  input[type="radio"],
  input[type="checkbox"] {
      box-sizing: border-box;
      padding: 0;
  }
  
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
      -webkit-appearance: listbox;
  }
  
  textarea {
      overflow: auto;
      resize: vertical;
  }
  
  fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
  }
  
  legend {
      display: block;
      width: 100%;
      max-width: 100%;
      padding: 0;
      margin-bottom: .5rem;
      font-size: 1.5rem;
      line-height: inherit;
      color: inherit;
      white-space: normal;
  }
  
  progress {
      vertical-align: baseline;
  }
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
      height: auto;
  }
  
  [type="search"] {
      outline-offset: -2px;
      -webkit-appearance: none;
  }
  
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  
   ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button;
  }
  
  output {
      display: inline-block;
  }
  
  summary {
      display: list-item;
  }
  
  template {
      display: none;
  }
  
  [hidden] {
      display: none !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      margin-bottom: 0.5rem;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
  }
  
  h1,
  .h1 {
      font-size: 2.5rem;
  }
  
  h2,
  .h2 {
      font-size: 2rem;
  }
  
  h3,
  .h3 {
      font-size: 1.75rem;
  }
  
  h4,
  .h4 {
      font-size: 1.5rem;
  }
  
  h5,
  .h5 {
      font-size: 1.25rem;
  }
  
  h6,
  .h6 {
      font-size: 1rem;
  }
  
  .lead {
      font-size: 1.25rem;
      font-weight: 300;
  }
  
  .display-1 {
      font-size: 6rem;
      font-weight: 300;
      line-height: 1.1;
  }
  
  .display-2 {
      font-size: 5.5rem;
      font-weight: 300;
      line-height: 1.1;
  }
  
  .display-3 {
      font-size: 4.5rem;
      font-weight: 300;
      line-height: 1.1;
  }
  
  .display-4 {
      font-size: 3.5rem;
      font-weight: 300;
      line-height: 1.1;
  }
  
  hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  small,
  .small {
      font-size: 80%;
      font-weight: normal;
  }
  
  mark,
  .mark {
      padding: 0.2em;
      background-color: #fcf8e3;
  }
  
  .list-unstyled {
      padding-left: 0;
      list-style: none;
  }
  
  .list-inline {
      padding-left: 0;
      list-style: none;
  }
  
  .list-inline-item {
      display: inline-block;
  }
  
  .list-inline-item:not(:last-child) {
      margin-right: 5px;
  }
  
  .initialism {
      font-size: 90%;
      text-transform: uppercase;
  }
  
  .blockquote {
      margin-bottom: 1rem;
      font-size: 1.25rem;
  }
  
  .blockquote-footer {
      display: block;
      font-size: 80%;
      color: #868e96;
  }
  
  .blockquote-footer::before {
      content: "\2014 \00A0";
  }
  
  .img-fluid {
      max-width: 100%;
      height: auto;
  }
  
  .img-thumbnail {
      padding: 0.25rem;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 0.25rem;
      transition: all 0.2s ease-in-out;
      max-width: 100%;
      height: auto;
  }
  
  .figure {
      display: inline-block;
  }
  
  .figure-img {
      margin-bottom: 0.5rem;
      line-height: 1;
  }
  
  .figure-caption {
      font-size: 90%;
      color: #868e96;
  }
  
  code,
  kbd,
  pre,
  samp {
      font-family: 'Raleway', sans-serif;
  }
  
  code {
      padding: 0.2rem 0.4rem;
      font-size: 90%;
      color: #bd4147;
      background-color: #f8f9fa;
      border-radius: 0.25rem;
  }
  
  a>code {
      padding: 0;
      color: inherit;
      background-color: inherit;
  }
  
  kbd {
      padding: 0.2rem 0.4rem;
      font-size: 90%;
      color: #fff;
      background-color: #212529;
      border-radius: 0.2rem;
  }
  
  kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: bold;
  }
  
  pre {
      display: block;
      margin-top: 0;
      margin-bottom: 1rem;
      font-size: 90%;
      color: #212529;
  }
  
  pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      background-color: transparent;
      border-radius: 0;
  }
  
  .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll;
  }
  
  .container {
      margin-right: auto;
      margin-left: auto;
      padding-right: 15px;
      padding-left: 15px;
      width: 100%;
  }
  
  @media (min-width: 576px) {
      .container {
          max-width: 540px;
      }
  }
  
  @media (min-width: 768px) {
      .container {
          max-width: 720px;
      }
  }
  
  @media (min-width: 992px) {
      .container {
          max-width: 960px;
      }
  }
  
  @media (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
  }
  
  .container-fluid,
  .search-result .results {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 15px;
      padding-left: 15px;
      width: 100%;
  }
  
  .row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
  }
  
  .no-gutters {
      margin-right: 0;
      margin-left: 0;
  }
  
  .no-gutters>.col,
  .no-gutters>[class*="col-"] {
      padding-right: 0;
      padding-left: 0;
  }
  
  .col-1,
  .col-2,
  .col-3,
  .email-wrapper .mail-body .mail-list .details,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .email-wrapper .mail-body .mail-list .content,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group,
  .col,
  .col-auto,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .sample-page .content-section .features-tiles .tiles,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-sm-auto,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-md-auto,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-lg-auto,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl,
  .col-xl-auto {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .col {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
  }
  
  .col-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none;
  }
  
  .col-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
  }
  
  .col-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
  }
  
  .col-3,
  .email-wrapper .mail-body .mail-list .details {
      flex: 0 0 25%;
      max-width: 25%;
  }
  
  .col-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
  
  .col-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
  }
  
  .col-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
  
  .col-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
  }
  
  .col-8,
  .email-wrapper .mail-body .mail-list .content {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
  }
  
  .col-9 {
      flex: 0 0 75%;
      max-width: 75%;
  }
  
  .col-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
  }
  
  .col-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
  }
  
  .col-12,
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group {
      flex: 0 0 100%;
      max-width: 100%;
  }
  
  .order-1 {
      order: 1;
  }
  
  .order-2 {
      order: 2;
  }
  
  .order-3 {
      order: 3;
  }
  
  .order-4 {
      order: 4;
  }
  
  .order-5 {
      order: 5;
  }
  
  .order-6 {
      order: 6;
  }
  
  .order-7 {
      order: 7;
  }
  
  .order-8 {
      order: 8;
  }
  
  .order-9 {
      order: 9;
  }
  
  .order-10 {
      order: 10;
  }
  
  .order-11 {
      order: 11;
  }
  
  .order-12 {
      order: 12;
  }
  
  @media (min-width: 576px) {
      .col-sm {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
      }
      .col-sm-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
      }
      .col-sm-1 {
          flex: 0 0 8.33333%;
          max-width: 8.33333%;
      }
      .col-sm-2 {
          flex: 0 0 16.66667%;
          max-width: 16.66667%;
      }
      .col-sm-3,
      .email-wrapper .mail-body .mail-list .details {
          flex: 0 0 25%;
          max-width: 25%;
      }
      .col-sm-4,
      .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group {
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
      }
      .col-sm-5 {
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
      }
      .col-sm-6,
      .sample-page .content-section .features-tiles .tiles {
          flex: 0 0 50%;
          max-width: 50%;
      }
      .col-sm-7 {
          flex: 0 0 58.33333%;
          max-width: 58.33333%;
      }
      .col-sm-8,
      .email-wrapper .mail-body .mail-list .content {
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
      }
      .col-sm-9 {
          flex: 0 0 75%;
          max-width: 75%;
      }
      .col-sm-10 {
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
      }
      .col-sm-11 {
          flex: 0 0 91.66667%;
          max-width: 91.66667%;
      }
      .col-sm-12 {
          flex: 0 0 100%;
          max-width: 100%;
      }
      .order-sm-1 {
          order: 1;
      }
      .order-sm-2 {
          order: 2;
      }
      .order-sm-3 {
          order: 3;
      }
      .order-sm-4 {
          order: 4;
      }
      .order-sm-5 {
          order: 5;
      }
      .order-sm-6 {
          order: 6;
      }
      .order-sm-7 {
          order: 7;
      }
      .order-sm-8 {
          order: 8;
      }
      .order-sm-9 {
          order: 9;
      }
      .order-sm-10 {
          order: 10;
      }
      .order-sm-11 {
          order: 11;
      }
      .order-sm-12 {
          order: 12;
      }
  }
  
  @media (min-width: 768px) {
      .col-md {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
      }
      .col-md-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
      }
      .col-md-1,
      .email-wrapper .mail-body .mail-list .details {
          flex: 0 0 8.33333%;
          max-width: 8.33333%;
      }
      .col-md-2,
      .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group {
          flex: 0 0 16.66667%;
          max-width: 16.66667%;
      }
      .col-md-3,
      .sample-page .content-section .features-tiles .tiles {
          flex: 0 0 25%;
          max-width: 25%;
      }
      .col-md-4 {
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
      }
      .col-md-5 {
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
      }
      .col-md-6 {
          flex: 0 0 50%;
          max-width: 50%;
      }
      .col-md-7 {
          flex: 0 0 58.33333%;
          max-width: 58.33333%;
      }
      .col-md-8 {
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
      }
      .col-md-9 {
          flex: 0 0 75%;
          max-width: 75%;
      }
      .col-md-10,
      .email-wrapper .mail-body .mail-list .content {
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
      }
      .col-md-11 {
          flex: 0 0 91.66667%;
          max-width: 91.66667%;
      }
      .col-md-12 {
          flex: 0 0 100%;
          max-width: 100%;
      }
      .order-md-1 {
          order: 1;
      }
      .order-md-2 {
          order: 2;
      }
      .order-md-3 {
          order: 3;
      }
      .order-md-4 {
          order: 4;
      }
      .order-md-5 {
          order: 5;
      }
      .order-md-6 {
          order: 6;
      }
      .order-md-7 {
          order: 7;
      }
      .order-md-8 {
          order: 8;
      }
      .order-md-9 {
          order: 9;
      }
      .order-md-10 {
          order: 10;
      }
      .order-md-11 {
          order: 11;
      }
      .order-md-12 {
          order: 12;
      }
  }
  
  @media (min-width: 992px) {
      .col-lg {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
      }
      .col-lg-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
      }
      .col-lg-1,
      .email-wrapper .mail-body .mail-list .details {
          flex: 0 0 8.33333%;
          max-width: 8.33333%;
      }
      .col-lg-2,
      .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group {
          flex: 0 0 16.66667%;
          max-width: 16.66667%;
      }
      .col-lg-3,
      .sample-page .content-section .features-tiles .tiles {
          flex: 0 0 25%;
          max-width: 25%;
      }
      .col-lg-4 {
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
      }
      .col-lg-5 {
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
      }
      .col-lg-6 {
          flex: 0 0 50%;
          max-width: 50%;
      }
      .col-lg-7 {
          flex: 0 0 58.33333%;
          max-width: 58.33333%;
      }
      .col-lg-8 {
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
      }
      .col-lg-9 {
          flex: 0 0 75%;
          max-width: 75%;
      }
      .col-lg-10,
      .email-wrapper .mail-body .mail-list .content {
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
      }
      .col-lg-11 {
          flex: 0 0 91.66667%;
          max-width: 91.66667%;
      }
      .col-lg-12 {
          flex: 0 0 100%;
          max-width: 100%;
      }
      .order-lg-1 {
          order: 1;
      }
      .order-lg-2 {
          order: 2;
      }
      .order-lg-3 {
          order: 3;
      }
      .order-lg-4 {
          order: 4;
      }
      .order-lg-5 {
          order: 5;
      }
      .order-lg-6 {
          order: 6;
      }
      .order-lg-7 {
          order: 7;
      }
      .order-lg-8 {
          order: 8;
      }
      .order-lg-9 {
          order: 9;
      }
      .order-lg-10 {
          order: 10;
      }
      .order-lg-11 {
          order: 11;
      }
      .order-lg-12 {
          order: 12;
      }
  }
  
  @media (min-width: 1200px) {
      .col-xl {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%;
      }
      .col-xl-auto {
          flex: 0 0 auto;
          width: auto;
          max-width: none;
      }
      .col-xl-1,
      .email-wrapper .mail-body .mail-list .details {
          flex: 0 0 8.33333%;
          max-width: 8.33333%;
      }
      .col-xl-2 {
          flex: 0 0 16.66667%;
          max-width: 16.66667%;
      }
      .col-xl-3 {
          flex: 0 0 25%;
          max-width: 25%;
      }
      .col-xl-4 {
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
      }
      .col-xl-5 {
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
      }
      .col-xl-6 {
          flex: 0 0 50%;
          max-width: 50%;
      }
      .col-xl-7 {
          flex: 0 0 58.33333%;
          max-width: 58.33333%;
      }
      .col-xl-8 {
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
      }
      .col-xl-9 {
          flex: 0 0 75%;
          max-width: 75%;
      }
      .col-xl-10,
      .email-wrapper .mail-body .mail-list .content {
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
      }
      .col-xl-11 {
          flex: 0 0 91.66667%;
          max-width: 91.66667%;
      }
      .col-xl-12 {
          flex: 0 0 100%;
          max-width: 100%;
      }
      .order-xl-1 {
          order: 1;
      }
      .order-xl-2 {
          order: 2;
      }
      .order-xl-3 {
          order: 3;
      }
      .order-xl-4 {
          order: 4;
      }
      .order-xl-5 {
          order: 5;
      }
      .order-xl-6 {
          order: 6;
      }
      .order-xl-7 {
          order: 7;
      }
      .order-xl-8 {
          order: 8;
      }
      .order-xl-9 {
          order: 9;
      }
      .order-xl-10 {
          order: 10;
      }
      .order-xl-11 {
          order: 11;
      }
      .order-xl-12 {
          order: 12;
      }
  }
  
  .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 1rem;
      background-color: transparent;
  }
  
  .table th,
  .table td {
      padding: 0.75rem;
      vertical-align: top;
      border-top: 1px solid #e9ecef;
  }
  
  .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #e9ecef;
  }
  
  .table tbody+tbody {
      border-top: 2px solid #e9ecef;
  }
  
  .table .table {
      background-color: #fff;
  }
  
  .table-sm th,
  .table-sm td {
      padding: 0.3rem;
  }
  
  .table-bordered {
      border: 1px solid #e9ecef;
  }
  
  .table-bordered th,
  .table-bordered td {
      border: 1px solid #e9ecef;
  }
  
  .table-bordered thead th,
  .table-bordered thead td {
      border-bottom-width: 2px;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0, 0, 0, 0.05);
  }
  
  .table-hover tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-primary,
  .table-primary>th,
  .table-primary>td {
      background-color: #b8c1de;
  }
  
  .table-hover .table-primary:hover {
      background-color: #a7b2d6;
  }
  
  .table-hover .table-primary:hover>td,
  .table-hover .table-primary:hover>th {
      background-color: #a7b2d6;
  }
  
  .table-secondary,
  .table-secondary>th,
  .table-secondary>td {
      background-color: #b8e4fe;
  }
  
  .table-hover .table-secondary:hover {
      background-color: #9fdafe;
  }
  
  .table-hover .table-secondary:hover>td,
  .table-hover .table-secondary:hover>th {
      background-color: #9fdafe;
  }
  
  .table-success,
  .table-success>th,
  .table-success>td {
      background-color: #d1f2d5;
  }
  
  .table-hover .table-success:hover {
      background-color: #bdecc3;
  }
  
  .table-hover .table-success:hover>td,
  .table-hover .table-success:hover>th {
      background-color: #bdecc3;
  }
  
  .table-info,
  .table-info>th,
  .table-info>td {
      background-color: #d8d1fb;
  }
  
  .table-hover .table-info:hover {
      background-color: #c4baf9;
  }
  
  .table-hover .table-info:hover>td,
  .table-hover .table-info:hover>th {
      background-color: #c4baf9;
  }
  
  .table-warning,
  .table-warning>th,
  .table-warning>td {
      background-color: #fff0b8;
  }
  
  .table-hover .table-warning:hover {
      background-color: #ffeb9f;
  }
  
  .table-hover .table-warning:hover>td,
  .table-hover .table-warning:hover>th {
      background-color: #ffeb9f;
  }
  
  .table-danger,
  .table-danger>th,
  .table-danger>td {
      background-color: #f9c4cf;
  }
  
  .table-hover .table-danger:hover {
      background-color: #f7adbc;
  }
  
  .table-hover .table-danger:hover>td,
  .table-hover .table-danger:hover>th {
      background-color: #f7adbc;
  }
  
  .table-light,
  .table-light>th,
  .table-light>td {
      background-color: #fdfdfe;
  }
  
  .table-hover .table-light:hover {
      background-color: #ececf6;
  }
  
  .table-hover .table-light:hover>td,
  .table-hover .table-light:hover>th {
      background-color: #ececf6;
  }
  
  .table-dark,
  .table-dark>th,
  .table-dark>td {
      background-color: #c7c9cd;
  }
  
  .table-hover .table-dark:hover {
      background-color: #babcc1;
  }
  
  .table-hover .table-dark:hover>td,
  .table-hover .table-dark:hover>th {
      background-color: #babcc1;
  }
  
  .table-active,
  .table-active>th,
  .table-active>td {
      background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover {
      background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover>td,
  .table-hover .table-active:hover>th {
      background-color: rgba(0, 0, 0, 0.075);
  }
  
  .thead-inverse th {
      color: #fff;
      background-color: #212529;
  }
  
  .thead-default th {
      color: #495057;
      background-color: #e9ecef;
  }
  
  .table-inverse {
      color: #fff;
      background-color: #212529;
  }
  
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
      border-color: #32383e;
  }
  
  .table-inverse.table-bordered {
      border: 0;
  }
  
  .table-inverse.table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, 0.05);
  }
  
  .table-inverse.table-hover tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.075);
  }
  
  @media (max-width: 991px) {
      .table-responsive {
          display: block;
          width: 100%;
          overflow-x: auto;
          -ms-overflow-style: -ms-autohiding-scrollbar;
      }
      .table-responsive.table-bordered {
          border: 0;
      }
  }
  
  .form-control,
  .typeahead,
  .tt-query,
  .tt-hint,
  .asColorPicker-input {
      display: block;
      width: 100%;
      padding: 0.5rem 0.75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #495057;
      background-color: #fff;
      background-image: none;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  
  .form-control::-ms-expand,
  .typeahead::-ms-expand,
  .tt-query::-ms-expand,
  .tt-hint::-ms-expand,
  .asColorPicker-input::-ms-expand {
      background-color: transparent;
      border: 0;
  }
  
  .form-control:focus,
  .typeahead:focus,
  .tt-query:focus,
  .tt-hint:focus,
  .asColorPicker-input:focus {
      color: #495057;
      background-color: #fff;
      border-color: #80bdff;
      outline: none;
  }
  
  .form-control::placeholder,
  .typeahead::placeholder,
  .tt-query::placeholder,
  .tt-hint::placeholder,
  .asColorPicker-input::placeholder {
      color: #868e96;
      opacity: 1;
  }
  
  .form-control:disabled,
  .typeahead:disabled,
  .tt-query:disabled,
  .tt-hint:disabled,
  .asColorPicker-input:disabled,
  .form-control[readonly],
  [readonly].typeahead,
  [readonly].tt-query,
  [readonly].tt-hint,
  [readonly].asColorPicker-input {
      background-color: #e9ecef;
      opacity: 1;
  }
  
  select.form-control:not([size]):not([multiple]),
  select.typeahead:not([size]):not([multiple]),
  select.tt-query:not([size]):not([multiple]),
  select.tt-hint:not([size]):not([multiple]),
  select.asColorPicker-input:not([size]):not([multiple]) {
      height: calc(2.25rem + 2px);
  }
  
  select.form-control:focus::-ms-value,
  select.typeahead:focus::-ms-value,
  select.tt-query:focus::-ms-value,
  select.tt-hint:focus::-ms-value,
  select.asColorPicker-input:focus::-ms-value {
      color: #495057;
      background-color: #fff;
  }
  
  .form-control-file,
  .form-control-range {
      display: block;
  }
  
  .col-form-label {
      padding-top: calc(0.5rem - 1px * 2);
      padding-bottom: calc(0.5rem - 1px * 2);
      margin-bottom: 0;
  }
  
  .col-form-label-lg {
      padding-top: calc(0.5rem - 1px * 2);
      padding-bottom: calc(0.5rem - 1px * 2);
      font-size: 1.25rem;
  }
  
  .col-form-label-sm {
      padding-top: calc(0.25rem - 1px * 2);
      padding-bottom: calc(0.25rem - 1px * 2);
      font-size: 0.875rem;
  }
  
  .col-form-legend {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      margin-bottom: 0;
      font-size: 1rem;
  }
  
  .form-control-plaintext {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      margin-bottom: 0;
      line-height: 1.25;
      border: solid transparent;
      border-width: 1px 0;
  }
  
  .form-control-plaintext.form-control-sm,
  .input-group-sm>.form-control-plaintext.form-control,
  .input-group-sm>.form-control-plaintext.typeahead,
  .input-group-sm>.form-control-plaintext.tt-query,
  .input-group-sm>.form-control-plaintext.tt-hint,
  .input-group-sm>.form-control-plaintext.asColorPicker-input,
  .input-group-sm>.form-control-plaintext.input-group-addon,
  .input-group-sm>.form-control-plaintext.asColorPicker-trigger,
  .input-group-sm>.input-group-btn>.form-control-plaintext.btn,
  .input-group-sm>.input-group-btn>.form-control-plaintext.avgrund-close,
  .form-control-plaintext.form-control-lg,
  .input-group-lg>.form-control-plaintext.form-control,
  .input-group-lg>.form-control-plaintext.typeahead,
  .input-group-lg>.form-control-plaintext.tt-query,
  .input-group-lg>.form-control-plaintext.tt-hint,
  .input-group-lg>.form-control-plaintext.asColorPicker-input,
  .input-group-lg>.form-control-plaintext.input-group-addon,
  .input-group-lg>.form-control-plaintext.asColorPicker-trigger,
  .input-group-lg>.input-group-btn>.form-control-plaintext.btn,
  .input-group-lg>.input-group-btn>.form-control-plaintext.avgrund-close {
      padding-right: 0;
      padding-left: 0;
  }
  
  .form-control-sm,
  .input-group-sm>.form-control,
  .input-group-sm>.typeahead,
  .input-group-sm>.tt-query,
  .input-group-sm>.tt-hint,
  .input-group-sm>.asColorPicker-input,
  .input-group-sm>.input-group-addon,
  .input-group-sm>.asColorPicker-trigger,
  .input-group-sm>.input-group-btn>.btn,
  .input-group-sm>.input-group-btn>.avgrund-close {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
      border-radius: 0.2rem;
  }
  
  select.form-control-sm:not([size]):not([multiple]),
  .input-group-sm>select.form-control:not([size]):not([multiple]),
  .input-group-sm>select.typeahead:not([size]):not([multiple]),
  .input-group-sm>select.tt-query:not([size]):not([multiple]),
  .input-group-sm>select.tt-hint:not([size]):not([multiple]),
  .input-group-sm>select.asColorPicker-input:not([size]):not([multiple]),
  .input-group-sm>select.input-group-addon:not([size]):not([multiple]),
  .input-group-sm>select.asColorPicker-trigger:not([size]):not([multiple]),
  .input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
  .input-group-sm>.input-group-btn>select.avgrund-close:not([size]):not([multiple]) {
      height: calc(1.8125rem + 2px);
  }
  
  .form-control-lg,
  .input-group-lg>.form-control,
  .input-group-lg>.typeahead,
  .input-group-lg>.tt-query,
  .input-group-lg>.tt-hint,
  .input-group-lg>.asColorPicker-input,
  .input-group-lg>.input-group-addon,
  .input-group-lg>.asColorPicker-trigger,
  .input-group-lg>.input-group-btn>.btn,
  .input-group-lg>.input-group-btn>.avgrund-close {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem;
  }
  
  select.form-control-lg:not([size]):not([multiple]),
  .input-group-lg>select.form-control:not([size]):not([multiple]),
  .input-group-lg>select.typeahead:not([size]):not([multiple]),
  .input-group-lg>select.tt-query:not([size]):not([multiple]),
  .input-group-lg>select.tt-hint:not([size]):not([multiple]),
  .input-group-lg>select.asColorPicker-input:not([size]):not([multiple]),
  .input-group-lg>select.input-group-addon:not([size]):not([multiple]),
  .input-group-lg>select.asColorPicker-trigger:not([size]):not([multiple]),
  .input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
  .input-group-lg>.input-group-btn>select.avgrund-close:not([size]):not([multiple]) {
      height: calc(2.875rem + 2px);
  }
  
  .form-group {
      margin-bottom: 1rem;
  }
  
  .form-text {
      display: block;
      margin-top: 0.25rem;
  }
  
  .form-row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -5px;
      margin-left: -5px;
  }
  
  .form-row>.col,
  .form-row>[class*="col-"] {
      padding-right: 5px;
      padding-left: 5px;
  }
  
  .form-check {
      position: relative;
      display: block;
      margin-bottom: 0.5rem;
  }
  
  .form-check.disabled .form-check-label {
      color: #868e96;
  }
  
  .form-check-label {
      padding-left: 1.25rem;
      margin-bottom: 0;
  }
  
  .form-check-input {
      position: absolute;
      margin-top: 0.25rem;
      margin-left: -1.25rem;
  }
  
  .form-check-inline {
      display: inline-block;
  }
  
  .form-check-inline .form-check-label {
      vertical-align: middle;
  }
  
  .form-check-inline+.form-check-inline {
      margin-left: 0.75rem;
  }
  
  .invalid-feedback {
      display: none;
      margin-top: .25rem;
      font-size: .875rem;
      color: #dc3545;
  }
  
  .invalid-tooltip {
      position: absolute;
      top: 100%;
      z-index: 5;
      display: none;
      width: 250px;
      padding: .5rem;
      margin-top: .1rem;
      font-size: .875rem;
      line-height: 1;
      color: #fff;
      background-color: rgba(220, 53, 69, 0.8);
      border-radius: .2rem;
  }
  
  .was-validated .form-control:valid,
  .was-validated .typeahead:valid,
  .was-validated .tt-query:valid,
  .was-validated .tt-hint:valid,
  .was-validated .asColorPicker-input:valid,
  .form-control.is-valid,
  .is-valid.typeahead,
  .is-valid.tt-query,
  .is-valid.tt-hint,
  .is-valid.asColorPicker-input,
  .was-validated .custom-select:valid,
  .custom-select.is-valid {
      border-color: #28a745;
  }
  
  .was-validated .form-control:valid:focus,
  .was-validated .typeahead:valid:focus,
  .was-validated .tt-query:valid:focus,
  .was-validated .tt-hint:valid:focus,
  .was-validated .asColorPicker-input:valid:focus,
  .form-control.is-valid:focus,
  .is-valid.typeahead:focus,
  .is-valid.tt-query:focus,
  .is-valid.tt-hint:focus,
  .is-valid.asColorPicker-input:focus,
  .was-validated .custom-select:valid:focus,
  .custom-select.is-valid:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  
  .was-validated .form-control:valid~.invalid-feedback,
  .was-validated .typeahead:valid~.invalid-feedback,
  .was-validated .tt-query:valid~.invalid-feedback,
  .was-validated .tt-hint:valid~.invalid-feedback,
  .was-validated .asColorPicker-input:valid~.invalid-feedback,
  .was-validated .form-control:valid~.invalid-tooltip,
  .was-validated .typeahead:valid~.invalid-tooltip,
  .was-validated .tt-query:valid~.invalid-tooltip,
  .was-validated .tt-hint:valid~.invalid-tooltip,
  .was-validated .asColorPicker-input:valid~.invalid-tooltip,
  .form-control.is-valid~.invalid-feedback,
  .is-valid.typeahead~.invalid-feedback,
  .is-valid.tt-query~.invalid-feedback,
  .is-valid.tt-hint~.invalid-feedback,
  .is-valid.asColorPicker-input~.invalid-feedback,
  .form-control.is-valid~.invalid-tooltip,
  .is-valid.typeahead~.invalid-tooltip,
  .is-valid.tt-query~.invalid-tooltip,
  .is-valid.tt-hint~.invalid-tooltip,
  .is-valid.asColorPicker-input~.invalid-tooltip,
  .was-validated .custom-select:valid~.invalid-feedback,
  .was-validated .custom-select:valid~.invalid-tooltip,
  .custom-select.is-valid~.invalid-feedback,
  .custom-select.is-valid~.invalid-tooltip {
      display: block;
  }
  
  .was-validated .form-check-input:valid+.form-check-label,
  .form-check-input.is-valid+.form-check-label {
      color: #28a745;
  }
  
  .was-validated .custom-control-input:valid~.custom-control-indicator,
  .custom-control-input.is-valid~.custom-control-indicator {
      background-color: rgba(40, 167, 69, 0.25);
  }
  
  .was-validated .custom-control-input:valid~.custom-control-description,
  .custom-control-input.is-valid~.custom-control-description {
      color: #28a745;
  }
  
  .was-validated .custom-file-input:valid~.custom-file-control,
  .custom-file-input.is-valid~.custom-file-control {
      border-color: #28a745;
  }
  
  .was-validated .custom-file-input:valid~.custom-file-control::before,
  .custom-file-input.is-valid~.custom-file-control::before {
      border-color: inherit;
  }
  
  .was-validated .custom-file-input:valid:focus,
  .custom-file-input.is-valid:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  }
  
  .was-validated .form-control:invalid,
  .was-validated .typeahead:invalid,
  .was-validated .tt-query:invalid,
  .was-validated .tt-hint:invalid,
  .was-validated .asColorPicker-input:invalid,
  .form-control.is-invalid,
  .is-invalid.typeahead,
  .is-invalid.tt-query,
  .is-invalid.tt-hint,
  .is-invalid.asColorPicker-input,
  .was-validated .custom-select:invalid,
  .custom-select.is-invalid {
      border-color: #dc3545;
  }
  
  .was-validated .form-control:invalid:focus,
  .was-validated .typeahead:invalid:focus,
  .was-validated .tt-query:invalid:focus,
  .was-validated .tt-hint:invalid:focus,
  .was-validated .asColorPicker-input:invalid:focus,
  .form-control.is-invalid:focus,
  .is-invalid.typeahead:focus,
  .is-invalid.tt-query:focus,
  .is-invalid.tt-hint:focus,
  .is-invalid.asColorPicker-input:focus,
  .was-validated .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  
  .was-validated .form-control:invalid~.invalid-feedback,
  .was-validated .typeahead:invalid~.invalid-feedback,
  .was-validated .tt-query:invalid~.invalid-feedback,
  .was-validated .tt-hint:invalid~.invalid-feedback,
  .was-validated .asColorPicker-input:invalid~.invalid-feedback,
  .was-validated .form-control:invalid~.invalid-tooltip,
  .was-validated .typeahead:invalid~.invalid-tooltip,
  .was-validated .tt-query:invalid~.invalid-tooltip,
  .was-validated .tt-hint:invalid~.invalid-tooltip,
  .was-validated .asColorPicker-input:invalid~.invalid-tooltip,
  .form-control.is-invalid~.invalid-feedback,
  .is-invalid.typeahead~.invalid-feedback,
  .is-invalid.tt-query~.invalid-feedback,
  .is-invalid.tt-hint~.invalid-feedback,
  .is-invalid.asColorPicker-input~.invalid-feedback,
  .form-control.is-invalid~.invalid-tooltip,
  .is-invalid.typeahead~.invalid-tooltip,
  .is-invalid.tt-query~.invalid-tooltip,
  .is-invalid.tt-hint~.invalid-tooltip,
  .is-invalid.asColorPicker-input~.invalid-tooltip,
  .was-validated .custom-select:invalid~.invalid-feedback,
  .was-validated .custom-select:invalid~.invalid-tooltip,
  .custom-select.is-invalid~.invalid-feedback,
  .custom-select.is-invalid~.invalid-tooltip {
      display: block;
  }
  
  .was-validated .form-check-input:invalid+.form-check-label,
  .form-check-input.is-invalid+.form-check-label {
      color: #dc3545;
  }
  
  .was-validated .custom-control-input:invalid~.custom-control-indicator,
  .custom-control-input.is-invalid~.custom-control-indicator {
      background-color: rgba(220, 53, 69, 0.25);
  }
  
  .was-validated .custom-control-input:invalid~.custom-control-description,
  .custom-control-input.is-invalid~.custom-control-description {
      color: #dc3545;
  }
  
  .was-validated .custom-file-input:invalid~.custom-file-control,
  .custom-file-input.is-invalid~.custom-file-control {
      border-color: #dc3545;
  }
  
  .was-validated .custom-file-input:invalid~.custom-file-control::before,
  .custom-file-input.is-invalid~.custom-file-control::before {
      border-color: inherit;
  }
  
  .was-validated .custom-file-input:invalid:focus,
  .custom-file-input.is-invalid:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  
  .form-inline {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
  }
  
  .form-inline .form-check {
      width: 100%;
  }
  
  @media (min-width: 576px) {
      .form-inline label {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 0;
      }
      .form-inline .form-group {
          display: flex;
          flex: 0 0 auto;
          flex-flow: row wrap;
          align-items: center;
          margin-bottom: 0;
      }
      .form-inline .form-control,
      .form-inline .typeahead,
      .form-inline .tt-query,
      .form-inline .tt-hint,
      .form-inline .asColorPicker-input {
          display: inline-block;
          width: auto;
          vertical-align: middle;
      }
      .form-inline .form-control-plaintext {
          display: inline-block;
      }
      .form-inline .input-group,
      .form-inline .asColorPicker-wrap {
          width: auto;
      }
      .form-inline .form-control-label {
          margin-bottom: 0;
          vertical-align: middle;
      }
      .form-inline .form-check {
          display: flex;
          align-items: center;
          justify-content: center;
          width: auto;
          margin-top: 0;
          margin-bottom: 0;
      }
      .form-inline .form-check-label {
          padding-left: 0;
      }
      .form-inline .form-check-input {
          position: relative;
          margin-top: 0;
          margin-right: 0.25rem;
          margin-left: 0;
      }
      .form-inline .custom-control {
          display: flex;
          align-items: center;
          justify-content: center;
          padding-left: 0;
      }
      .form-inline .custom-control-indicator {
          position: static;
          display: inline-block;
          margin-right: 0.25rem;
          vertical-align: text-bottom;
      }
      .form-inline .has-feedback .form-control-feedback {
          top: 0;
      }
  }
  
  .btn,
  .avgrund-close {
      display: inline-block;
      font-weight: normal;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      border: 1px solid transparent;
      padding: 0.5rem 0.75rem;
      font-size: 1rem;
      line-height: 1.25;
      border-radius: 0.25rem;
      transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .btn:focus,
  .avgrund-close:focus,
  .btn:hover,
  .avgrund-close:hover {
      text-decoration: none;
  }
  
  .btn:focus,
  .avgrund-close:focus,
  .btn.focus,
  .focus.avgrund-close {
      outline: 0;
      box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  }
  
  .btn.disabled,
  .disabled.avgrund-close,
  .btn:disabled,
  .avgrund-close:disabled {
      opacity: .65;
  }
  
  .btn:active,
  .avgrund-close:active,
  .btn.active,
  .active.avgrund-close {
      background-image: none;
  }
  
  a.btn.disabled,
  a.disabled.avgrund-close,
  fieldset[disabled] a.btn,
  fieldset[disabled] a.avgrund-close {
      pointer-events: none;
  }
  
  .btn-primary {
      color: #fff;
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .btn-primary:hover {
      color: #fff;
      background-color: #B88B1E;
      border-color: #B88B1E;
  }
  
  .btn-primary:focus,
  .btn-primary.focus {
      box-shadow: 0 0 0 3px rgba(0, 35, 136, 0.5);
  }
  
  .btn-primary.disabled,
  .btn-primary:disabled {
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .btn-primary:active,
  .btn-primary.active,
  .show>.btn-primary.dropdown-toggle {
      background-color: #B88B1E;
      background-image: none;
      border-color: #B88B1E;
  }
  
  .btn-secondary {
      color: #fff;
      background-color: #B88B1E;
      border-color: #B88B1E;
  }
  
  .btn-secondary:hover {
      color: #fff;
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .btn-secondary:focus,
  .btn-secondary.focus {
      box-shadow: 0 0 0 3px #5f0c00;
  }
  
  .btn-secondary.disabled,
  .btn-secondary:disabled {
      background-color: #B88B1E;
      border-color:  #B88B1E;
  }
  
  .btn-secondary:active,
  .btn-secondary.active,
  .show>.btn-secondary.dropdown-toggle {
      background-color:  #B88B1E;
      background-image: none;
      border-color: #B88B1E;
  }
  
  .btn-success {
      color: #111;
      background-color: #5cd069;
      border-color: #5cd069;
  }
  
  .btn-success:hover {
      color: #111;
      background-color: #3ec74e;
      border-color: #38c147;
  }
  
  .btn-success:focus,
  .btn-success.focus {
      box-shadow: 0 0 0 3px rgba(92, 208, 105, 0.5);
  }
  
  .btn-success.disabled,
  .btn-success:disabled {
      background-color: #5cd069;
      border-color: #5cd069;
  }
  
  .btn-success:active,
  .btn-success.active,
  .show>.btn-success.dropdown-toggle {
      background-color: #3ec74e;
      background-image: none;
      border-color: #38c147;
  }
  
  .btn-info {
      color: #fff;
      background-color: #745af2;
      border-color: #745af2;
  }
  
  .btn-info:hover {
      color: #fff;
      background-color: #5637ef;
      border-color: #4c2bee;
  }
  
  .btn-info:focus,
  .btn-info.focus {
      box-shadow: 0 0 0 3px rgba(116, 90, 242, 0.5);
  }
  
  .btn-info.disabled,
  .btn-info:disabled {
      background-color: #745af2;
      border-color: #745af2;
  }
  
  .btn-info:active,
  .btn-info.active,
  .show>.btn-info.dropdown-toggle {
      background-color: #5637ef;
      background-image: none;
      border-color: #4c2bee;
  }
  
  .btn-warning {
      color: #111;
      background-color: #fecb01;
      border-color: #fecb01;
  }
  
  .btn-warning:hover {
      color: #111;
      background-color: #d8ad01;
      border-color: #cba201;
  }
  
  .btn-warning:focus,
  .btn-warning.focus {
      box-shadow: 0 0 0 3px rgba(254, 203, 1, 0.5);
  }
  
  .btn-warning.disabled,
  .btn-warning:disabled {
      background-color: #fecb01;
      border-color: #fecb01;
  }
  
  .btn-warning:active,
  .btn-warning.active,
  .show>.btn-warning.dropdown-toggle {
      background-color: #d8ad01;
      background-image: none;
      border-color: #cba201;
  }
  
  .btn-danger,
  .avgrund-close {
      color: #fff;
      background-color: #ea2c54;
      border-color: #ea2c54;
  }
  
  .btn-danger:hover,
  .avgrund-close:hover {
      color: #fff;
      background-color: #da163f;
      border-color: #ce153c;
  }
  
  .btn-danger:focus,
  .avgrund-close:focus,
  .btn-danger.focus,
  .focus.avgrund-close {
      box-shadow: 0 0 0 3px rgba(234, 44, 84, 0.5);
  }
  
  .btn-danger.disabled,
  .disabled.avgrund-close,
  .btn-danger:disabled,
  .avgrund-close:disabled {
      background-color: #ea2c54;
      border-color: #ea2c54;
  }
  
  .btn-danger:active,
  .avgrund-close:active,
  .btn-danger.active,
  .active.avgrund-close,
  .show>.btn-danger.dropdown-toggle,
  .show>.dropdown-toggle.avgrund-close {
      background-color: #da163f;
      background-image: none;
      border-color: #ce153c;
  }
  
  .btn-light {
      color: #111;
      background-color: #f8f9fa;
      border-color: #f8f9fa;
  }
  
  .btn-light:hover {
      color: #111;
      background-color: #e2e6ea;
      border-color: #dae0e5;
  }
  
  .btn-light:focus,
  .btn-light.focus {
      box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
  }
  
  .btn-light.disabled,
  .btn-light:disabled {
      background-color: #f8f9fa;
      border-color: #f8f9fa;
  }
  
  .btn-light:active,
  .btn-light.active,
  .show>.btn-light.dropdown-toggle {
      background-color: #e2e6ea;
      background-image: none;
      border-color: #dae0e5;
  }
  
  .btn-dark {
      color: #fff;
      background-color: #383d4d;
      border-color: #383d4d;
  }
  
  .btn-dark:hover {
      color: #fff;
      background-color: #282b37;
      border-color: #23262f;
  }
  
  .btn-dark:focus,
  .btn-dark.focus {
      box-shadow: 0 0 0 3px rgba(56, 61, 77, 0.5);
  }
  
  .btn-dark.disabled,
  .btn-dark:disabled {
      background-color: #383d4d;
      border-color: #383d4d;
  }
  
  .btn-dark:active,
  .btn-dark.active,
  .show>.btn-dark.dropdown-toggle {
      background-color: #282b37;
      background-image: none;
      border-color: #23262f;
  }
  
  .btn-outline-primary {
      color: #5f0c00;
      background-color: transparent;
      background-image: none;
      border-color: #5f0c00;
  }
  
  .btn-outline-primary:hover {
      color: #fff;
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .btn-outline-primary:focus,
  .btn-outline-primary.focus {
      box-shadow: 0 0 0 3px rgba(0, 35, 136, 0.5);
  }
  
  .btn-outline-primary.disabled,
  .btn-outline-primary:disabled {
      color: #5f0c00;
      background-color: transparent;
  }
  
  .btn-outline-primary:active,
  .btn-outline-primary.active,
  .show>.btn-outline-primary.dropdown-toggle {
      color: #fff;
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .btn-outline-secondary {
      color: #009efb;
      background-color: transparent;
      background-image: none;
      border-color: #009efb;
  }
  
  .btn-outline-secondary:hover {
      color: #fff;
      background-color: #009efb;
      border-color: #009efb;
  }
  
  .btn-outline-secondary:focus,
  .btn-outline-secondary.focus {
      box-shadow: 0 0 0 3px rgba(0, 158, 251, 0.5);
  }
  
  .btn-outline-secondary.disabled,
  .btn-outline-secondary:disabled {
      color: #009efb;
      background-color: transparent;
  }
  
  .btn-outline-secondary:active,
  .btn-outline-secondary.active,
  .show>.btn-outline-secondary.dropdown-toggle {
      color: #fff;
      background-color: #009efb;
      border-color: #009efb;
  }
  
  .btn-outline-success,
  .portfolio-grid .portfolio-tile .tile-details .btn,
  .portfolio-grid .portfolio-tile .tile-details .avgrund-close {
      color: #5cd069;
      background-color: transparent;
      background-image: none;
      border-color: #5cd069;
  }
  
  .btn-outline-success:hover,
  .portfolio-grid .portfolio-tile .tile-details .btn:hover,
  .portfolio-grid .portfolio-tile .tile-details .avgrund-close:hover {
      color: #fff;
      background-color: #5cd069;
      border-color: #5cd069;
  }
  
  .btn-outline-success:focus,
  .portfolio-grid .portfolio-tile .tile-details .btn:focus,
  .portfolio-grid .portfolio-tile .tile-details .avgrund-close:focus,
  .btn-outline-success.focus,
  .portfolio-grid .portfolio-tile .tile-details .focus.btn,
  .portfolio-grid .portfolio-tile .tile-details .focus.avgrund-close {
      box-shadow: 0 0 0 3px rgba(92, 208, 105, 0.5);
  }
  
  .btn-outline-success.disabled,
  .portfolio-grid .portfolio-tile .tile-details .disabled.btn,
  .portfolio-grid .portfolio-tile .tile-details .disabled.avgrund-close,
  .btn-outline-success:disabled,
  .portfolio-grid .portfolio-tile .tile-details .btn:disabled,
  .portfolio-grid .portfolio-tile .tile-details .avgrund-close:disabled {
      color: #5cd069;
      background-color: transparent;
  }
  
  .btn-outline-success:active,
  .portfolio-grid .portfolio-tile .tile-details .btn:active,
  .portfolio-grid .portfolio-tile .tile-details .avgrund-close:active,
  .btn-outline-success.active,
  .portfolio-grid .portfolio-tile .tile-details .active.btn,
  .portfolio-grid .portfolio-tile .tile-details .active.avgrund-close,
  .show>.btn-outline-success.dropdown-toggle,
  .portfolio-grid .portfolio-tile .tile-details .show>.dropdown-toggle.btn,
  .portfolio-grid .portfolio-tile .tile-details .show>.dropdown-toggle.avgrund-close {
      color: #fff;
      background-color: #5cd069;
      border-color: #5cd069;
  }
  
  .btn-outline-info {
      color: #745af2;
      background-color: transparent;
      background-image: none;
      border-color: #745af2;
  }
  
  .btn-outline-info:hover {
      color: #fff;
      background-color: #745af2;
      border-color: #745af2;
  }
  
  .btn-outline-info:focus,
  .btn-outline-info.focus {
      box-shadow: 0 0 0 3px rgba(116, 90, 242, 0.5);
  }
  
  .btn-outline-info.disabled,
  .btn-outline-info:disabled {
      color: #745af2;
      background-color: transparent;
  }
  
  .btn-outline-info:active,
  .btn-outline-info.active,
  .show>.btn-outline-info.dropdown-toggle {
      color: #fff;
      background-color: #745af2;
      border-color: #745af2;
  }
  
  .btn-outline-warning {
      color: #fecb01;
      background-color: transparent;
      background-image: none;
      border-color: #fecb01;
  }
  
  .btn-outline-warning:hover {
      color: #fff;
      background-color: #fecb01;
      border-color: #fecb01;
  }
  
  .btn-outline-warning:focus,
  .btn-outline-warning.focus {
      box-shadow: 0 0 0 3px rgba(254, 203, 1, 0.5);
  }
  
  .btn-outline-warning.disabled,
  .btn-outline-warning:disabled {
      color: #fecb01;
      background-color: transparent;
  }
  
  .btn-outline-warning:active,
  .btn-outline-warning.active,
  .show>.btn-outline-warning.dropdown-toggle {
      color: #fff;
      background-color: #fecb01;
      border-color: #fecb01;
  }
  
  .btn-outline-danger {
      color: #ea2c54;
      background-color: transparent;
      background-image: none;
      border-color: #ea2c54;
  }
  
  .btn-outline-danger:hover {
      color: #fff;
      background-color: #ea2c54;
      border-color: #ea2c54;
  }
  
  .btn-outline-danger:focus,
  .btn-outline-danger.focus {
      box-shadow: 0 0 0 3px rgba(234, 44, 84, 0.5);
  }
  
  .btn-outline-danger.disabled,
  .btn-outline-danger:disabled {
      color: #ea2c54;
      background-color: transparent;
  }
  
  .btn-outline-danger:active,
  .btn-outline-danger.active,
  .show>.btn-outline-danger.dropdown-toggle {
      color: #fff;
      background-color: #ea2c54;
      border-color: #ea2c54;
  }
  
  .btn-outline-light {
      color: #f8f9fa;
      background-color: transparent;
      background-image: none;
      border-color: #f8f9fa;
  }
  
  .btn-outline-light:hover {
      color: #fff;
      background-color: #f8f9fa;
      border-color: #f8f9fa;
  }
  
  .btn-outline-light:focus,
  .btn-outline-light.focus {
      box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
  }
  
  .btn-outline-light.disabled,
  .btn-outline-light:disabled {
      color: #f8f9fa;
      background-color: transparent;
  }
  
  .btn-outline-light:active,
  .btn-outline-light.active,
  .show>.btn-outline-light.dropdown-toggle {
      color: #fff;
      background-color: #f8f9fa;
      border-color: #f8f9fa;
  }
  
  .btn-outline-dark {
      color: #383d4d;
      background-color: transparent;
      background-image: none;
      border-color: #383d4d;
  }
  
  .btn-outline-dark:hover {
      color: #fff;
      background-color: #383d4d;
      border-color: #383d4d;
  }
  
  .btn-outline-dark:focus,
  .btn-outline-dark.focus {
      box-shadow: 0 0 0 3px rgba(56, 61, 77, 0.5);
  }
  
  .btn-outline-dark.disabled,
  .btn-outline-dark:disabled {
      color: #383d4d;
      background-color: transparent;
  }
  
  .btn-outline-dark:active,
  .btn-outline-dark.active,
  .show>.btn-outline-dark.dropdown-toggle {
      color: #fff;
      background-color: #383d4d;
      border-color: #383d4d;
  }
  
  .btn-link {
      font-weight: normal;
      color: #007bff;
      border-radius: 0;
  }
  
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link:disabled {
      background-color: transparent;
  }
  
  .btn-link,
  .btn-link:focus,
  .btn-link:active {
      border-color: transparent;
      box-shadow: none;
  }
  
  .btn-link:hover {
      border-color: transparent;
  }
  
  .btn-link:focus,
  .btn-link:hover {
      color: #0056b3;
      text-decoration: underline;
      background-color: transparent;
  }
  
  .btn-link:disabled {
      color: #868e96;
  }
  
  .btn-link:disabled:focus,
  .btn-link:disabled:hover {
      text-decoration: none;
  }
  
  .btn-lg,
  .btn-group-lg>.btn,
  .btn-group-lg>.avgrund-close {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem;
  }
  
  .btn-sm,
  .btn-group-sm>.btn,
  .btn-group-sm>.avgrund-close,
  .avgrund-close {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
      border-radius: 0.2rem;
  }
  
  .btn-block {
      display: block;
      width: 100%;
  }
  
  .btn-block+.btn-block {
      margin-top: 0.5rem;
  }
  
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
      width: 100%;
  }
  
  .fade {
      opacity: 0;
      transition: opacity 0.15s linear;
  }
  
  .fade.show {
      opacity: 1;
  }
  
  .collapse {
      display: none;
  }
  
  .collapse.show {
      display: block;
  }
  
  tr.collapse.show {
      display: table-row;
  }
  
  tbody.collapse.show {
      display: table-row-group;
  }
  
  .collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      transition: height 0.35s ease;
  }
  
  .dropup,
  .dropdown {
      position: relative;
  }
  
  .dropdown-toggle::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-left: 0.3em solid transparent;
  }
  
  .dropdown-toggle:empty::after {
      margin-left: 0;
  }
  
  .dropup .dropdown-menu {
      margin-top: 0;
      margin-bottom: 0.125rem;
  }
  
  .dropup .dropdown-toggle::after {
      border-top: 0;
      border-bottom: 0.3em solid;
  }
  
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 10rem;
      padding: 0.5rem 0;
      margin: 0.125rem 0 0;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }
  
  .dropdown-divider {
      height: 0;
      margin: 0.5rem 0;
      overflow: hidden;
      border-top: 1px solid #e9ecef;
  }
  
  .dropdown-item {
      display: block;
      width: 100%;
      padding: 0.25rem 1.5rem;
      clear: both;
      font-weight: normal;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      background: none;
      border: 0;
  }
  
  .dropdown-item:focus,
  .dropdown-item:hover {
      color: #16181b;
      text-decoration: none;
      background-color: #f8f9fa;
  }
  
  .dropdown-item.active,
  .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #007bff;
  }
  
  .dropdown-item.disabled,
  .dropdown-item:disabled {
      color: #868e96;
      background-color: transparent;
  }
  
  .show>a {
      outline: 0;
  }
  
  .dropdown-menu.show {
      display: block;
  }
  
  .dropdown-header {
      display: block;
      padding: 0.5rem 1.5rem;
      margin-bottom: 0;
      font-size: 0.875rem;
      color: #868e96;
      white-space: nowrap;
  }
  
  .btn-group,
  .btn-group-vertical {
      position: relative;
      display: inline-flex;
      vertical-align: middle;
  }
  
  .btn-group>.btn,
  .btn-group>.avgrund-close,
  .btn-group-vertical>.btn,
  .btn-group-vertical>.avgrund-close {
      position: relative;
      flex: 0 1 auto;
      margin-bottom: 0;
  }
  
  .btn-group>.btn:hover,
  .btn-group>.avgrund-close:hover,
  .btn-group-vertical>.btn:hover,
  .btn-group-vertical>.avgrund-close:hover {
      z-index: 2;
  }
  
  .btn-group>.btn:focus,
  .btn-group>.avgrund-close:focus,
  .btn-group>.btn:active,
  .btn-group>.avgrund-close:active,
  .btn-group>.btn.active,
  .btn-group>.active.avgrund-close,
  .btn-group-vertical>.btn:focus,
  .btn-group-vertical>.avgrund-close:focus,
  .btn-group-vertical>.btn:active,
  .btn-group-vertical>.avgrund-close:active,
  .btn-group-vertical>.btn.active,
  .btn-group-vertical>.active.avgrund-close {
      z-index: 2;
  }
  
  .btn-group .btn+.btn,
  .btn-group .avgrund-close+.btn,
  .btn-group .btn+.avgrund-close,
  .btn-group .avgrund-close+.avgrund-close,
  .btn-group .btn+.btn-group,
  .btn-group .avgrund-close+.btn-group,
  .btn-group .btn-group+.btn,
  .btn-group .btn-group+.avgrund-close,
  .btn-group .btn-group+.btn-group,
  .btn-group-vertical .btn+.btn,
  .btn-group-vertical .avgrund-close+.btn,
  .btn-group-vertical .btn+.avgrund-close,
  .btn-group-vertical .avgrund-close+.avgrund-close,
  .btn-group-vertical .btn+.btn-group,
  .btn-group-vertical .avgrund-close+.btn-group,
  .btn-group-vertical .btn-group+.btn,
  .btn-group-vertical .btn-group+.avgrund-close,
  .btn-group-vertical .btn-group+.btn-group {
      margin-left: -1px;
  }
  
  .btn-toolbar {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
  }
  
  .btn-toolbar .input-group,
  .btn-toolbar .asColorPicker-wrap {
      width: auto;
  }
  
  .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
  .btn-group>.avgrund-close:not(:first-child):not(:last-child):not(.dropdown-toggle) {
      border-radius: 0;
  }
  
  .btn-group>.btn:first-child,
  .btn-group>.avgrund-close:first-child {
      margin-left: 0;
  }
  
  .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
  .btn-group>.avgrund-close:first-child:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .btn-group>.btn:last-child:not(:first-child),
  .btn-group>.avgrund-close:last-child:not(:first-child),
  .btn-group>.dropdown-toggle:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .btn-group>.btn-group {
      float: left;
  }
  
  .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
  .btn-group>.btn-group:not(:first-child):not(:last-child)>.avgrund-close {
      border-radius: 0;
  }
  
  .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
  .btn-group>.btn-group:first-child:not(:last-child)>.avgrund-close:last-child,
  .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
  .btn-group>.btn-group:last-child:not(:first-child)>.avgrund-close:first-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .btn+.dropdown-toggle-split,
  .avgrund-close+.dropdown-toggle-split {
      padding-right: 0.5625rem;
      padding-left: 0.5625rem;
  }
  
  .btn+.dropdown-toggle-split::after,
  .avgrund-close+.dropdown-toggle-split::after {
      margin-left: 0;
  }
  
  .btn-sm+.dropdown-toggle-split,
  .btn-group-sm>.btn+.dropdown-toggle-split,
  .btn-group-sm>.avgrund-close+.dropdown-toggle-split,
  .avgrund-close+.dropdown-toggle-split {
      padding-right: 0.375rem;
      padding-left: 0.375rem;
  }
  
  .btn-lg+.dropdown-toggle-split,
  .btn-group-lg>.btn+.dropdown-toggle-split,
  .btn-group-lg>.avgrund-close+.dropdown-toggle-split {
      padding-right: 0.75rem;
      padding-left: 0.75rem;
  }
  
  .btn-group-vertical {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
  }
  
  .btn-group-vertical .btn,
  .btn-group-vertical .avgrund-close,
  .btn-group-vertical .btn-group {
      width: 100%;
  }
  
  .btn-group-vertical>.btn+.btn,
  .btn-group-vertical>.avgrund-close+.btn,
  .btn-group-vertical>.btn+.avgrund-close,
  .btn-group-vertical>.avgrund-close+.avgrund-close,
  .btn-group-vertical>.btn+.btn-group,
  .btn-group-vertical>.avgrund-close+.btn-group,
  .btn-group-vertical>.btn-group+.btn,
  .btn-group-vertical>.btn-group+.avgrund-close,
  .btn-group-vertical>.btn-group+.btn-group {
      margin-top: -1px;
      margin-left: 0;
  }
  
  .btn-group-vertical>.btn:not(:first-child):not(:last-child),
  .btn-group-vertical>.avgrund-close:not(:first-child):not(:last-child) {
      border-radius: 0;
  }
  
  .btn-group-vertical>.btn:first-child:not(:last-child),
  .btn-group-vertical>.avgrund-close:first-child:not(:last-child) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .btn-group-vertical>.btn:last-child:not(:first-child),
  .btn-group-vertical>.avgrund-close:last-child:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
  .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.avgrund-close {
      border-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.avgrund-close:last-child,
  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,
  .btn-group-vertical>.btn-group:last-child:not(:first-child)>.avgrund-close:first-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  [data-toggle="buttons"]>.btn input[type="radio"],
  [data-toggle="buttons"]>.avgrund-close input[type="radio"],
  [data-toggle="buttons"]>.btn input[type="checkbox"],
  [data-toggle="buttons"]>.avgrund-close input[type="checkbox"],
  [data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
  [data-toggle="buttons"]>.btn-group>.avgrund-close input[type="radio"],
  [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"],
  [data-toggle="buttons"]>.btn-group>.avgrund-close input[type="checkbox"] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      pointer-events: none;
  }
  
  .input-group,
  .asColorPicker-wrap {
      position: relative;
      display: flex;
      width: 100%;
  }
  
  .input-group .form-control,
  .asColorPicker-wrap .form-control,
  .input-group .typeahead,
  .asColorPicker-wrap .typeahead,
  .input-group .tt-query,
  .asColorPicker-wrap .tt-query,
  .input-group .tt-hint,
  .asColorPicker-wrap .tt-hint,
  .input-group .asColorPicker-input,
  .asColorPicker-wrap .asColorPicker-input {
      position: relative;
      z-index: 2;
      flex: 1 1 auto;
      width: 1%;
      margin-bottom: 0;
  }
  
  .input-group .form-control:focus,
  .asColorPicker-wrap .form-control:focus,
  .input-group .typeahead:focus,
  .asColorPicker-wrap .typeahead:focus,
  .input-group .tt-query:focus,
  .asColorPicker-wrap .tt-query:focus,
  .input-group .tt-hint:focus,
  .asColorPicker-wrap .tt-hint:focus,
  .input-group .asColorPicker-input:focus,
  .asColorPicker-wrap .asColorPicker-input:focus,
  .input-group .form-control:active,
  .asColorPicker-wrap .form-control:active,
  .input-group .typeahead:active,
  .asColorPicker-wrap .typeahead:active,
  .input-group .tt-query:active,
  .asColorPicker-wrap .tt-query:active,
  .input-group .tt-hint:active,
  .asColorPicker-wrap .tt-hint:active,
  .input-group .asColorPicker-input:active,
  .asColorPicker-wrap .asColorPicker-input:active,
  .input-group .form-control:hover,
  .asColorPicker-wrap .form-control:hover,
  .input-group .typeahead:hover,
  .asColorPicker-wrap .typeahead:hover,
  .input-group .tt-query:hover,
  .asColorPicker-wrap .tt-query:hover,
  .input-group .tt-hint:hover,
  .asColorPicker-wrap .tt-hint:hover,
  .input-group .asColorPicker-input:hover,
  .asColorPicker-wrap .asColorPicker-input:hover {
      z-index: 3;
  }
  
  .input-group-addon,
  .asColorPicker-trigger,
  .input-group-btn,
  .input-group .form-control,
  .asColorPicker-wrap .form-control,
  .input-group .typeahead,
  .asColorPicker-wrap .typeahead,
  .input-group .tt-query,
  .asColorPicker-wrap .tt-query,
  .input-group .tt-hint,
  .asColorPicker-wrap .tt-hint,
  .input-group .asColorPicker-input,
  .asColorPicker-wrap .asColorPicker-input {
      display: flex;
      align-items: center;
  }
  
  .input-group-addon:not(:first-child):not(:last-child),
  .asColorPicker-trigger:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child),
  .asColorPicker-wrap .form-control:not(:first-child):not(:last-child),
  .input-group .typeahead:not(:first-child):not(:last-child),
  .asColorPicker-wrap .typeahead:not(:first-child):not(:last-child),
  .input-group .tt-query:not(:first-child):not(:last-child),
  .asColorPicker-wrap .tt-query:not(:first-child):not(:last-child),
  .input-group .tt-hint:not(:first-child):not(:last-child),
  .asColorPicker-wrap .tt-hint:not(:first-child):not(:last-child),
  .input-group .asColorPicker-input:not(:first-child):not(:last-child),
  .asColorPicker-wrap .asColorPicker-input:not(:first-child):not(:last-child) {
      border-radius: 0;
  }
  
  .input-group-addon,
  .asColorPicker-trigger,
  .input-group-btn {
      white-space: nowrap;
      vertical-align: middle;
  }
  
  .input-group-addon,
  .asColorPicker-trigger {
      padding: 0.5rem 0.75rem;
      margin-bottom: 0;
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.25;
      color: #495057;
      text-align: center;
      background-color: #e9ecef;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }
  
  .input-group-addon.form-control-sm,
  .input-group-sm>.input-group-addon,
  .input-group-sm>.asColorPicker-trigger,
  .input-group-sm>.input-group-btn>.input-group-addon.btn,
  .input-group-sm>.input-group-btn>.btn.asColorPicker-trigger,
  .input-group-sm>.input-group-btn>.asColorPicker-trigger.avgrund-close,
  .input-group-sm>.input-group-btn>.input-group-addon.avgrund-close,
  .form-control-sm.asColorPicker-trigger {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      border-radius: 0.2rem;
  }
  
  .input-group-addon.form-control-lg,
  .input-group-lg>.input-group-addon,
  .input-group-lg>.asColorPicker-trigger,
  .input-group-lg>.input-group-btn>.input-group-addon.btn,
  .input-group-lg>.input-group-btn>.btn.asColorPicker-trigger,
  .input-group-lg>.input-group-btn>.asColorPicker-trigger.avgrund-close,
  .input-group-lg>.input-group-btn>.input-group-addon.avgrund-close,
  .form-control-lg.asColorPicker-trigger {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      border-radius: 0.3rem;
  }
  
  .input-group-addon input[type="radio"],
  .asColorPicker-trigger input[type="radio"],
  .input-group-addon input[type="checkbox"],
  .asColorPicker-trigger input[type="checkbox"] {
      margin-top: 0;
  }
  
  .input-group .form-control:not(:last-child),
  .asColorPicker-wrap .form-control:not(:last-child),
  .input-group .typeahead:not(:last-child),
  .asColorPicker-wrap .typeahead:not(:last-child),
  .input-group .tt-query:not(:last-child),
  .asColorPicker-wrap .tt-query:not(:last-child),
  .input-group .tt-hint:not(:last-child),
  .asColorPicker-wrap .tt-hint:not(:last-child),
  .input-group .asColorPicker-input:not(:last-child),
  .asColorPicker-wrap .asColorPicker-input:not(:last-child),
  .input-group-addon:not(:last-child),
  .asColorPicker-trigger:not(:last-child),
  .input-group-btn:not(:last-child)>.btn,
  .input-group-btn:not(:last-child)>.avgrund-close,
  .input-group-btn:not(:last-child)>.btn-group>.btn,
  .input-group-btn:not(:last-child)>.btn-group>.avgrund-close,
  .input-group-btn:not(:last-child)>.dropdown-toggle,
  .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:not(:first-child)>.avgrund-close:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
  .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.avgrund-close {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .input-group-addon:not(:last-child),
  .asColorPicker-trigger:not(:last-child) {
      border-right: 0;
  }
  
  .input-group .form-control:not(:first-child),
  .asColorPicker-wrap .form-control:not(:first-child),
  .input-group .typeahead:not(:first-child),
  .asColorPicker-wrap .typeahead:not(:first-child),
  .input-group .tt-query:not(:first-child),
  .asColorPicker-wrap .tt-query:not(:first-child),
  .input-group .tt-hint:not(:first-child),
  .asColorPicker-wrap .tt-hint:not(:first-child),
  .input-group .asColorPicker-input:not(:first-child),
  .asColorPicker-wrap .asColorPicker-input:not(:first-child),
  .input-group-addon:not(:first-child),
  .asColorPicker-trigger:not(:first-child),
  .input-group-btn:not(:first-child)>.btn,
  .input-group-btn:not(:first-child)>.avgrund-close,
  .input-group-btn:not(:first-child)>.btn-group>.btn,
  .input-group-btn:not(:first-child)>.btn-group>.avgrund-close,
  .input-group-btn:not(:first-child)>.dropdown-toggle,
  .input-group-btn:not(:last-child)>.btn:not(:first-child),
  .input-group-btn:not(:last-child)>.avgrund-close:not(:first-child),
  .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
  .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.avgrund-close {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }
  
  .form-control+.input-group-addon:not(:first-child),
  .typeahead+.input-group-addon:not(:first-child),
  .tt-query+.input-group-addon:not(:first-child),
  .tt-hint+.input-group-addon:not(:first-child),
  .asColorPicker-input+.input-group-addon:not(:first-child),
  .form-control+.asColorPicker-trigger:not(:first-child),
  .typeahead+.asColorPicker-trigger:not(:first-child),
  .tt-query+.asColorPicker-trigger:not(:first-child),
  .tt-hint+.asColorPicker-trigger:not(:first-child),
  .asColorPicker-input+.asColorPicker-trigger:not(:first-child) {
      border-left: 0;
  }
  
  .input-group-btn {
      position: relative;
      font-size: 0;
      white-space: nowrap;
  }
  
  .input-group-btn>.btn,
  .input-group-btn>.avgrund-close {
      position: relative;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
  }
  
  .input-group-btn>.btn+.btn,
  .input-group-btn>.avgrund-close+.btn,
  .input-group-btn>.btn+.avgrund-close,
  .input-group-btn>.avgrund-close+.avgrund-close {
      margin-left: -1px;
  }
  
  .input-group-btn>.btn:focus,
  .input-group-btn>.avgrund-close:focus,
  .input-group-btn>.btn:active,
  .input-group-btn>.avgrund-close:active,
  .input-group-btn>.btn:hover,
  .input-group-btn>.avgrund-close:hover {
      z-index: 3;
  }
  
  .input-group-btn:not(:last-child)>.btn,
  .input-group-btn:not(:last-child)>.avgrund-close,
  .input-group-btn:not(:last-child)>.btn-group {
      margin-right: -1px;
  }
  
  .input-group-btn:not(:first-child)>.btn,
  .input-group-btn:not(:first-child)>.avgrund-close,
  .input-group-btn:not(:first-child)>.btn-group {
      z-index: 2;
      margin-left: -1px;
  }
  
  .input-group-btn:not(:first-child)>.btn:focus,
  .input-group-btn:not(:first-child)>.avgrund-close:focus,
  .input-group-btn:not(:first-child)>.btn:active,
  .input-group-btn:not(:first-child)>.avgrund-close:active,
  .input-group-btn:not(:first-child)>.btn:hover,
  .input-group-btn:not(:first-child)>.avgrund-close:hover,
  .input-group-btn:not(:first-child)>.btn-group:focus,
  .input-group-btn:not(:first-child)>.btn-group:active,
  .input-group-btn:not(:first-child)>.btn-group:hover {
      z-index: 3;
  }
  
  .custom-control {
      position: relative;
      display: inline-flex;
      min-height: 1.5rem;
      padding-left: 1.5rem;
      margin-right: 1rem;
  }
  
  .custom-control-input {
      position: absolute;
      z-index: -1;
      opacity: 0;
  }
  
  .custom-control-input:checked~.custom-control-indicator {
      color: #fff;
      background-color: #007bff;
  }
  
  .custom-control-input:focus~.custom-control-indicator {
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff;
  }
  
  .custom-control-input:active~.custom-control-indicator {
      color: #fff;
      background-color: #b3d7ff;
  }
  
  .custom-control-input:disabled~.custom-control-indicator {
      background-color: #e9ecef;
  }
  
  .custom-control-input:disabled~.custom-control-description {
      color: #868e96;
  }
  
  .custom-control-indicator {
      position: absolute;
      top: 0.25rem;
      left: 0;
      display: block;
      width: 1rem;
      height: 1rem;
      pointer-events: none;
      user-select: none;
      background-color: #ddd;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
  }
  
  .custom-checkbox .custom-control-indicator {
      border-radius: 0.25rem;
  }
  
  .custom-checkbox .custom-control-input:checked~.custom-control-indicator {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
  }
  
  .custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
      background-color: #007bff;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
  }
  
  .custom-radio .custom-control-indicator {
      border-radius: 50%;
  }
  
  .custom-radio .custom-control-input:checked~.custom-control-indicator {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  }
  
  .custom-controls-stacked {
      display: flex;
      flex-direction: column;
  }
  
  .custom-controls-stacked .custom-control {
      margin-bottom: 0.25rem;
  }
  
  .custom-controls-stacked .custom-control+.custom-control {
      margin-left: 0;
  }
  
  .custom-select {
      display: inline-block;
      max-width: 100%;
      height: calc(2.25rem + 2px);
      padding: 0.375rem 1.75rem 0.375rem 0.75rem;
      line-height: 1.25;
      color: #495057;
      vertical-align: middle;
      background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
      background-clip: padding-box;
      background-size: 8px 10px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
      appearance: none;
  }
  
  .custom-select:focus {
      border-color: #80bdff;
      outline: none;
  }
  
  .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff;
  }
  
  .custom-select:disabled {
      color: #868e96;
      background-color: #e9ecef;
  }
  
  .custom-select::-ms-expand {
      opacity: 0;
  }
  
  .custom-select-sm {
      height: calc(1.8125rem + 2px);
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
      font-size: 75%;
  }
  
  .custom-file {
      position: relative;
      display: inline-block;
      max-width: 100%;
      height: calc(2.25rem + 2px);
      margin-bottom: 0;
  }
  
  .custom-file-input {
      min-width: 14rem;
      max-width: 100%;
      height: calc(2.25rem + 2px);
      margin: 0;
      opacity: 0;
  }
  
  .custom-file-input:focus~.custom-file-control {
      box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff;
  }
  
  .custom-file-control {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 5;
      height: calc(2.25rem + 2px);
      padding: 0.5rem 0.75rem;
      overflow: hidden;
      line-height: 1.25;
      color: #495057;
      pointer-events: none;
      user-select: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }
  
  .custom-file-control:lang(en):empty::after {
      content: "Choose file...";
  }
  
  .custom-file-control::before {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 6;
      display: block;
      height: calc(2.25rem + 2px);
      padding: 0.5rem 0.75rem;
      line-height: 1.25;
      color: #495057;
      background-color: #e9ecef;
      border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
  
  .custom-file-control:lang(en)::before {
      content: "Browse";
  }
  
  .nav {
      display: flex;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
  }
  
  .nav-link {
      display: block;
      padding: 0.5rem 1rem;
  }
  
  .nav-link:focus,
  .nav-link:hover {
      text-decoration: none;
  }
  
  .nav-link.disabled {
      color: #868e96;
  }
  
  .nav-tabs {
      border-bottom: 1px solid #ddd;
  }
  
  .nav-tabs .nav-item {
      margin-bottom: -1px;
  }
  
  .nav-tabs .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
  }
  
  .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:hover {
      border-color: #e9ecef #e9ecef #ddd;
  }
  
  .nav-tabs .nav-link.disabled {
      color: #868e96;
      background-color: transparent;
      border-color: transparent;
  }
  
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
      color: #495057;
      background-color: #fff;
      border-color: #ddd #ddd #fff;
  }
  
  .nav-tabs .dropdown-menu {
      margin-top: -1px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .nav-pills .nav-link {
      border-radius: 0.25rem;
  }
  
  .nav-pills .nav-link.active,
  .show>.nav-pills .nav-link {
      color: #fff;
      background-color: #007bff;
  }
  
  .nav-fill .nav-item {
      flex: 1 1 auto;
      text-align: center;
  }
  
  .nav-justified .nav-item {
      flex-basis: 0;
      flex-grow: 1;
      text-align: center;
  }
  
  .tab-content>.tab-pane {
      display: none;
  }
  
  .tab-content>.active {
      display: block;
  }
  
  .navbar {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      padding: 0.5rem 1rem;
  }
  
  .navbar>.container,
  .navbar>.container-fluid,
  .search-result .navbar>.results {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
  }
  
  .navbar-brand {
      display: inline-block;
      padding-top: 0.3125rem;
      padding-bottom: 0.3125rem;
      margin-right: 1rem;
      font-size: 1.25rem;
      line-height: inherit;
      white-space: nowrap;
  }
  
  .navbar-brand:focus,
  .navbar-brand:hover {
      text-decoration: none;
  }
  
  .navbar-nav {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
  }
  
  .navbar-nav .nav-link {
      padding-right: 0;
      padding-left: 0;
  }
  
  .navbar-nav .dropdown-menu {
      position: static;
      float: none;
  }
  
  .navbar-text {
      display: inline-block;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
  }
  
  .navbar-collapse {
      flex-basis: 100%;
      align-items: center;
  }
  
  .navbar-toggler {
      padding: 0.25rem 0.75rem;
      font-size: 1.25rem;
      line-height: 1;
      background: transparent;
      border: 1px solid transparent;
      border-radius: 0.25rem;
  }
  
  .navbar-toggler:focus,
  .navbar-toggler:hover {
      text-decoration: none;
  }
  
  .navbar-toggler-icon {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
      content: "";
      background: no-repeat center center;
      background-size: 100% 100%;
  }
  
  @media (max-width: 575px) {
      .navbar-expand-sm>.container,
      .navbar-expand-sm>.container-fluid,
      .search-result .navbar-expand-sm>.results {
          padding-right: 0;
          padding-left: 0;
      }
  }
  
  @media (min-width: 576px) {
      .navbar-expand-sm {
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
      }
      .navbar-expand-sm .navbar-nav {
          flex-direction: row;
      }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute;
      }
      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
          right: 0;
          left: auto;
      }
      .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem;
      }
      .navbar-expand-sm>.container,
      .navbar-expand-sm>.container-fluid,
      .search-result .navbar-expand-sm>.results {
          flex-wrap: nowrap;
      }
      .navbar-expand-sm .navbar-collapse {
          display: flex !important;
      }
      .navbar-expand-sm .navbar-toggler {
          display: none;
      }
  }
  
  @media (max-width: 767px) {
      .navbar-expand-md>.container,
      .navbar-expand-md>.container-fluid,
      .search-result .navbar-expand-md>.results {
          padding-right: 0;
          padding-left: 0;
      }
  }
  
  @media (min-width: 768px) {
      .navbar-expand-md {
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
      }
      .navbar-expand-md .navbar-nav {
          flex-direction: row;
      }
      .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute;
      }
      .navbar-expand-md .navbar-nav .dropdown-menu-right {
          right: 0;
          left: auto;
      }
      .navbar-expand-md .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem;
      }
      .navbar-expand-md>.container,
      .navbar-expand-md>.container-fluid,
      .search-result .navbar-expand-md>.results {
          flex-wrap: nowrap;
      }
      .navbar-expand-md .navbar-collapse {
          display: flex !important;
      }
      .navbar-expand-md .navbar-toggler {
          display: none;
      }
  }
  
  @media (max-width: 991px) {
      .navbar-expand-lg>.container,
      .navbar-expand-lg>.container-fluid,
      .search-result .navbar-expand-lg>.results {
          padding-right: 0;
          padding-left: 0;
      }
  }
  
  @media (min-width: 992px) {
      .navbar-expand-lg {
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
      }
      .navbar-expand-lg .navbar-nav {
          flex-direction: row;
      }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute;
      }
      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
          right: 0;
          left: auto;
      }
      .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem;
      }
      .navbar-expand-lg>.container,
      .navbar-expand-lg>.container-fluid,
      .search-result .navbar-expand-lg>.results {
          flex-wrap: nowrap;
      }
      .navbar-expand-lg .navbar-collapse {
          display: flex !important;
      }
      .navbar-expand-lg .navbar-toggler {
          display: none;
      }
  }
  
  @media (max-width: 1199px) {
      .navbar-expand-xl>.container,
      .navbar-expand-xl>.container-fluid,
      .search-result .navbar-expand-xl>.results {
          padding-right: 0;
          padding-left: 0;
      }
  }
  
  @media (min-width: 1200px) {
      .navbar-expand-xl {
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
      }
      .navbar-expand-xl .navbar-nav {
          flex-direction: row;
      }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute;
      }
      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
          right: 0;
          left: auto;
      }
      .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem;
      }
      .navbar-expand-xl>.container,
      .navbar-expand-xl>.container-fluid,
      .search-result .navbar-expand-xl>.results {
          flex-wrap: nowrap;
      }
      .navbar-expand-xl .navbar-collapse {
          display: flex !important;
      }
      .navbar-expand-xl .navbar-toggler {
          display: none;
      }
  }
  
  .navbar-expand {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
  }
  
  .navbar-expand>.container,
  .navbar-expand>.container-fluid,
  .search-result .navbar-expand>.results {
      padding-right: 0;
      padding-left: 0;
  }
  
  .navbar-expand .navbar-nav {
      flex-direction: row;
  }
  
  .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute;
  }
  
  .navbar-expand .navbar-nav .dropdown-menu-right {
      right: 0;
      left: auto;
  }
  
  .navbar-expand .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
  }
  
  .navbar-expand>.container,
  .navbar-expand>.container-fluid,
  .search-result .navbar-expand>.results {
      flex-wrap: nowrap;
  }
  
  .navbar-expand .navbar-collapse {
      display: flex !important;
  }
  
  .navbar-expand .navbar-toggler {
      display: none;
  }
  
  .navbar-light .navbar-brand {
      color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-brand:focus,
  .navbar-light .navbar-brand:hover {
      color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 0.5);
  }
  
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
      color: rgba(0, 0, 0, 0.7);
  }
  
  .navbar-light .navbar-nav .nav-link.disabled {
      color: rgba(0, 0, 0, 0.3);
  }
  
  .navbar-light .navbar-nav .show>.nav-link,
  .navbar-light .navbar-nav .active>.nav-link,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .nav-link.active {
      color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-toggler {
      color: rgba(0, 0, 0, 0.5);
      border-color: rgba(0, 0, 0, 0.1);
  }
  
  .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  
  .navbar-light .navbar-text {
      color: rgba(0, 0, 0, 0.5);
  }
  
  .navbar-dark .navbar-brand {
      color: white;
  }
  
  .navbar-dark .navbar-brand:focus,
  .navbar-dark .navbar-brand:hover {
      color: white;
  }
  
  .navbar-dark .navbar-nav .nav-link {
      color: rgba(255, 255, 255, 0.5);
  }
  
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
      color: rgba(255, 255, 255, 0.75);
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
      color: rgba(255, 255, 255, 0.25);
  }
  
  .navbar-dark .navbar-nav .show>.nav-link,
  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
      color: white;
  }
  
  .navbar-dark .navbar-toggler {
      color: rgba(255, 255, 255, 0.5);
      border-color: rgba(255, 255, 255, 0.1);
  }
  
  .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  
  .navbar-dark .navbar-text {
      color: rgba(255, 255, 255, 0.5);
  }
  
  .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0.25rem;
  }
  
  .card-body,
  .horizontal-menu .sidebar .nav .nav-item .mega-menu {
      flex: 1 1 auto;
      padding: 1.25rem;
  }
  
  .card-title {
      margin-bottom: 0.75rem;
  }
  
  .card-subtitle {
      margin-top: -0.375rem;
      margin-bottom: 0;
  }
  
  .card-text:last-child {
      margin-bottom: 0;
  }
  
  .card-link:hover {
      text-decoration: none;
  }
  
  .card-link+.card-link {
      margin-left: 1.25rem;
  }
  
  .card>.list-group:first-child .list-group-item:first-child {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
  }
  
  .card>.list-group:last-child .list-group-item:last-child {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
  }
  
  .card-header {
      padding: 0.75rem 1.25rem;
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, 0.03);
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .card-header:first-child {
      border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }
  
  .card-footer {
      padding: 0.75rem 1.25rem;
      background-color: rgba(0, 0, 0, 0.03);
      border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .card-footer:last-child {
      border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
  }
  
  .card-header-tabs {
      margin-right: -0.625rem;
      margin-bottom: -0.75rem;
      margin-left: -0.625rem;
      border-bottom: 0;
  }
  
  .card-header-pills {
      margin-right: -0.625rem;
      margin-left: -0.625rem;
  }
  
  .card-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.25rem;
  }
  
  .card-img {
      width: 100%;
      border-radius: calc(0.25rem - 1px);
  }
  
  .card-img-top {
      width: 100%;
      border-top-left-radius: calc(0.25rem - 1px);
      border-top-right-radius: calc(0.25rem - 1px);
  }
  
  .card-img-bottom {
      width: 100%;
      border-bottom-right-radius: calc(0.25rem - 1px);
      border-bottom-left-radius: calc(0.25rem - 1px);
  }
  
  @media (min-width: 576px) {
      .card-deck {
          display: flex;
          flex-flow: row wrap;
          margin-right: -15px;
          margin-left: -15px;
      }
      .card-deck .card {
          display: flex;
          flex: 1 0 0%;
          flex-direction: column;
          margin-right: 15px;
          margin-left: 15px;
      }
  }
  
  @media (min-width: 576px) {
      .card-group {
          display: flex;
          flex-flow: row wrap;
      }
      .card-group .card {
          flex: 1 0 0%;
      }
      .card-group .card+.card {
          margin-left: 0;
          border-left: 0;
      }
      .card-group .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
      }
      .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0;
      }
      .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0;
      }
      .card-group .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
      }
      .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0;
      }
      .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0;
      }
      .card-group .card:not(:first-child):not(:last-child) {
          border-radius: 0;
      }
      .card-group .card:not(:first-child):not(:last-child) .card-img-top,
      .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0;
      }
  }
  
  .card-columns .card {
      margin-bottom: 0.75rem;
  }
  
  @media (min-width: 576px) {
      .card-columns {
          column-count: 3;
          column-gap: 1.25rem;
      }
      .card-columns .card {
          display: inline-block;
          width: 100%;
      }
  }
  
  .breadcrumb {
      padding: 0.75rem 1rem;
      margin-bottom: 1rem;
      list-style: none;
      background-color: #e9ecef;
      border-radius: 0.25rem;
  }
  
  .breadcrumb::after {
      display: block;
      clear: both;
      content: "";
  }
  
  .breadcrumb-item {
      float: left;
  }
  
  .breadcrumb-item+.breadcrumb-item::before {
      display: inline-block;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      color: #868e96;
      content: "/";
  }
  
  .breadcrumb-item+.breadcrumb-item:hover::before {
      text-decoration: underline;
  }
  
  .breadcrumb-item+.breadcrumb-item:hover::before {
      text-decoration: none;
  }
  
  .breadcrumb-item.active {
      color: #868e96;
  }
  
  .pagination {
      display: flex;
      padding-left: 0;
      list-style: none;
      border-radius: 0.25rem;
  }
  
  .page-item:first-child .page-link {
      margin-left: 0;
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
  }
  
  .page-item:last-child .page-link {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
  }
  
  .page-item.active .page-link {
      z-index: 2;
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
  }
  
  .page-item.disabled .page-link {
      color: #868e96;
      pointer-events: none;
      background-color: #fff;
      border-color: #ddd;
  }
  
  .page-link {
      position: relative;
      display: block;
      padding: 0.5rem 0.75rem;
      margin-left: -1px;
      line-height: 1.25;
      color: #007bff;
      background-color: #fff;
      border: 1px solid #ddd;
  }
  
  .page-link:focus,
  .page-link:hover {
      color: #0056b3;
      text-decoration: none;
      background-color: #e9ecef;
      border-color: #ddd;
  }
  
  .pagination-lg .page-link {
      padding: 0.75rem 1.5rem;
      font-size: 1.25rem;
      line-height: 1.5;
  }
  
  .pagination-lg .page-item:first-child .page-link {
      border-top-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem;
  }
  
  .pagination-lg .page-item:last-child .page-link {
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem;
  }
  
  .pagination-sm .page-link {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
  }
  
  .pagination-sm .page-item:first-child .page-link {
      border-top-left-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
  }
  
  .pagination-sm .page-item:last-child .page-link {
      border-top-right-radius: 0.2rem;
      border-bottom-right-radius: 0.2rem;
  }
  
  .badge {
      display: inline-block;
      padding: 0.25em 0.4em;
      font-size: 75%;
      font-weight: bold;
      line-height: 1;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      border-radius: 0.25rem;
  }
  
  .badge:empty {
      display: none;
  }
  
  .btn .badge,
  .avgrund-close .badge {
      position: relative;
      top: -1px;
  }
  
  .badge-pill {
      padding-right: 0.6em;
      padding-left: 0.6em;
      border-radius: 10rem;
  }
  
  .badge-primary {
      color: #fff;
      background-color: #5f0c00;
  }
  
  .badge-primary[href]:focus,
  .badge-primary[href]:hover {
      color: #fff;
      text-decoration: none;
      background-color: #001655;
  }
  
  .badge-secondary {
      color: #fff;
      background-color: #009efb;
  }
  
  .badge-secondary[href]:focus,
  .badge-secondary[href]:hover {
      color: #fff;
      text-decoration: none;
      background-color: #007ec8;
  }
  
  .badge-success,
  .preview-list .preview-item .preview-thumbnail .badge.badge-online {
      color: #111;
      background-color: #5cd069;
  }
  
  .badge-success[href]:focus,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:focus,
  .badge-success[href]:hover,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:hover {
      color: #111;
      text-decoration: none;
      background-color: #38c147;
  }
  
  .badge-info,
  .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
      color: #fff;
      background-color: #745af2;
  }
  
  .badge-info[href]:focus,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:focus,
  .badge-info[href]:hover,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:hover {
      color: #fff;
      text-decoration: none;
      background-color: #4c2bee;
  }
  
  .badge-warning,
  .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
      color: #111;
      background-color: #fecb01;
  }
  
  .badge-warning[href]:focus,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:focus,
  .badge-warning[href]:hover,
  .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:hover {
      color: #111;
      text-decoration: none;
      background-color: #cba201;
  }
  
  .badge-danger {
      color: #fff;
      background-color: #ea2c54;
  }
  
  .badge-danger[href]:focus,
  .badge-danger[href]:hover {
      color: #fff;
      text-decoration: none;
      background-color: #ce153c;
  }
  
  .badge-light {
      color: #111;
      background-color: #f8f9fa;
  }
  
  .badge-light[href]:focus,
  .badge-light[href]:hover {
      color: #111;
      text-decoration: none;
      background-color: #dae0e5;
  }
  
  .badge-dark {
      color: #fff;
      background-color: #383d4d;
  }
  
  .badge-dark[href]:focus,
  .badge-dark[href]:hover {
      color: #fff;
      text-decoration: none;
      background-color: #23262f;
  }
  
  .jumbotron {
      padding: 2rem 1rem;
      margin-bottom: 2rem;
      background-color: #e9ecef;
      border-radius: 0.3rem;
  }
  
  @media (min-width: 576px) {
      .jumbotron {
          padding: 4rem 2rem;
      }
  }
  
  .jumbotron-fluid {
      padding-right: 0;
      padding-left: 0;
      border-radius: 0;
  }
  
  .alert {
      padding: 0.75rem 1.25rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-radius: 0.25rem;
  }
  
  .alert-heading {
      color: inherit;
  }
  
  .alert-link {
      font-weight: bold;
  }
  
  .alert-dismissible .close {
      position: relative;
      top: -0.75rem;
      right: -1.25rem;
      padding: 0.75rem 1.25rem;
      color: inherit;
  }
  
  .alert-primary {
      color: #001247;
      background-color: #ccd3e7;
      border-color: #b8c1de;
  }
  
  .alert-primary hr {
      border-top-color: #a7b2d6;
  }
  
  .alert-primary .alert-link {
      color: #000514;
  }
  
  .alert-secondary {
      color: #005283;
      background-color: #ccecfe;
      border-color: #b8e4fe;
  }
  
  .alert-secondary hr {
      border-top-color: #9fdafe;
  }
  
  .alert-secondary .alert-link {
      color: #003250;
  }
  
  .alert-success {
      color: #306c37;
      background-color: #def6e1;
      border-color: #d1f2d5;
  }
  
  .alert-success hr {
      border-top-color: #bdecc3;
  }
  
  .alert-success .alert-link {
      color: #204925;
  }
  
  .alert-info {
      color: #3c2f7e;
      background-color: #e3defc;
      border-color: #d8d1fb;
  }
  
  .alert-info hr {
      border-top-color: #c4baf9;
  }
  
  .alert-info .alert-link {
      color: #2a2159;
  }
  
  .alert-warning {
      color: #846a01;
      background-color: #fff5cc;
      border-color: #fff0b8;
  }
  
  .alert-warning hr {
      border-top-color: #ffeb9f;
  }
  
  .alert-warning .alert-link {
      color: #514101;
  }
  
  .alert-danger {
      color: #7a172c;
      background-color: #fbd5dd;
      border-color: #f9c4cf;
  }
  
  .alert-danger hr {
      border-top-color: #f7adbc;
  }
  
  .alert-danger .alert-link {
      color: #4f0f1d;
  }
  
  .alert-light {
      color: #818182;
      background-color: #fefefe;
      border-color: #fdfdfe;
  }
  
  .alert-light hr {
      border-top-color: #ececf6;
  }
  
  .alert-light .alert-link {
      color: #686868;
  }
  
  .alert-dark {
      color: #1d2028;
      background-color: #d7d8db;
      border-color: #c7c9cd;
  }
  
  .alert-dark hr {
      border-top-color: #babcc1;
  }
  
  .alert-dark .alert-link {
      color: #08080a;
  }
  
  @keyframes progress-bar-stripes {
      from {
          background-position: 1rem 0;
      }
      to {
          background-position: 0 0;
      }
  }
  
  .progress {
      display: flex;
      height: 1rem;
      overflow: hidden;
      font-size: 0.75rem;
      background-color: #e9ecef;
      border-radius: 0.25rem;
  }
  
  .progress-bar {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background-color: #007bff;
  }
  
  .progress-bar-striped {
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
      background-size: 1rem 1rem;
  }
  
  .progress-bar-animated {
      animation: progress-bar-stripes 1s linear infinite;
  }
  
  .media {
      display: flex;
      align-items: flex-start;
  }
  
  .media-body {
      flex: 1;
  }
  
  .list-group {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
  }
  
  .list-group-item-action {
      width: 100%;
      color: #495057;
      text-align: inherit;
  }
  
  .list-group-item-action:focus,
  .list-group-item-action:hover {
      color: #495057;
      text-decoration: none;
      background-color: #f8f9fa;
  }
  
  .list-group-item-action:active {
      color: #212529;
      background-color: #e9ecef;
  }
  
  .list-group-item {
      position: relative;
      display: block;
      padding: 0.75rem 1.25rem;
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .list-group-item:first-child {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
  }
  
  .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
  }
  
  .list-group-item:focus,
  .list-group-item:hover {
      text-decoration: none;
  }
  
  .list-group-item.disabled,
  .list-group-item:disabled {
      color: #868e96;
      background-color: #fff;
  }
  
  .list-group-item.active {
      z-index: 2;
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
  }
  
  .list-group-flush .list-group-item {
      border-right: 0;
      border-left: 0;
      border-radius: 0;
  }
  
  .list-group-flush:first-child .list-group-item:first-child {
      border-top: 0;
  }
  
  .list-group-flush:last-child .list-group-item:last-child {
      border-bottom: 0;
  }
  
  .list-group-item-primary {
      color: #001247;
      background-color: #b8c1de;
  }
  
  a.list-group-item-primary,
  button.list-group-item-primary {
      color: #001247;
  }
  
  a.list-group-item-primary:focus,
  a.list-group-item-primary:hover,
  button.list-group-item-primary:focus,
  button.list-group-item-primary:hover {
      color: #001247;
      background-color: #a7b2d6;
  }
  
  a.list-group-item-primary.active,
  button.list-group-item-primary.active {
      color: #fff;
      background-color: #001247;
      border-color: #001247;
  }
  
  .list-group-item-secondary {
      color: #005283;
      background-color: #b8e4fe;
  }
  
  a.list-group-item-secondary,
  button.list-group-item-secondary {
      color: #005283;
  }
  
  a.list-group-item-secondary:focus,
  a.list-group-item-secondary:hover,
  button.list-group-item-secondary:focus,
  button.list-group-item-secondary:hover {
      color: #005283;
      background-color: #9fdafe;
  }
  
  a.list-group-item-secondary.active,
  button.list-group-item-secondary.active {
      color: #fff;
      background-color: #005283;
      border-color: #005283;
  }
  
  .list-group-item-success {
      color: #306c37;
      background-color: #d1f2d5;
  }
  
  a.list-group-item-success,
  button.list-group-item-success {
      color: #306c37;
  }
  
  a.list-group-item-success:focus,
  a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
      color: #306c37;
      background-color: #bdecc3;
  }
  
  a.list-group-item-success.active,
  button.list-group-item-success.active {
      color: #fff;
      background-color: #306c37;
      border-color: #306c37;
  }
  
  .list-group-item-info {
      color: #3c2f7e;
      background-color: #d8d1fb;
  }
  
  a.list-group-item-info,
  button.list-group-item-info {
      color: #3c2f7e;
  }
  
  a.list-group-item-info:focus,
  a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
      color: #3c2f7e;
      background-color: #c4baf9;
  }
  
  a.list-group-item-info.active,
  button.list-group-item-info.active {
      color: #fff;
      background-color: #3c2f7e;
      border-color: #3c2f7e;
  }
  
  .list-group-item-warning {
      color: #846a01;
      background-color: #fff0b8;
  }
  
  a.list-group-item-warning,
  button.list-group-item-warning {
      color: #846a01;
  }
  
  a.list-group-item-warning:focus,
  a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
      color: #846a01;
      background-color: #ffeb9f;
  }
  
  a.list-group-item-warning.active,
  button.list-group-item-warning.active {
      color: #fff;
      background-color: #846a01;
      border-color: #846a01;
  }
  
  .list-group-item-danger {
      color: #7a172c;
      background-color: #f9c4cf;
  }
  
  a.list-group-item-danger,
  button.list-group-item-danger {
      color: #7a172c;
  }
  
  a.list-group-item-danger:focus,
  a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
      color: #7a172c;
      background-color: #f7adbc;
  }
  
  a.list-group-item-danger.active,
  button.list-group-item-danger.active {
      color: #fff;
      background-color: #7a172c;
      border-color: #7a172c;
  }
  
  .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe;
  }
  
  a.list-group-item-light,
  button.list-group-item-light {
      color: #818182;
  }
  
  a.list-group-item-light:focus,
  a.list-group-item-light:hover,
  button.list-group-item-light:focus,
  button.list-group-item-light:hover {
      color: #818182;
      background-color: #ececf6;
  }
  
  a.list-group-item-light.active,
  button.list-group-item-light.active {
      color: #fff;
      background-color: #818182;
      border-color: #818182;
  }
  
  .list-group-item-dark {
      color: #1d2028;
      background-color: #c7c9cd;
  }
  
  a.list-group-item-dark,
  button.list-group-item-dark {
      color: #1d2028;
  }
  
  a.list-group-item-dark:focus,
  a.list-group-item-dark:hover,
  button.list-group-item-dark:focus,
  button.list-group-item-dark:hover {
      color: #1d2028;
      background-color: #babcc1;
  }
  
  a.list-group-item-dark.active,
  button.list-group-item-dark.active {
      color: #fff;
      background-color: #1d2028;
      border-color: #1d2028;
  }
  
  .close {
      float: right;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5;
  }
  
  .close:focus,
  .close:hover {
      color: #000;
      text-decoration: none;
      opacity: .75;
  }
  
  button.close {
      padding: 0;
      background: transparent;
      border: 0;
      -webkit-appearance: none;
  }
  
  .modal-open {
      overflow: hidden;
  }
  
  .modal {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      display: none;
      overflow: hidden;
      outline: 0;
  }
  
  .modal.fade .modal-dialog {
      transition: transform 0.3s ease-out;
      transform: translate(0, -25%);
  }
  
  .modal.show .modal-dialog {
      transform: translate(0, 0);
  }
  
  .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto;
  }
  
  .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px;
  }
  
  .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
      outline: 0;
  }
  
  .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1040;
      background-color: #000;
  }
  
  .modal-backdrop.fade {
      opacity: 0;
  }
  
  .modal-backdrop.show {
      opacity: 0.5;
  }
  
  .modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px;
      border-bottom: 1px solid #e9ecef;
  }
  
  .modal-header .close {
      margin-left: auto;
  }
  
  .modal-title {
      margin-bottom: 0;
      line-height: 1.5;
  }
  
  .modal-body {
      position: relative;
      flex: 1 1 auto;
      padding: 15px;
  }
  
  .modal-footer {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 15px;
      border-top: 1px solid #e9ecef;
  }
  
  .modal-footer> :not(:first-child) {
      margin-left: .25rem;
  }
  
  .modal-footer> :not(:last-child) {
      margin-right: .25rem;
  }
  
  .modal-scrollbar-measure {
      position: absolute;
      top: -9999px;
      width: 50px;
      height: 50px;
      overflow: scroll;
  }
  
  @media (min-width: 576px) {
      .modal-dialog {
          max-width: 500px;
          margin: 30px auto;
      }
      .modal-sm {
          max-width: 300px;
      }
  }
  
  @media (min-width: 992px) {
      .modal-lg {
          max-width: 800px;
      }
  }
  
  .tooltip {
      position: absolute;
      z-index: 1070;
      display: block;
      margin: 0;
      font-family: 'Raleway', sans-serif;
      font-style: normal;
      font-weight: normal;
      line-height: 1.5;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: 0.875rem;
      word-wrap: break-word;
      opacity: 0;
  }
  
  .tooltip.show {
      opacity: 0.9;
  }
  
  .tooltip .arrow {
      position: absolute;
      display: block;
      width: 5px;
      height: 5px;
  }
  
  .tooltip.bs-tooltip-top,
  .tooltip.bs-tooltip-auto[x-placement^="top"] {
      padding: 5px 0;
  }
  
  .tooltip.bs-tooltip-top .arrow,
  .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
      bottom: 0;
  }
  
  .tooltip.bs-tooltip-top .arrow::before,
  .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
      margin-left: -3px;
      content: "";
      border-width: 5px 5px 0;
      border-top-color: #000;
  }
  
  .tooltip.bs-tooltip-right,
  .tooltip.bs-tooltip-auto[x-placement^="right"] {
      padding: 0 5px;
  }
  
  .tooltip.bs-tooltip-right .arrow,
  .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
      left: 0;
  }
  
  .tooltip.bs-tooltip-right .arrow::before,
  .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
      margin-top: -3px;
      content: "";
      border-width: 5px 5px 5px 0;
      border-right-color: #000;
  }
  
  .tooltip.bs-tooltip-bottom,
  .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
      padding: 5px 0;
  }
  
  .tooltip.bs-tooltip-bottom .arrow,
  .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
      top: 0;
  }
  
  .tooltip.bs-tooltip-bottom .arrow::before,
  .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      margin-left: -3px;
      content: "";
      border-width: 0 5px 5px;
      border-bottom-color: #000;
  }
  
  .tooltip.bs-tooltip-left,
  .tooltip.bs-tooltip-auto[x-placement^="left"] {
      padding: 0 5px;
  }
  
  .tooltip.bs-tooltip-left .arrow,
  .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
      right: 0;
  }
  
  .tooltip.bs-tooltip-left .arrow::before,
  .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
      right: 0;
      margin-top: -3px;
      content: "";
      border-width: 5px 0 5px 5px;
      border-left-color: #000;
  }
  
  .tooltip .arrow::before {
      position: absolute;
      border-color: transparent;
      border-style: solid;
  }
  
  .tooltip-inner {
      max-width: 200px;
      padding: 3px 8px;
      color: #fff;
      text-align: center;
      background-color: #000;
      border-radius: 0.25rem;
  }
  
  .popover {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1060;
      display: block;
      max-width: 276px;
      padding: 1px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-style: normal;
      font-weight: normal;
      line-height: 1.5;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: 0.875rem;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
  }
  
  .popover .arrow {
      position: absolute;
      display: block;
      width: 10px;
      height: 5px;
  }
  
  .popover .arrow::before,
  .popover .arrow::after {
      position: absolute;
      display: block;
      border-color: transparent;
      border-style: solid;
  }
  
  .popover .arrow::before {
      content: "";
      border-width: 11px;
  }
  
  .popover .arrow::after {
      content: "";
      border-width: 11px;
  }
  
  .popover.bs-popover-top,
  .popover.bs-popover-auto[x-placement^="top"] {
      margin-bottom: 10px;
  }
  
  .popover.bs-popover-top .arrow,
  .popover.bs-popover-auto[x-placement^="top"] .arrow {
      bottom: 0;
  }
  
  .popover.bs-popover-top .arrow::before,
  .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
  .popover.bs-popover-top .arrow::after,
  .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
      border-bottom-width: 0;
  }
  
  .popover.bs-popover-top .arrow::before,
  .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
      bottom: -11px;
      margin-left: -6px;
      border-top-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.bs-popover-top .arrow::after,
  .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
      bottom: -10px;
      margin-left: -6px;
      border-top-color: #fff;
  }
  
  .popover.bs-popover-right,
  .popover.bs-popover-auto[x-placement^="right"] {
      margin-left: 10px;
  }
  
  .popover.bs-popover-right .arrow,
  .popover.bs-popover-auto[x-placement^="right"] .arrow {
      left: 0;
  }
  
  .popover.bs-popover-right .arrow::before,
  .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
  .popover.bs-popover-right .arrow::after,
  .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
      margin-top: -8px;
      border-left-width: 0;
  }
  
  .popover.bs-popover-right .arrow::before,
  .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
      left: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.bs-popover-right .arrow::after,
  .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
      left: -10px;
      border-right-color: #fff;
  }
  
  .popover.bs-popover-bottom,
  .popover.bs-popover-auto[x-placement^="bottom"] {
      margin-top: 10px;
  }
  
  .popover.bs-popover-bottom .arrow,
  .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
      top: 0;
  }
  
  .popover.bs-popover-bottom .arrow::before,
  .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
  .popover.bs-popover-bottom .arrow::after,
  .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
      margin-left: -7px;
      border-top-width: 0;
  }
  
  .popover.bs-popover-bottom .arrow::before,
  .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
      top: -11px;
      border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.bs-popover-bottom .arrow::after,
  .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
      top: -10px;
      border-bottom-color: #fff;
  }
  
  .popover.bs-popover-bottom .popover-header::before,
  .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 20px;
      margin-left: -10px;
      content: "";
      border-bottom: 1px solid #f7f7f7;
  }
  
  .popover.bs-popover-left,
  .popover.bs-popover-auto[x-placement^="left"] {
      margin-right: 10px;
  }
  
  .popover.bs-popover-left .arrow,
  .popover.bs-popover-auto[x-placement^="left"] .arrow {
      right: 0;
  }
  
  .popover.bs-popover-left .arrow::before,
  .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
  .popover.bs-popover-left .arrow::after,
  .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
      margin-top: -8px;
      border-right-width: 0;
  }
  
  .popover.bs-popover-left .arrow::before,
  .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
      right: -11px;
      border-left-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.bs-popover-left .arrow::after,
  .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
      right: -10px;
      border-left-color: #fff;
  }
  
  .popover-header {
      padding: 8px 14px;
      margin-bottom: 0;
      font-size: 1rem;
      color: inherit;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-top-left-radius: calc(0.3rem - 1px);
      border-top-right-radius: calc(0.3rem - 1px);
  }
  
  .popover-header:empty {
      display: none;
  }
  
  .popover-body {
      padding: 9px 14px;
      color: #212529;
  }
  
  .carousel {
      position: relative;
  }
  
  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
  }
  
  .carousel-item {
      position: relative;
      display: none;
      align-items: center;
      width: 100%;
      transition: transform 0.6s ease;
      backface-visibility: hidden;
      perspective: 1000px;
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
      display: block;
  }
  
  .carousel-item-next,
  .carousel-item-prev {
      position: absolute;
      top: 0;
  }
  
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
      transform: translateX(0);
  }
  
  @supports (transform-style: preserve-3d) {
      .carousel-item-next.carousel-item-left,
      .carousel-item-prev.carousel-item-right {
          transform: translate3d(0, 0, 0);
      }
  }
  
  .carousel-item-next,
  .active.carousel-item-right {
      transform: translateX(100%);
  }
  
  @supports (transform-style: preserve-3d) {
      .carousel-item-next,
      .active.carousel-item-right {
          transform: translate3d(100%, 0, 0);
      }
  }
  
  .carousel-item-prev,
  .active.carousel-item-left {
      transform: translateX(-100%);
  }
  
  @supports (transform-style: preserve-3d) {
      .carousel-item-prev,
      .active.carousel-item-left {
          transform: translate3d(-100%, 0, 0);
      }
  }
  
  .carousel-control-prev,
  .carousel-control-next {
      position: absolute;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 15%;
      color: #fff;
      text-align: center;
      opacity: 0.5;
  }
  
  .carousel-control-prev:focus,
  .carousel-control-prev:hover,
  .carousel-control-next:focus,
  .carousel-control-next:hover {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9;
  }
  
  .carousel-control-prev {
      left: 0;
  }
  
  .carousel-control-next {
      right: 0;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
  }
  
  .carousel-control-prev-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
  
  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 10px;
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
  }
  
  .carousel-indicators li {
      position: relative;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      background-color: rgba(255, 255, 255, 0.5);
  }
  
  .carousel-indicators li::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
  }
  
  .carousel-indicators li::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
  }
  
  .carousel-indicators .active {
      background-color: #fff;
  }
  
  .carousel-caption {
      position: absolute;
      right: 15%;
      bottom: 20px;
      left: 15%;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #fff;
      text-align: center;
  }
  
  .align-baseline {
      vertical-align: baseline !important;
  }
  
  .align-top {
      vertical-align: top !important;
  }
  
  .align-middle {
      vertical-align: middle !important;
  }
  
  .align-bottom {
      vertical-align: bottom !important;
  }
  
  .align-text-bottom {
      vertical-align: text-bottom !important;
  }
  
  .align-text-top {
      vertical-align: text-top !important;
  }
  
  .bg-primary {
      background-color: #5f0c00 !important;
  }
  
  a.bg-primary:focus,
  a.bg-primary:hover {
      background-color: #001655 !important;
  }
  
  .bg-secondary {
      background-color: #009efb !important;
  }
  
  a.bg-secondary:focus,
  a.bg-secondary:hover {
      background-color: #007ec8 !important;
  }
  
  .bg-success {
      background-color: #5cd069 !important;
  }
  
  a.bg-success:focus,
  a.bg-success:hover {
      background-color: #38c147 !important;
  }
  
  .bg-info {
      background-color: #745af2 !important;
  }
  
  a.bg-info:focus,
  a.bg-info:hover {
      background-color: #4c2bee !important;
  }
  
  .bg-warning {
      background-color: #fecb01 !important;
  }
  
  a.bg-warning:focus,
  a.bg-warning:hover {
      background-color: #cba201 !important;
  }
  
  .bg-danger {
      background-color: #ea2c54 !important;
  }
  
  a.bg-danger:focus,
  a.bg-danger:hover {
      background-color: #ce153c !important;
  }
  
  .bg-light {
      background-color: #f8f9fa !important;
  }
  
  a.bg-light:focus,
  a.bg-light:hover {
      background-color: #dae0e5 !important;
  }
  
  .bg-dark {
      background-color: #383d4d !important;
  }
  
  a.bg-dark:focus,
  a.bg-dark:hover {
      background-color: #23262f !important;
  }
  
  .bg-white {
      background-color: #ffffff !important;
  }
  
  .bg-transparent {
      background-color: transparent !important;
  }
  
  .border {
      border: 1px solid #e7eaf3 !important;
  }
  
  .border-0 {
      border: 0 !important;
  }
  
  .border-top-0 {
      border-top: 0 !important;
  }
  
  .border-right-0 {
      border-right: 0 !important;
  }
  
  .border-bottom-0 {
      border-bottom: 0 !important;
  }
  
  .border-left-0 {
      border-left: 0 !important;
  }
  
  .border-primary {
      border-color: #5f0c00 !important;
  }
  
  .border-secondary {
      border-color: #009efb !important;
  }
  
  .border-success {
      border-color: #5cd069 !important;
  }
  
  .border-info {
      border-color: #745af2 !important;
  }
  
  .border-warning {
      border-color: #fecb01 !important;
  }
  
  .border-danger {
      border-color: #ea2c54 !important;
  }
  
  .border-light {
      border-color: #f8f9fa !important;
  }
  
  .border-dark {
      border-color: #383d4d !important;
  }
  
  .border-white {
      border-color: #ffffff !important;
  }
  
  .rounded,
  .settings .settings-icon {
      border-radius: 0.25rem !important;
  }
  
  .rounded-top {
      border-top-left-radius: 0.25rem !important;
      border-top-right-radius: 0.25rem !important;
  }
  
  .rounded-right {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
  }
  
  .rounded-bottom {
      border-bottom-right-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
  }
  
  .rounded-left {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
  }
  
  .rounded-circle {
      border-radius: 50%;
  }
  
  .rounded-0 {
      border-radius: 0;
  }
  
  .clearfix::after {
      display: block;
      clear: both;
      content: "";
  }
  
  .d-none {
      display: none !important;
  }
  
  .d-inline {
      display: inline !important;
  }
  
  .d-inline-block {
      display: inline-block !important;
  }
  
  .d-block {
      display: block !important;
  }
  
  .d-table {
      display: table !important;
  }
  
  .d-table-cell {
      display: table-cell !important;
  }
  
  .d-flex,
  .navbar .navbar-brand-wrapper,
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item,
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item,
  .horizontal-menu .sidebar .nav .nav-item.expanded .mega-menu,
  .email-wrapper .mail-body .mail-list .details,
  .attachments-sections ul li .thumb,
  .attachments-sections ul li .details .buttons,
  .lightGallery .image-tile .demo-gallery-poster,
  .todo-wrapper ul li,
  .list-wrapper ul li,
  .profile-list-item a,
  .profile-list-item a .user,
  .new-accounts ul.chats li.chat-persons a,
  .new-accounts ul.chats li.chat-persons a div.user,
  .tickets-tab ul li .details,
  .tickets-tab ul li .details .t-content .sender-content {
      display: flex !important;
  }
  
  .d-inline-flex,
  .attachments-sections ul li {
      display: inline-flex !important;
  }
  
  @media (min-width: 576px) {
      .d-sm-none {
          display: none !important;
      }
      .d-sm-inline {
          display: inline !important;
      }
      .d-sm-inline-block {
          display: inline-block !important;
      }
      .d-sm-block {
          display: block !important;
      }
      .d-sm-table {
          display: table !important;
      }
      .d-sm-table-cell {
          display: table-cell !important;
      }
      .d-sm-flex {
          display: flex !important;
      }
      .d-sm-inline-flex {
          display: inline-flex !important;
      }
  }
  
  @media (min-width: 768px) {
      .d-md-none {
          display: none !important;
      }
      .d-md-inline {
          display: inline !important;
      }
      .d-md-inline-block {
          display: inline-block !important;
      }
      .d-md-block {
          display: block !important;
      }
      .d-md-table {
          display: table !important;
      }
      .d-md-table-cell {
          display: table-cell !important;
      }
      .d-md-flex {
          display: flex !important;
      }
      .d-md-inline-flex {
          display: inline-flex !important;
      }
  }
  
  @media (min-width: 992px) {
      .d-lg-none {
          display: none !important;
      }
      .d-lg-inline {
          display: inline !important;
      }
      .d-lg-inline-block {
          display: inline-block !important;
      }
      .d-lg-block {
          display: block !important;
      }
      .d-lg-table {
          display: table !important;
      }
      .d-lg-table-cell {
          display: table-cell !important;
      }
      .d-lg-flex {
          display: flex !important;
      }
      .d-lg-inline-flex {
          display: inline-flex !important;
      }
  }
  
  @media (min-width: 1200px) {
      .d-xl-none {
          display: none !important;
      }
      .d-xl-inline {
          display: inline !important;
      }
      .d-xl-inline-block {
          display: inline-block !important;
      }
      .d-xl-block {
          display: block !important;
      }
      .d-xl-table {
          display: table !important;
      }
      .d-xl-table-cell {
          display: table-cell !important;
      }
      .d-xl-flex {
          display: flex !important;
      }
      .d-xl-inline-flex {
          display: inline-flex !important;
      }
  }
  
  .d-print-block {
      display: none !important;
  }
  
  @media print {
      .d-print-block {
          display: block !important;
      }
  }
  
  .d-print-inline {
      display: none !important;
  }
  
  @media print {
      .d-print-inline {
          display: inline !important;
      }
  }
  
  .d-print-inline-block {
      display: none !important;
  }
  
  @media print {
      .d-print-inline-block {
          display: inline-block !important;
      }
  }
  
  @media print {
      .d-print-none {
          display: none !important;
      }
  }
  
  .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden;
  }
  
  .embed-responsive::before {
      display: block;
      content: "";
  }
  
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
  }
  
  .embed-responsive-21by9::before {
      padding-top: 42.85714%;
  }
  
  .embed-responsive-16by9::before {
      padding-top: 56.25%;
  }
  
  .embed-responsive-4by3::before {
      padding-top: 75%;
  }
  
  .embed-responsive-1by1::before {
      padding-top: 100%;
  }
  
  .flex-row,
  .attachments-sections ul li {
      flex-direction: row !important;
  }
  
  .flex-column,
  .profile-list-item a .user,
  .new-accounts ul.chats li.chat-persons a div.user {
      flex-direction: column !important;
  }
  
  .flex-row-reverse {
      flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
      flex-direction: column-reverse !important;
  }
  
  .flex-wrap {
      flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
      flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
  }
  
  .justify-content-start,
  .horizontal-menu .sidebar .nav .nav-item.expanded .mega-menu,
  .todo-wrapper ul li,
  .list-wrapper ul li {
      justify-content: flex-start !important;
  }
  
  .justify-content-end,
  .email-wrapper .mail-body .mail-list .details {
      justify-content: flex-end !important;
  }
  
  .justify-content-center,
  .attachments-sections ul li .thumb {
      justify-content: center !important;
  }
  
  .justify-content-between {
      justify-content: space-between !important;
  }
  
  .justify-content-around {
      justify-content: space-around !important;
  }
  
  .align-items-start {
      align-items: flex-start !important;
  }
  
  .align-items-end,
  .navbar .navbar-brand-wrapper {
      align-items: flex-end !important;
  }
  
  .align-items-center,
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item,
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item,
  .attachments-sections ul li .thumb,
  .attachments-sections ul li .details .buttons,
  .todo-wrapper ul li,
  .list-wrapper ul li,
  .new-accounts ul.chats li.chat-persons a,
  .tickets-tab ul li .details {
      align-items: center !important;
  }
  
  .align-items-baseline {
      align-items: baseline !important;
  }
  
  .align-items-stretch,
  .navbar,
  .attachments-sections ul li {
      align-items: stretch !important;
  }
  
  .align-content-start {
      align-content: flex-start !important;
  }
  
  .align-content-end {
      align-content: flex-end !important;
  }
  
  .align-content-center {
      align-content: center !important;
  }
  
  .align-content-between {
      align-content: space-between !important;
  }
  
  .align-content-around {
      align-content: space-around !important;
  }
  
  .align-content-stretch {
      align-content: stretch !important;
  }
  
  .align-self-auto {
      align-self: auto !important;
  }
  
  .align-self-start {
      align-self: flex-start !important;
  }
  
  .align-self-end {
      align-self: flex-end !important;
  }
  
  .align-self-center {
      align-self: center !important;
  }
  
  .align-self-baseline {
      align-self: baseline !important;
  }
  
  .align-self-stretch {
      align-self: stretch !important;
  }
  
  @media (min-width: 576px) {
      .flex-sm-row {
          flex-direction: row !important;
      }
      .flex-sm-column {
          flex-direction: column !important;
      }
      .flex-sm-row-reverse {
          flex-direction: row-reverse !important;
      }
      .flex-sm-column-reverse {
          flex-direction: column-reverse !important;
      }
      .flex-sm-wrap {
          flex-wrap: wrap !important;
      }
      .flex-sm-nowrap {
          flex-wrap: nowrap !important;
      }
      .flex-sm-wrap-reverse {
          flex-wrap: wrap-reverse !important;
      }
      .justify-content-sm-start {
          justify-content: flex-start !important;
      }
      .justify-content-sm-end {
          justify-content: flex-end !important;
      }
      .justify-content-sm-center {
          justify-content: center !important;
      }
      .justify-content-sm-between {
          justify-content: space-between !important;
      }
      .justify-content-sm-around {
          justify-content: space-around !important;
      }
      .align-items-sm-start {
          align-items: flex-start !important;
      }
      .align-items-sm-end {
          align-items: flex-end !important;
      }
      .align-items-sm-center {
          align-items: center !important;
      }
      .align-items-sm-baseline {
          align-items: baseline !important;
      }
      .align-items-sm-stretch {
          align-items: stretch !important;
      }
      .align-content-sm-start {
          align-content: flex-start !important;
      }
      .align-content-sm-end {
          align-content: flex-end !important;
      }
      .align-content-sm-center {
          align-content: center !important;
      }
      .align-content-sm-between {
          align-content: space-between !important;
      }
      .align-content-sm-around {
          align-content: space-around !important;
      }
      .align-content-sm-stretch {
          align-content: stretch !important;
      }
      .align-self-sm-auto {
          align-self: auto !important;
      }
      .align-self-sm-start {
          align-self: flex-start !important;
      }
      .align-self-sm-end {
          align-self: flex-end !important;
      }
      .align-self-sm-center {
          align-self: center !important;
      }
      .align-self-sm-baseline {
          align-self: baseline !important;
      }
      .align-self-sm-stretch {
          align-self: stretch !important;
      }
  }
  
  @media (min-width: 768px) {
      .flex-md-row {
          flex-direction: row !important;
      }
      .flex-md-column {
          flex-direction: column !important;
      }
      .flex-md-row-reverse {
          flex-direction: row-reverse !important;
      }
      .flex-md-column-reverse {
          flex-direction: column-reverse !important;
      }
      .flex-md-wrap {
          flex-wrap: wrap !important;
      }
      .flex-md-nowrap {
          flex-wrap: nowrap !important;
      }
      .flex-md-wrap-reverse {
          flex-wrap: wrap-reverse !important;
      }
      .justify-content-md-start {
          justify-content: flex-start !important;
      }
      .justify-content-md-end {
          justify-content: flex-end !important;
      }
      .justify-content-md-center {
          justify-content: center !important;
      }
      .justify-content-md-between {
          justify-content: space-between !important;
      }
      .justify-content-md-around {
          justify-content: space-around !important;
      }
      .align-items-md-start {
          align-items: flex-start !important;
      }
      .align-items-md-end {
          align-items: flex-end !important;
      }
      .align-items-md-center {
          align-items: center !important;
      }
      .align-items-md-baseline {
          align-items: baseline !important;
      }
      .align-items-md-stretch {
          align-items: stretch !important;
      }
      .align-content-md-start {
          align-content: flex-start !important;
      }
      .align-content-md-end {
          align-content: flex-end !important;
      }
      .align-content-md-center {
          align-content: center !important;
      }
      .align-content-md-between {
          align-content: space-between !important;
      }
      .align-content-md-around {
          align-content: space-around !important;
      }
      .align-content-md-stretch {
          align-content: stretch !important;
      }
      .align-self-md-auto {
          align-self: auto !important;
      }
      .align-self-md-start {
          align-self: flex-start !important;
      }
      .align-self-md-end {
          align-self: flex-end !important;
      }
      .align-self-md-center {
          align-self: center !important;
      }
      .align-self-md-baseline {
          align-self: baseline !important;
      }
      .align-self-md-stretch {
          align-self: stretch !important;
      }
  }
  
  @media (min-width: 992px) {
      .flex-lg-row {
          flex-direction: row !important;
      }
      .flex-lg-column {
          flex-direction: column !important;
      }
      .flex-lg-row-reverse {
          flex-direction: row-reverse !important;
      }
      .flex-lg-column-reverse {
          flex-direction: column-reverse !important;
      }
      .flex-lg-wrap {
          flex-wrap: wrap !important;
      }
      .flex-lg-nowrap {
          flex-wrap: nowrap !important;
      }
      .flex-lg-wrap-reverse {
          flex-wrap: wrap-reverse !important;
      }
      .justify-content-lg-start {
          justify-content: flex-start !important;
      }
      .justify-content-lg-end {
          justify-content: flex-end !important;
      }
      .justify-content-lg-center {
          justify-content: center !important;
      }
      .justify-content-lg-between {
          justify-content: space-between !important;
      }
      .justify-content-lg-around {
          justify-content: space-around !important;
      }
      .align-items-lg-start {
          align-items: flex-start !important;
      }
      .align-items-lg-end {
          align-items: flex-end !important;
      }
      .align-items-lg-center {
          align-items: center !important;
      }
      .align-items-lg-baseline {
          align-items: baseline !important;
      }
      .align-items-lg-stretch {
          align-items: stretch !important;
      }
      .align-content-lg-start {
          align-content: flex-start !important;
      }
      .align-content-lg-end {
          align-content: flex-end !important;
      }
      .align-content-lg-center {
          align-content: center !important;
      }
      .align-content-lg-between {
          align-content: space-between !important;
      }
      .align-content-lg-around {
          align-content: space-around !important;
      }
      .align-content-lg-stretch {
          align-content: stretch !important;
      }
      .align-self-lg-auto {
          align-self: auto !important;
      }
      .align-self-lg-start {
          align-self: flex-start !important;
      }
      .align-self-lg-end {
          align-self: flex-end !important;
      }
      .align-self-lg-center {
          align-self: center !important;
      }
      .align-self-lg-baseline {
          align-self: baseline !important;
      }
      .align-self-lg-stretch {
          align-self: stretch !important;
      }
  }
  
  @media (min-width: 1200px) {
      .flex-xl-row {
          flex-direction: row !important;
      }
      .flex-xl-column {
          flex-direction: column !important;
      }
      .flex-xl-row-reverse {
          flex-direction: row-reverse !important;
      }
      .flex-xl-column-reverse {
          flex-direction: column-reverse !important;
      }
      .flex-xl-wrap {
          flex-wrap: wrap !important;
      }
      .flex-xl-nowrap {
          flex-wrap: nowrap !important;
      }
      .flex-xl-wrap-reverse {
          flex-wrap: wrap-reverse !important;
      }
      .justify-content-xl-start {
          justify-content: flex-start !important;
      }
      .justify-content-xl-end {
          justify-content: flex-end !important;
      }
      .justify-content-xl-center {
          justify-content: center !important;
      }
      .justify-content-xl-between {
          justify-content: space-between !important;
      }
      .justify-content-xl-around {
          justify-content: space-around !important;
      }
      .align-items-xl-start {
          align-items: flex-start !important;
      }
      .align-items-xl-end {
          align-items: flex-end !important;
      }
      .align-items-xl-center {
          align-items: center !important;
      }
      .align-items-xl-baseline {
          align-items: baseline !important;
      }
      .align-items-xl-stretch {
          align-items: stretch !important;
      }
      .align-content-xl-start {
          align-content: flex-start !important;
      }
      .align-content-xl-end {
          align-content: flex-end !important;
      }
      .align-content-xl-center {
          align-content: center !important;
      }
      .align-content-xl-between {
          align-content: space-between !important;
      }
      .align-content-xl-around {
          align-content: space-around !important;
      }
      .align-content-xl-stretch {
          align-content: stretch !important;
      }
      .align-self-xl-auto {
          align-self: auto !important;
      }
      .align-self-xl-start {
          align-self: flex-start !important;
      }
      .align-self-xl-end {
          align-self: flex-end !important;
      }
      .align-self-xl-center {
          align-self: center !important;
      }
      .align-self-xl-baseline {
          align-self: baseline !important;
      }
      .align-self-xl-stretch {
          align-self: stretch !important;
      }
  }
  
  .float-left {
      float: left !important;
  }
  
  .float-right {
      float: right !important;
  }
  
  .float-none {
      float: none !important;
  }
  
  @media (min-width: 576px) {
      .float-sm-left {
          float: left !important;
      }
      .float-sm-right {
          float: right !important;
      }
      .float-sm-none {
          float: none !important;
      }
  }
  
  @media (min-width: 768px) {
      .float-md-left {
          float: left !important;
      }
      .float-md-right {
          float: right !important;
      }
      .float-md-none {
          float: none !important;
      }
  }
  
  @media (min-width: 992px) {
      .float-lg-left {
          float: left !important;
      }
      .float-lg-right {
          float: right !important;
      }
      .float-lg-none {
          float: none !important;
      }
  }
  
  @media (min-width: 1200px) {
      .float-xl-left {
          float: left !important;
      }
      .float-xl-right {
          float: right !important;
      }
      .float-xl-none {
          float: none !important;
      }
  }
  
  .position-static {
      position: static !important;
  }
  
  .position-relative {
      position: relative !important;
  }
  
  .position-absolute {
      position: absolute !important;
  }
  
  .position-fixed {
      position: fixed !important;
  }
  
  .position-sticky {
      position: sticky !important;
  }
  
  .fixed-top {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
  }
  
  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
  }
  
  @supports (position: sticky) {
      .sticky-top {
          position: sticky;
          top: 0;
          z-index: 1020;
      }
  }
  
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      clip-path: inset(50%);
      border: 0;
  }
  
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      clip: auto;
      white-space: normal;
      clip-path: none;
  }
  
  .w-25 {
      width: 25% !important;
  }
  
  .w-50 {
      width: 50% !important;
  }
  
  .w-75 {
      width: 75% !important;
  }
  
  .w-100 {
      width: 100% !important;
  }
  
  .h-25 {
      height: 25% !important;
  }
  
  .h-50 {
      height: 50% !important;
  }
  
  .h-75 {
      height: 75% !important;
  }
  
  .h-100 {
      height: 100% !important;
  }
  
  .mw-100 {
      max-width: 100% !important;
  }
  
  .mh-100 {
      max-height: 100% !important;
  }
  
  .m-0 {
      margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
      margin-top: 0 !important;
  }
  
  .mr-0,
  .rtl .navbar .navbar-menu-wrapper .navbar-toggler,
  .mx-0 {
      margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
      margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
      margin-left: 0 !important;
  }
  
  .m-1 {
      margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
      margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .btn-demo .btn,
  .btn-demo .avgrund-close,
  .mx-1 {
      margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .btn-demo .btn,
  .btn-demo .avgrund-close,
  .my-1 {
      margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .rtl .navbar .navbar-menu-wrapper .navbar-toggler,
  .mx-1 {
      margin-left: 0.25rem !important;
  }
  
  .m-2 {
      margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
      margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
      margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
      margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
      margin-left: 0.5rem !important;
  }
  
  .m-3 {
      margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
      margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
      margin-right: 1rem !important;
  }
  
  .mb-3,
  .user-profile .side-left .card .avatar img,
  .lock-screen .card .card-body p,
  .lock-screen .card .horizontal-menu .sidebar .nav .nav-item .mega-menu p,
  .horizontal-menu .sidebar .nav .nav-item .lock-screen .card .mega-menu p,
  .my-3 {
      margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
      margin-left: 1rem !important;
  }
  
  .m-4 {
      margin: 1.5rem !important;
  }
  
  .mt-4,
  .user-profile .side-left .card .avatar img,
  .my-4 {
      margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
      margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .user-profile .side-left .card .overview .about-user,
  .lock-screen .card .card-body img,
  .lock-screen .card .horizontal-menu .sidebar .nav .nav-item .mega-menu img,
  .horizontal-menu .sidebar .nav .nav-item .lock-screen .card .mega-menu img,
  .my-4 {
      margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
      margin-left: 1.5rem !important;
  }
  
  .m-5 {
      margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
      margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
      margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
      margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
      margin-left: 3rem !important;
  }
  
  .p-0 {
      padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
      padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
      padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
      padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
      padding-left: 0 !important;
  }
  
  .p-1 {
      padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
      padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
      padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
      padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
      padding-left: 0.25rem !important;
  }
  
  .p-2 {
      padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
      padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
      padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
      padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
      padding-left: 0.5rem !important;
  }
  
  .p-3 {
      padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
      padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3,
  .table th,
  .table td {
      padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
      padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3,
  .table th,
  .table td {
      padding-left: 1rem !important;
  }
  
  .p-4 {
      padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
      padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
      padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
      padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
      padding-left: 1.5rem !important;
  }
  
  .p-5 {
      padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
      padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
      padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
      padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
      padding-left: 3rem !important;
  }
  
  .m-auto {
      margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
      margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
      margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
      margin-bottom: auto !important;
  }
  
  .ml-auto,
  .todo-wrapper .remove,
  .list-wrapper .remove,
  .card.card-weather .weather-status .weather-date,
  .mx-auto {
      margin-left: auto !important;
  }
  
  @media (min-width: 576px) {
      .m-sm-0 {
          margin: 0 !important;
      }
      .mt-sm-0,
      .my-sm-0 {
          margin-top: 0 !important;
      }
      .mr-sm-0,
      .mx-sm-0 {
          margin-right: 0 !important;
      }
      .mb-sm-0,
      .my-sm-0 {
          margin-bottom: 0 !important;
      }
      .ml-sm-0,
      .mx-sm-0 {
          margin-left: 0 !important;
      }
      .m-sm-1 {
          margin: 0.25rem !important;
      }
      .mt-sm-1,
      .my-sm-1 {
          margin-top: 0.25rem !important;
      }
      .mr-sm-1,
      .mx-sm-1 {
          margin-right: 0.25rem !important;
      }
      .mb-sm-1,
      .my-sm-1 {
          margin-bottom: 0.25rem !important;
      }
      .ml-sm-1,
      .mx-sm-1 {
          margin-left: 0.25rem !important;
      }
      .m-sm-2 {
          margin: 0.5rem !important;
      }
      .mt-sm-2,
      .my-sm-2 {
          margin-top: 0.5rem !important;
      }
      .mr-sm-2,
      .mx-sm-2 {
          margin-right: 0.5rem !important;
      }
      .mb-sm-2,
      .my-sm-2 {
          margin-bottom: 0.5rem !important;
      }
      .ml-sm-2,
      .mx-sm-2 {
          margin-left: 0.5rem !important;
      }
      .m-sm-3 {
          margin: 1rem !important;
      }
      .mt-sm-3,
      .my-sm-3 {
          margin-top: 1rem !important;
      }
      .mr-sm-3,
      .mx-sm-3 {
          margin-right: 1rem !important;
      }
      .mb-sm-3,
      .my-sm-3 {
          margin-bottom: 1rem !important;
      }
      .ml-sm-3,
      .mx-sm-3 {
          margin-left: 1rem !important;
      }
      .m-sm-4 {
          margin: 1.5rem !important;
      }
      .mt-sm-4,
      .my-sm-4 {
          margin-top: 1.5rem !important;
      }
      .mr-sm-4,
      .mx-sm-4 {
          margin-right: 1.5rem !important;
      }
      .mb-sm-4,
      .my-sm-4 {
          margin-bottom: 1.5rem !important;
      }
      .ml-sm-4,
      .mx-sm-4 {
          margin-left: 1.5rem !important;
      }
      .m-sm-5 {
          margin: 3rem !important;
      }
      .mt-sm-5,
      .my-sm-5 {
          margin-top: 3rem !important;
      }
      .mr-sm-5,
      .mx-sm-5 {
          margin-right: 3rem !important;
      }
      .mb-sm-5,
      .my-sm-5 {
          margin-bottom: 3rem !important;
      }
      .ml-sm-5,
      .mx-sm-5 {
          margin-left: 3rem !important;
      }
      .p-sm-0 {
          padding: 0 !important;
      }
      .pt-sm-0,
      .py-sm-0 {
          padding-top: 0 !important;
      }
      .pr-sm-0,
      .px-sm-0 {
          padding-right: 0 !important;
      }
      .pb-sm-0,
      .py-sm-0 {
          padding-bottom: 0 !important;
      }
      .pl-sm-0,
      .px-sm-0 {
          padding-left: 0 !important;
      }
      .p-sm-1 {
          padding: 0.25rem !important;
      }
      .pt-sm-1,
      .py-sm-1 {
          padding-top: 0.25rem !important;
      }
      .pr-sm-1,
      .px-sm-1 {
          padding-right: 0.25rem !important;
      }
      .pb-sm-1,
      .py-sm-1 {
          padding-bottom: 0.25rem !important;
      }
      .pl-sm-1,
      .px-sm-1 {
          padding-left: 0.25rem !important;
      }
      .p-sm-2 {
          padding: 0.5rem !important;
      }
      .pt-sm-2,
      .py-sm-2 {
          padding-top: 0.5rem !important;
      }
      .pr-sm-2,
      .px-sm-2 {
          padding-right: 0.5rem !important;
      }
      .pb-sm-2,
      .py-sm-2 {
          padding-bottom: 0.5rem !important;
      }
      .pl-sm-2,
      .px-sm-2 {
          padding-left: 0.5rem !important;
      }
      .p-sm-3 {
          padding: 1rem !important;
      }
      .pt-sm-3,
      .py-sm-3 {
          padding-top: 1rem !important;
      }
      .pr-sm-3,
      .px-sm-3 {
          padding-right: 1rem !important;
      }
      .pb-sm-3,
      .py-sm-3 {
          padding-bottom: 1rem !important;
      }
      .pl-sm-3,
      .px-sm-3 {
          padding-left: 1rem !important;
      }
      .p-sm-4 {
          padding: 1.5rem !important;
      }
      .pt-sm-4,
      .py-sm-4 {
          padding-top: 1.5rem !important;
      }
      .pr-sm-4,
      .px-sm-4 {
          padding-right: 1.5rem !important;
      }
      .pb-sm-4,
      .py-sm-4 {
          padding-bottom: 1.5rem !important;
      }
      .pl-sm-4,
      .px-sm-4 {
          padding-left: 1.5rem !important;
      }
      .p-sm-5 {
          padding: 3rem !important;
      }
      .pt-sm-5,
      .py-sm-5 {
          padding-top: 3rem !important;
      }
      .pr-sm-5,
      .px-sm-5 {
          padding-right: 3rem !important;
      }
      .pb-sm-5,
      .py-sm-5 {
          padding-bottom: 3rem !important;
      }
      .pl-sm-5,
      .px-sm-5 {
          padding-left: 3rem !important;
      }
      .m-sm-auto {
          margin: auto !important;
      }
      .mt-sm-auto,
      .my-sm-auto {
          margin-top: auto !important;
      }
      .mr-sm-auto,
      .mx-sm-auto {
          margin-right: auto !important;
      }
      .mb-sm-auto,
      .my-sm-auto {
          margin-bottom: auto !important;
      }
      .ml-sm-auto,
      .mx-sm-auto {
          margin-left: auto !important;
      }
  }
  
  @media (min-width: 768px) {
      .m-md-0 {
          margin: 0 !important;
      }
      .mt-md-0,
      .my-md-0 {
          margin-top: 0 !important;
      }
      .mr-md-0,
      .mx-md-0 {
          margin-right: 0 !important;
      }
      .mb-md-0,
      .my-md-0 {
          margin-bottom: 0 !important;
      }
      .ml-md-0,
      .mx-md-0 {
          margin-left: 0 !important;
      }
      .m-md-1 {
          margin: 0.25rem !important;
      }
      .mt-md-1,
      .my-md-1 {
          margin-top: 0.25rem !important;
      }
      .mr-md-1,
      .mx-md-1 {
          margin-right: 0.25rem !important;
      }
      .mb-md-1,
      .my-md-1 {
          margin-bottom: 0.25rem !important;
      }
      .ml-md-1,
      .mx-md-1 {
          margin-left: 0.25rem !important;
      }
      .m-md-2 {
          margin: 0.5rem !important;
      }
      .mt-md-2,
      .my-md-2 {
          margin-top: 0.5rem !important;
      }
      .mr-md-2,
      .mx-md-2 {
          margin-right: 0.5rem !important;
      }
      .mb-md-2,
      .my-md-2 {
          margin-bottom: 0.5rem !important;
      }
      .ml-md-2,
      .mx-md-2 {
          margin-left: 0.5rem !important;
      }
      .m-md-3 {
          margin: 1rem !important;
      }
      .mt-md-3,
      .my-md-3 {
          margin-top: 1rem !important;
      }
      .mr-md-3,
      .mx-md-3 {
          margin-right: 1rem !important;
      }
      .mb-md-3,
      .my-md-3 {
          margin-bottom: 1rem !important;
      }
      .ml-md-3,
      .mx-md-3 {
          margin-left: 1rem !important;
      }
      .m-md-4 {
          margin: 1.5rem !important;
      }
      .mt-md-4,
      .my-md-4 {
          margin-top: 1.5rem !important;
      }
      .mr-md-4,
      .mx-md-4 {
          margin-right: 1.5rem !important;
      }
      .mb-md-4,
      .my-md-4 {
          margin-bottom: 1.5rem !important;
      }
      .ml-md-4,
      .mx-md-4 {
          margin-left: 1.5rem !important;
      }
      .m-md-5 {
          margin: 3rem !important;
      }
      .mt-md-5,
      .my-md-5 {
          margin-top: 3rem !important;
      }
      .mr-md-5,
      .mx-md-5 {
          margin-right: 3rem !important;
      }
      .mb-md-5,
      .my-md-5 {
          margin-bottom: 3rem !important;
      }
      .ml-md-5,
      .mx-md-5 {
          margin-left: 3rem !important;
      }
      .p-md-0 {
          padding: 0 !important;
      }
      .pt-md-0,
      .py-md-0 {
          padding-top: 0 !important;
      }
      .pr-md-0,
      .px-md-0 {
          padding-right: 0 !important;
      }
      .pb-md-0,
      .py-md-0 {
          padding-bottom: 0 !important;
      }
      .pl-md-0,
      .px-md-0 {
          padding-left: 0 !important;
      }
      .p-md-1 {
          padding: 0.25rem !important;
      }
      .pt-md-1,
      .py-md-1 {
          padding-top: 0.25rem !important;
      }
      .pr-md-1,
      .px-md-1 {
          padding-right: 0.25rem !important;
      }
      .pb-md-1,
      .py-md-1 {
          padding-bottom: 0.25rem !important;
      }
      .pl-md-1,
      .px-md-1 {
          padding-left: 0.25rem !important;
      }
      .p-md-2 {
          padding: 0.5rem !important;
      }
      .pt-md-2,
      .py-md-2 {
          padding-top: 0.5rem !important;
      }
      .pr-md-2,
      .px-md-2 {
          padding-right: 0.5rem !important;
      }
      .pb-md-2,
      .py-md-2 {
          padding-bottom: 0.5rem !important;
      }
      .pl-md-2,
      .px-md-2 {
          padding-left: 0.5rem !important;
      }
      .p-md-3 {
          padding: 1rem !important;
      }
      .pt-md-3,
      .py-md-3 {
          padding-top: 1rem !important;
      }
      .pr-md-3,
      .px-md-3 {
          padding-right: 1rem !important;
      }
      .pb-md-3,
      .py-md-3 {
          padding-bottom: 1rem !important;
      }
      .pl-md-3,
      .px-md-3 {
          padding-left: 1rem !important;
      }
      .p-md-4 {
          padding: 1.5rem !important;
      }
      .pt-md-4,
      .py-md-4 {
          padding-top: 1.5rem !important;
      }
      .pr-md-4,
      .px-md-4 {
          padding-right: 1.5rem !important;
      }
      .pb-md-4,
      .py-md-4 {
          padding-bottom: 1.5rem !important;
      }
      .pl-md-4,
      .px-md-4 {
          padding-left: 1.5rem !important;
      }
      .p-md-5 {
          padding: 3rem !important;
      }
      .pt-md-5,
      .py-md-5 {
          padding-top: 3rem !important;
      }
      .pr-md-5,
      .px-md-5 {
          padding-right: 3rem !important;
      }
      .pb-md-5,
      .py-md-5 {
          padding-bottom: 3rem !important;
      }
      .pl-md-5,
      .px-md-5 {
          padding-left: 3rem !important;
      }
      .m-md-auto {
          margin: auto !important;
      }
      .mt-md-auto,
      .my-md-auto {
          margin-top: auto !important;
      }
      .mr-md-auto,
      .mx-md-auto {
          margin-right: auto !important;
      }
      .mb-md-auto,
      .my-md-auto {
          margin-bottom: auto !important;
      }
      .ml-md-auto,
      .mx-md-auto {
          margin-left: auto !important;
      }
  }
  
  @media (min-width: 992px) {
      .m-lg-0 {
          margin: 0 !important;
      }
      .mt-lg-0,
      .my-lg-0 {
          margin-top: 0 !important;
      }
      .mr-lg-0,
      .mx-lg-0 {
          margin-right: 0 !important;
      }
      .mb-lg-0,
      .my-lg-0 {
          margin-bottom: 0 !important;
      }
      .ml-lg-0,
      .mx-lg-0 {
          margin-left: 0 !important;
      }
      .m-lg-1 {
          margin: 0.25rem !important;
      }
      .mt-lg-1,
      .my-lg-1 {
          margin-top: 0.25rem !important;
      }
      .mr-lg-1,
      .mx-lg-1 {
          margin-right: 0.25rem !important;
      }
      .mb-lg-1,
      .my-lg-1 {
          margin-bottom: 0.25rem !important;
      }
      .ml-lg-1,
      .mx-lg-1 {
          margin-left: 0.25rem !important;
      }
      .m-lg-2 {
          margin: 0.5rem !important;
      }
      .mt-lg-2,
      .my-lg-2 {
          margin-top: 0.5rem !important;
      }
      .mr-lg-2,
      .mx-lg-2 {
          margin-right: 0.5rem !important;
      }
      .mb-lg-2,
      .my-lg-2 {
          margin-bottom: 0.5rem !important;
      }
      .ml-lg-2,
      .mx-lg-2 {
          margin-left: 0.5rem !important;
      }
      .m-lg-3 {
          margin: 1rem !important;
      }
      .mt-lg-3,
      .my-lg-3 {
          margin-top: 1rem !important;
      }
      .mr-lg-3,
      .mx-lg-3 {
          margin-right: 1rem !important;
      }
      .mb-lg-3,
      .my-lg-3 {
          margin-bottom: 1rem !important;
      }
      .ml-lg-3,
      .mx-lg-3 {
          margin-left: 1rem !important;
      }
      .m-lg-4 {
          margin: 1.5rem !important;
      }
      .mt-lg-4,
      .my-lg-4 {
          margin-top: 1.5rem !important;
      }
      .mr-lg-4,
      .mx-lg-4 {
          margin-right: 1.5rem !important;
      }
      .mb-lg-4,
      .my-lg-4 {
          margin-bottom: 1.5rem !important;
      }
      .ml-lg-4,
      .mx-lg-4 {
          margin-left: 1.5rem !important;
      }
      .m-lg-5 {
          margin: 3rem !important;
      }
      .mt-lg-5,
      .my-lg-5 {
          margin-top: 3rem !important;
      }
      .mr-lg-5,
      .mx-lg-5 {
          margin-right: 3rem !important;
      }
      .mb-lg-5,
      .my-lg-5 {
          margin-bottom: 3rem !important;
      }
      .ml-lg-5,
      .mx-lg-5 {
          margin-left: 3rem !important;
      }
      .p-lg-0 {
          padding: 0 !important;
      }
      .pt-lg-0,
      .py-lg-0 {
          padding-top: 0 !important;
      }
      .pr-lg-0,
      .px-lg-0 {
          padding-right: 0 !important;
      }
      .pb-lg-0,
      .py-lg-0 {
          padding-bottom: 0 !important;
      }
      .pl-lg-0,
      .px-lg-0 {
          padding-left: 0 !important;
      }
      .p-lg-1 {
          padding: 0.25rem !important;
      }
      .pt-lg-1,
      .py-lg-1 {
          padding-top: 0.25rem !important;
      }
      .pr-lg-1,
      .px-lg-1 {
          padding-right: 0.25rem !important;
      }
      .pb-lg-1,
      .py-lg-1 {
          padding-bottom: 0.25rem !important;
      }
      .pl-lg-1,
      .px-lg-1 {
          padding-left: 0.25rem !important;
      }
      .p-lg-2 {
          padding: 0.5rem !important;
      }
      .pt-lg-2,
      .py-lg-2 {
          padding-top: 0.5rem !important;
      }
      .pr-lg-2,
      .px-lg-2 {
          padding-right: 0.5rem !important;
      }
      .pb-lg-2,
      .py-lg-2 {
          padding-bottom: 0.5rem !important;
      }
      .pl-lg-2,
      .px-lg-2 {
          padding-left: 0.5rem !important;
      }
      .p-lg-3 {
          padding: 1rem !important;
      }
      .pt-lg-3,
      .py-lg-3 {
          padding-top: 1rem !important;
      }
      .pr-lg-3,
      .px-lg-3 {
          padding-right: 1rem !important;
      }
      .pb-lg-3,
      .py-lg-3 {
          padding-bottom: 1rem !important;
      }
      .pl-lg-3,
      .px-lg-3 {
          padding-left: 1rem !important;
      }
      .p-lg-4 {
          padding: 1.5rem !important;
      }
      .pt-lg-4,
      .py-lg-4 {
          padding-top: 1.5rem !important;
      }
      .pr-lg-4,
      .px-lg-4 {
          padding-right: 1.5rem !important;
      }
      .pb-lg-4,
      .py-lg-4 {
          padding-bottom: 1.5rem !important;
      }
      .pl-lg-4,
      .px-lg-4 {
          padding-left: 1.5rem !important;
      }
      .p-lg-5 {
          padding: 3rem !important;
      }
      .pt-lg-5,
      .py-lg-5 {
          padding-top: 3rem !important;
      }
      .pr-lg-5,
      .px-lg-5 {
          padding-right: 3rem !important;
      }
      .pb-lg-5,
      .py-lg-5 {
          padding-bottom: 3rem !important;
      }
      .pl-lg-5,
      .px-lg-5 {
          padding-left: 3rem !important;
      }
      .m-lg-auto {
          margin: auto !important;
      }
      .mt-lg-auto,
      .my-lg-auto {
          margin-top: auto !important;
      }
      .mr-lg-auto,
      .mx-lg-auto {
          margin-right: auto !important;
      }
      .mb-lg-auto,
      .my-lg-auto {
          margin-bottom: auto !important;
      }
      .ml-lg-auto,
      .mx-lg-auto {
          margin-left: auto !important;
      }
  }
  
  @media (min-width: 1200px) {
      .m-xl-0 {
          margin: 0 !important;
      }
      .mt-xl-0,
      .my-xl-0 {
          margin-top: 0 !important;
      }
      .mr-xl-0,
      .mx-xl-0 {
          margin-right: 0 !important;
      }
      .mb-xl-0,
      .my-xl-0 {
          margin-bottom: 0 !important;
      }
      .ml-xl-0,
      .mx-xl-0 {
          margin-left: 0 !important;
      }
      .m-xl-1 {
          margin: 0.25rem !important;
      }
      .mt-xl-1,
      .my-xl-1 {
          margin-top: 0.25rem !important;
      }
      .mr-xl-1,
      .mx-xl-1 {
          margin-right: 0.25rem !important;
      }
      .mb-xl-1,
      .my-xl-1 {
          margin-bottom: 0.25rem !important;
      }
      .ml-xl-1,
      .mx-xl-1 {
          margin-left: 0.25rem !important;
      }
      .m-xl-2 {
          margin: 0.5rem !important;
      }
      .mt-xl-2,
      .my-xl-2 {
          margin-top: 0.5rem !important;
      }
      .mr-xl-2,
      .mx-xl-2 {
          margin-right: 0.5rem !important;
      }
      .mb-xl-2,
      .my-xl-2 {
          margin-bottom: 0.5rem !important;
      }
      .ml-xl-2,
      .mx-xl-2 {
          margin-left: 0.5rem !important;
      }
      .m-xl-3 {
          margin: 1rem !important;
      }
      .mt-xl-3,
      .my-xl-3 {
          margin-top: 1rem !important;
      }
      .mr-xl-3,
      .mx-xl-3 {
          margin-right: 1rem !important;
      }
      .mb-xl-3,
      .my-xl-3 {
          margin-bottom: 1rem !important;
      }
      .ml-xl-3,
      .mx-xl-3 {
          margin-left: 1rem !important;
      }
      .m-xl-4 {
          margin: 1.5rem !important;
      }
      .mt-xl-4,
      .my-xl-4 {
          margin-top: 1.5rem !important;
      }
      .mr-xl-4,
      .mx-xl-4 {
          margin-right: 1.5rem !important;
      }
      .mb-xl-4,
      .my-xl-4 {
          margin-bottom: 1.5rem !important;
      }
      .ml-xl-4,
      .mx-xl-4 {
          margin-left: 1.5rem !important;
      }
      .m-xl-5 {
          margin: 3rem !important;
      }
      .mt-xl-5,
      .my-xl-5 {
          margin-top: 3rem !important;
      }
      .mr-xl-5,
      .mx-xl-5 {
          margin-right: 3rem !important;
      }
      .mb-xl-5,
      .my-xl-5 {
          margin-bottom: 3rem !important;
      }
      .ml-xl-5,
      .mx-xl-5 {
          margin-left: 3rem !important;
      }
      .p-xl-0 {
          padding: 0 !important;
      }
      .pt-xl-0,
      .py-xl-0 {
          padding-top: 0 !important;
      }
      .pr-xl-0,
      .px-xl-0 {
          padding-right: 0 !important;
      }
      .pb-xl-0,
      .py-xl-0 {
          padding-bottom: 0 !important;
      }
      .pl-xl-0,
      .px-xl-0 {
          padding-left: 0 !important;
      }
      .p-xl-1 {
          padding: 0.25rem !important;
      }
      .pt-xl-1,
      .py-xl-1 {
          padding-top: 0.25rem !important;
      }
      .pr-xl-1,
      .px-xl-1 {
          padding-right: 0.25rem !important;
      }
      .pb-xl-1,
      .py-xl-1 {
          padding-bottom: 0.25rem !important;
      }
      .pl-xl-1,
      .px-xl-1 {
          padding-left: 0.25rem !important;
      }
      .p-xl-2 {
          padding: 0.5rem !important;
      }
      .pt-xl-2,
      .py-xl-2 {
          padding-top: 0.5rem !important;
      }
      .pr-xl-2,
      .px-xl-2 {
          padding-right: 0.5rem !important;
      }
      .pb-xl-2,
      .py-xl-2 {
          padding-bottom: 0.5rem !important;
      }
      .pl-xl-2,
      .px-xl-2 {
          padding-left: 0.5rem !important;
      }
      .p-xl-3 {
          padding: 1rem !important;
      }
      .pt-xl-3,
      .py-xl-3 {
          padding-top: 1rem !important;
      }
      .pr-xl-3,
      .px-xl-3 {
          padding-right: 1rem !important;
      }
      .pb-xl-3,
      .py-xl-3 {
          padding-bottom: 1rem !important;
      }
      .pl-xl-3,
      .px-xl-3 {
          padding-left: 1rem !important;
      }
      .p-xl-4 {
          padding: 1.5rem !important;
      }
      .pt-xl-4,
      .py-xl-4 {
          padding-top: 1.5rem !important;
      }
      .pr-xl-4,
      .px-xl-4 {
          padding-right: 1.5rem !important;
      }
      .pb-xl-4,
      .py-xl-4 {
          padding-bottom: 1.5rem !important;
      }
      .pl-xl-4,
      .px-xl-4 {
          padding-left: 1.5rem !important;
      }
      .p-xl-5 {
          padding: 3rem !important;
      }
      .pt-xl-5,
      .py-xl-5 {
          padding-top: 3rem !important;
      }
      .pr-xl-5,
      .px-xl-5 {
          padding-right: 3rem !important;
      }
      .pb-xl-5,
      .py-xl-5 {
          padding-bottom: 3rem !important;
      }
      .pl-xl-5,
      .px-xl-5 {
          padding-left: 3rem !important;
      }
      .m-xl-auto {
          margin: auto !important;
      }
      .mt-xl-auto,
      .my-xl-auto {
          margin-top: auto !important;
      }
      .mr-xl-auto,
      .mx-xl-auto {
          margin-right: auto !important;
      }
      .mb-xl-auto,
      .my-xl-auto {
          margin-bottom: auto !important;
      }
      .ml-xl-auto,
      .mx-xl-auto {
          margin-left: auto !important;
      }
  }
  
  .text-justify {
      text-align: justify !important;
  }
  
  .text-nowrap {
      white-space: nowrap !important;
  }
  
  .text-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .text-left {
      text-align: left !important;
  }
  
  .text-right {
      text-align: right !important;
  }
  
  .text-center {
      text-align: center !important;
  }
  
  @media (min-width: 576px) {
      .text-sm-left {
          text-align: left !important;
      }
      .text-sm-right {
          text-align: right !important;
      }
      .text-sm-center {
          text-align: center !important;
      }
  }
  
  @media (min-width: 768px) {
      .text-md-left {
          text-align: left !important;
      }
      .text-md-right {
          text-align: right !important;
      }
      .text-md-center {
          text-align: center !important;
      }
  }
  
  @media (min-width: 992px) {
      .text-lg-left {
          text-align: left !important;
      }
      .text-lg-right {
          text-align: right !important;
      }
      .text-lg-center {
          text-align: center !important;
      }
  }
  
  @media (min-width: 1200px) {
      .text-xl-left {
          text-align: left !important;
      }
      .text-xl-right {
          text-align: right !important;
      }
      .text-xl-center {
          text-align: center !important;
      }
  }
  
  .text-lowercase {
      text-transform: lowercase !important;
  }
  
  .text-uppercase {
      text-transform: uppercase !important;
  }
  
  .text-capitalize {
      text-transform: capitalize !important;
  }
  
  .font-weight-light {
      font-weight: 300 !important;
  }
  
  .font-weight-normal {
      font-weight: normal !important;
  }
  
  .font-weight-bold {
      font-weight: bold !important;
  }
  
  .font-italic {
      font-style: italic !important;
  }
  
  .text-white {
      color: #fff !important;
  }
  
  .text-primary {
      color: #5f0c00 !important;
  }
  
  a.text-primary:focus,
  a.text-primary:hover {
      color: #001655 !important;
  }
  
  .text-secondary {
      color: #009efb !important;
  }
  
  a.text-secondary:focus,
  a.text-secondary:hover {
      color: #007ec8 !important;
  }
  
  .text-success {
      color: #5cd069 !important;
  }
  
  a.text-success:focus,
  a.text-success:hover {
      color: #38c147 !important;
  }
  
  .text-info {
      color: #745af2 !important;
  }
  
  a.text-info:focus,
  a.text-info:hover {
      color: #4c2bee !important;
  }
  
  .text-warning {
      color: #fecb01 !important;
  }
  
  a.text-warning:focus,
  a.text-warning:hover {
      color: #cba201 !important;
  }
  
  .text-danger {
      color: #ea2c54 !important;
  }
  
  a.text-danger:focus,
  a.text-danger:hover {
      color: #ce153c !important;
  }
  
  .text-light {
      color: #f8f9fa !important;
  }
  
  a.text-light:focus,
  a.text-light:hover {
      color: #dae0e5 !important;
  }
  
  .text-dark {
      color: #383d4d !important;
  }
  
  a.text-dark:focus,
  a.text-dark:hover {
      color: #23262f !important;
  }
  
  .text-muted,
  .email-wrapper .mail-body .mail-list .content .message_text,
  .email-wrapper .mail-body .mail-list .details .date,
  .nav-tabs .nav-tabs,
  .profile-list-item a .user .u-designation,
  .preview-list .preview-item .preview-item-content p .content-category {
      color: #868e96 !important;
  }
  
  .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
  }
  
  .visible {
      visibility: visible !important;
  }
  
  .invisible {
      visibility: hidden !important;
  }
  
  @font-face {
      font-family: 'roboto-light';
      src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'roboto-regular';
      src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'roboto-medium';
      src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'roboto-bold';
      src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'source-sans-pro-light';
      src: url("../fonts/Source_Sans_Pro/SourceSansPro-Light.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'source-sans-pro-regular';
      src: url("../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'source-sans-pro-semibold';
      src: url("../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'source-sans-pro-bold';
      src: url("../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'open-sans-light';
      src: url("../fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'open-sans-regular';
      src: url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'open-sans-semibold';
      src: url("../fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
  }
  
  @font-face {
      font-family: 'open-sans-bold';
      src: url("../fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender .Sende-name,
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender .Sender-message,
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item .notification-text,
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item .nav-link,
  .attachments-sections ul li .details p.file-name,
  .profile-list-item a .user .u-name,
  .profile-list-item a .user .u-designation,
  .new-accounts ul.chats li.chat-persons a div.user p.u-name,
  .new-accounts ul.chats li.chat-persons a div.user p.u-designation,
  .portfolio-grid-2 .portfolio-tile .tile-details .project-name,
  .tickets-tab ul li .details .t-content .sender-content p.subject,
  .tickets-tab ul li .details .t-content .message p {
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 100%;
      white-space: nowrap;
  }
  
  .border-right {
      border-right: 1px solid #e7eaf3;
  }
  
  .sidebar {
      background: #ffffff;
      font-family: 'Raleway', sans-serif;
      min-height: 100%;
      padding: 0;
      position: absolute;
      width: 235px;
      z-index: 11;
      transition: width .2s ease;
  }
  
  .sidebar .nav {
      flex-direction: column;
      flex-wrap: nowrap;
      overflow: hidden;
  }
  
  .sidebar .nav .nav-item .collapse {
      z-index: 999;
  }
  
  .sidebar .nav .nav-item .nav-link {
      align-items: center;
      display: flex;
      padding: .6rem 2rem;
      white-space: nowrap;
  }
  
  .sidebar .nav .nav-item .nav-link i {
      color: #616161;
      margin-left: 0;
  }
  
  .sidebar .nav .nav-item .nav-link i:first-child {
      margin-right: .5em;
  }
  
  .sidebar .nav .nav-item .nav-link i:first-child:before,
  .sidebar .nav .nav-item .nav-link i:first-child:after {
      font-size: 1.2rem;
  }
  
  .sidebar .nav .nav-item .nav-link i:last-child {
      margin-left: auto;
  }
  
  .sidebar .nav .nav-item .nav-link i:last-child:before,
  .sidebar .nav .nav-item .nav-link i:last-child:after {
      font-size: 1.5rem;
  }
  
  .sidebar .nav .nav-item .nav-link .menu-title {
      color: #616161;
      display: inline-block;
      font-size: .85rem;
  }
  
  .sidebar .nav .nav-item .nav-link:hover {
      color: #3f4549;
  }
  
  .sidebar .nav .nav-item.nav-category {
      color: #5f0c00;
      font-family: 'Raleway', sans-serif;
      font-size: 0.75rem;
      line-height: 16px;
  }
  
  .sidebar .nav .nav-item.nav-category .nav-link {
      padding: 1.2rem 2rem .2rem;
  }
  
  .sidebar .nav .nav-item.nav-category .nav-link:hover {
      color: #5f0c00;
  }
  
  .sidebar .nav .nav-item.active>.nav-link {
      background: #5f0c00;
  }
  
  .sidebar .nav .nav-item.active>.nav-link i,
  .sidebar .nav .nav-item.active>.nav-link .menu-title {
      color: #ffffff;
  }
  
  .sidebar .nav.sub-menu {
      padding-left: 2.5em;
      padding-bottom: 1rem;
  }
  
  .sidebar .nav.sub-menu .nav-item .nav-link {
      color: #616161;
      padding: .5em 2.5em;
      font-size: .8125rem;
  }
  
  .sidebar .nav.sub-menu .nav-item .nav-link.active {
      color: #5f0c00;
  }
  
  .sidebar>.nav>.nav-item:not(.nav-category) {
      border-bottom: 1px solid #e9ecef;
  }
  
  .sidebar-dark {
      background: #383d4d;
  }
  
  .sidebar-dark .sidebar {
      background: #383d4d;
  }
  
  .sidebar-dark .sidebar .nav .nav-item .nav-link i,
  .sidebar-dark .sidebar .nav .nav-item .nav-link .menu-title {
      color: #ffffff;
  }
  
  .sidebar-dark .sidebar .nav .nav-item.nav-category {
      color: #868e96;
  }
  
  .sidebar-dark .sidebar .nav .nav-item:not(.nav-category) {
      border-color: #292b2c;
  }
  
  .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
      color: #ffffff;
  }
  
  .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
      color: #868e96;
  }
  
  
  /* style for off-canvas menu*/
  
  @media screen and (max-width: 991px) {
      .row-offcanvas {
          position: relative;
          -webkit-transition: all .25s ease-out;
          -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
      }
      .row-offcanvas.row-offcanvas-right {
          right: 0;
      }
      .row-offcanvas.row-offcanvas-right .sidebar-offcanvas {
          right: -100%;
      }
      .row-offcanvas.row-offcanvas-right.active {
          right: 100%;
      }
      .row-offcanvas.row-offcanvas-right.active .sidebar-offcanvas {
          right: -100%;
      }
      .row-offcanvas.row-offcanvas-left {
          left: 0;
      }
      .row-offcanvas.row-offcanvas-left .sidebar-offcanvas {
          left: -100%;
      }
      .row-offcanvas.row-offcanvas-left.active {
          left: 100%;
      }
      .row-offcanvas.row-offcanvas-left.active .sidebar-offcanvas {
          left: -100%;
      }
      .row-offcanvas .sidebar-offcanvas {
          position: absolute;
          top: 0;
          width: 100%;
      }
      .row-offcanvas .sidebar-offcanvas .nav {
          display: block;
      }
  }
  
  .navbar {
      background: #ffffff;
      padding: 0;
      height: 5rem;
  }
  
  .navbar .navbar-brand-wrapper {
      background: #ffffff;
      transition: width .2s ease;
      width: 235px;
  }
  
  .navbar .navbar-brand-wrapper .navbar-brand {
      color: #5f0c00;
      font-family: 'Raleway', sans-serif;
      font-size: 1.8125rem;
      line-height: 48px;
      margin-right: 0;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
  }
  
  .navbar .navbar-brand-wrapper .navbar-brand i {
      font-size: 2.2rem;
  }
  
  .navbar .navbar-brand-wrapper .navbar-brand img {
      max-width: 100%;
  }
  
  .navbar .navbar-brand-wrapper .brand-logo-mini {
      display: none;
  }
  
  .navbar .navbar-menu-wrapper {
      transition: width .2s ease;
      padding-right: 30px;
      width: calc(100% - 235px);
  }
  
  @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper {
          padding-right: 0;
          width: calc(100% - 75px);
      }
  }
  
  .navbar .navbar-menu-wrapper .navbar-toggler {
      background: #ffffff;
      border: 0;
      padding: 0.7rem 0.85rem;
      border-radius: 0 100% 100% 0;
      color: #5f0c00;
      font-size: 1.5rem;
  }
  
  @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
          display: none;
      }
  }
  
  .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
      border-radius: 100% 0 0 100%;
  }
  
  .navbar .navbar-menu-wrapper .nav-profile {
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
      ;
      font-size: 1.125rem;
      margin-left: 2rem;
  }
  
  @media (max-width: 767px) {
      .navbar .navbar-menu-wrapper .nav-profile span {
          display: none;
      }
  }
  
  .navbar .navbar-menu-wrapper .nav-profile img {
      width: 38px;
      height: 38px;
      border-radius: 100%;
      margin-left: 1rem;
  }
  
  .navbar .navbar-menu-wrapper .search {
      background: transparent;
      width: 275px;
      height: 40px;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      font-size: 14px;
      transition: 0.5s ease-in;
      margin-right: 55px;
      color: #ffffff;
  }
  
  .navbar .navbar-menu-wrapper .search:-ms-input-placeholder {
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
  }
  
  .navbar .navbar-menu-wrapper .search:-moz-placeholder {
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
  }
  
  .navbar .navbar-menu-wrapper .search::-moz-placeholder {
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
  }
  
  .navbar .navbar-menu-wrapper .search::-webkit-input-placeholder {
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
  }
  
  .navbar .navbar-menu-wrapper .navbar-nav {
      flex-direction: row;
      align-items: center;
  }
  
  @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper .navbar-nav {
          margin-left: auto;
      }
  }
  
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
      font-size: 0.875rem;
      margin-left: 5px;
      margin-right: 15px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
      font-size: 1.5rem;
  }
  
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.count-indicator {
      position: relative;
  }
  
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.count-indicator .count {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 4px;
      right: -4px;
      color: #ffffff;
      border-radius: 100%;
      text-align: center;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown {
      font-size: 0.9rem;
      position: absolute;
      right: 0;
      left: auto;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item {
      padding: .5rem 1.5rem;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item:last-child {
      margin-bottom: 0;
      border-bottom: 0;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender-img {
      position: relative;
      margin-right: 15px;
      padding: 0px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender-img img {
      width: 40px;
      min-width: 40px;
      border-radius: 100%;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender-img .badge {
      margin-left: 10px;
      height: 10px;
      width: 10px;
      padding: 4px;
      border-radius: 100%;
      overflow: hidden;
      border: 2px solid #fff;
      position: absolute;
      bottom: 0px;
      right: 0px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender {
      max-width: 100%;
      max-width: 215px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender .Sende-name {
      font-weight: 600;
      margin: 0;
      font-size: 13px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .dropdown-item .sender .Sender-message {
      font-weight: 500;
      margin: 0;
      font-size: 12px;
      opacity: 0.6;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.mail-notification .view-all {
      color: #5f0c00;
      display: block !important;
      text-align: center;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item {
      padding: 13px 11px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item .notification-text {
      max-width: 100%;
      margin-bottom: 0;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown.notification-drop-down .dropdown-item i {
      margin-right: 10px;
      font-size: 17px;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown .dropdown-menu {
      -webkit-box-shadow: -3px 6px 27px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -3px 6px 27px 3px rgba(0, 0, 0, 0.1);
      box-shadow: -3px 6px 27px 3px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(182, 182, 182, 0.1);
      padding: 0;
      border-radius: 8px;
      overflow: hidden;
  }
  
  .navbar .navbar-menu-wrapper .navbar-dropdown .dropdown-menu .dropdown-item {
      border-bottom: 1px solid #b2b8bc;
      margin-bottom: 0;
      padding: 11px 13px;
      max-width: 300px;
  }
  
  @media (min-width: 992px) {
      .navbar .navbar-menu-wrapper .navbar-dropdown:after {
          right: 16px;
          left: auto;
      }
      .navbar .navbar-menu-wrapper .navbar-dropdown:before {
          right: 15px;
          left: auto;
      }
  }
  
  .navbar-dark .navbar .navbar-menu-wrapper {
      background: #383d4d;
  }
  
  .navbar-primary .navbar .navbar-menu-wrapper {
      background: #5f0c00;
  }
  
  .navbar-primary .navbar .navbar-menu-wrapper .navbar-toggler {
      color: #5f0c00;
  }
  
  .navbar-secondary .navbar .navabr-menu-wrapper {
      background: #009efb;
  }
  
  .navbar-secondary .navbar .navabr-menu-wrapper .navbar-toggler {
      color: #009efb;
  }
  
  .navbar-success .navbar .navbar-menu-wrapper {
      background: #5cd069;
  }
  
  .navbar-success .navbar .navbar-menu-wrapper .navbar-toggler {
      color: #5cd069;
  }
  
  .navbar-danger .navbar .navbar-menu-wrapper {
      background: #ea2c54;
  }
  
  .navbar-danger .navbar .navbar-menu-wrapper .navbar-toggler {
      color: #ea2c54;
  }
  
  .navbar-warning .navbar .navbar-menu-wrapper {
      background: #fecb01;
  }
  
  .navbar-warning .navbar .navbar-menu-wrapper .navbar-toggler {
      color: #fecb01;
  }
  
  .navbar-dark .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
  .navbar-danger .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
  .navbar-primary .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
  .navbar-success .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
  .navbar-warning .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
  .navbar-secondary .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
      color: #ffffff;
  }
  
  @media (max-width: 991px) {
      .navbar {
          flex-direction: row;
      }
      .navbar .navbar-brand-wrapper {
          width: 75px;
      }
      .navbar .navbar-brand-wrapper .brand-logo {
          display: none;
      }
      .navbar .navbar-brand-wrapper .brand-logo-mini {
          display: inline-block;
      }
      .navbar-collapse {
          display: flex;
          margin-top: 0.5rem;
      }
  }
  
  .input-group-addon,
  .asColorPicker-trigger {
      background: #5f0c00;
      color: #ffffff;
      width: 40px;
  }
  
  .form-control,
  .typeahead,
  .tt-query,
  .tt-hint,
  .asColorPicker-input {
      border-radius: 2px;
      background-color: #ffffff;
      border: 1px solid #e7eaf3;
  }
  
  .form-control:-ms-input-placeholder,
  .typeahead:-ms-input-placeholder,
  .tt-query:-ms-input-placeholder,
  .tt-hint:-ms-input-placeholder,
  .asColorPicker-input:-ms-input-placeholder {
      color: #a1aabb;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
  }
  
  .form-control:-moz-placeholder,
  .typeahead:-moz-placeholder,
  .tt-query:-moz-placeholder,
  .tt-hint:-moz-placeholder,
  .asColorPicker-input:-moz-placeholder {
      color: #a1aabb;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
  }
  
  .form-control::-moz-placeholder,
  .typeahead::-moz-placeholder,
  .tt-query::-moz-placeholder,
  .tt-hint::-moz-placeholder,
  .asColorPicker-input::-moz-placeholder {
      color: #a1aabb;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
  }
  
  .form-control::-webkit-input-placeholder,
  .typeahead::-webkit-input-placeholder,
  .tt-query::-webkit-input-placeholder,
  .tt-hint::-webkit-input-placeholder,
  .asColorPicker-input::-webkit-input-placeholder {
      color: #a1aabb;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
  }
  
  .form-group.has-danger .form-control,
  .form-group.has-danger .typeahead,
  .form-group.has-danger .tt-query,
  .form-group.has-danger .tt-hint,
  .form-group.has-danger .asColorPicker-input {
      border-color: #ea2c54;
  }
  
  .form-group .form-control-file {
      display: none;
  }
  
  .bg-white {
      background: white;
  }
  
  .bg-dark {
      background: #383d4d;
  }
  
  .icons-list {
      padding: 15px;
  }
  
  .icons-list>div {
      padding: .5rem;
      text-align: center;
  }
  
  .icons-list>div i {
      display: block;
      font-size: 1.5rem;
      margin: .5rem 0;
  }
  
  .icon-grey-big {
      color: #636c72;
  }
  
  .icon-grey-big:before {
      font-size: 2.5rem;
  }
  
  body {
      font-size: 1rem;
      font-family: 'Raleway', sans-serif;
      ;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5 {
      font-family: 'Raleway', sans-serif;
  }
  
  h1 {
      font-size: 1.375rem;
  }
  
  h2 {
      font-size: 1.25rem;
  }
  
  h3 {
      font-size: 1.125rem;
  }
  
  h4 {
      font-size: 1.0625rem;
  }
  
  h5 {
      font-size: .9375rem;
  }
  
  p {
      font-size: .875rem;
  }
  
  @media (max-width: 991px) {
      .display-1 {
          font-size: 4rem;
      }
  }
  
  @media (max-width: 991px) {
      .display-2 {
          font-size: 3.5rem;
      }
  }
  
  @media (max-width: 991px) {
      .display-3 {
          font-size: 3rem;
      }
  }
  
  .display-4 {
      font-size: 2.25rem;
  }
  
  @media (max-width: 991px) {
      .display-4 {
          font-size: 2rem;
      }
  }
  
  .font-weight-normal {
      font-family: 'Raleway', sans-serif;
  }
  
  .error-page h1 {
      font-size: 12rem;
  }
  
  @media (max-width: 991px) {
      .error-page h1 {
          font-size: 8rem;
      }
  }
  
  .page-title {
      color: #5f0c00;
      font-family: 'Raleway', sans-serif;
      margin: .5rem 0 1.5rem 0;
  }
  
  .card-title {
      color: #000;
      font-family: 'Raleway', sans-serif;
  }
  
  .bold-text {
      font-family: 'Raleway', sans-serif;
  }
  
  .table th {
      font-family: 'Raleway', sans-serif;
      font-size: .9375rem;
  }
  
  .table td {
      font-family: 'Raleway', sans-serif;
      ;
      font-size: .9375rem;
  }
  
  .content-wrapper {
      background: #edf1f5;
      margin-left: 235px;
      min-height: 100vh;
      padding: 1.5rem 1.7rem;
      transition: all .2s ease;
      width: calc(100% - 235px);
  }
  
  @media (max-width: 991px) {
      .content-wrapper {
          margin-left: 0;
          width: 100%;
      }
  }
  
  .content-wrapper.full-page-wrapper {
      margin-left: 0;
      width: 100%;
  }
  
  .container-scroller {
      height: 100vh;
      position: relative;
  }
  
  pre {
      padding: 15px;
      font-size: 14px;
  }
  
  .grid-margin {
      margin-bottom: 1.875rem;
  }
  
  @media (min-width: 576px) {
      .grid-margin-sm-0 {
          margin-bottom: 0;
      }
  }
  
  @media (min-width: 768px) {
      .grid-margin-md-0 {
          margin-bottom: 0;
      }
  }
  
  @media (min-width: 992px) {
      .grid-margin-lg-0 {
          margin-bottom: 0;
      }
  }
  
  @media (min-width: 1200px) {
      .grid-margin-xl-0 {
          margin-bottom: 0;
      }
  }
  
  
  /*--Version 1.0.0--*/
  
  body {
      padding: 0;
      margin: 0;
      overflow-x: hidden;
  }
  
  .form-control:focus,
  .typeahead:focus,
  .tt-query:focus,
  .tt-hint:focus,
  .asColorPicker-input:focus {
      outline: 0;
  }
  
  a,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  p,
  span {
      text-shadow: none;
  }
  
  [type=button]:focus,
  a:active,
  a:focus,
  a:visited,
  button::-moz-focus-inner,
  input[type=reset]::-moz-focus-inner,
  input[type=button]::-moz-focus-inner,
  input[type=submit]::-moz-focus-inner,
  input[type=file]>input[type=button]::-moz-focus-inner,
  select::-moz-focus-inner {
      border: 0;
      outline: 0;
  }
  
   :focus {
      outline: -webkit-focus-ring-color auto 0 !important;
  }
  
  textarea {
      resize: none;
  }
  
  .btn,
  .avgrund-close,
  .btn-group.open .dropdown-toggle,
  .btn:active,
  .avgrund-close:active,
  .btn:focus,
  .avgrund-close:focus,
  .btn:hover,
  .avgrund-close:hover,
  .btn:visited,
  .avgrund-close:visited,
  a,
  a:active,
  a:checked,
  a:focus,
  a:hover,
  a:visited,
  body,
  button,
  button:active,
  button:hover,
  button:visited,
  div,
  select,
  select:active,
  select:focus,
  select:visited {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }
  
  .btn.active.focus,
  .active.focus.avgrund-close,
  .btn.active:focus,
  .active.avgrund-close:focus,
  .btn.focus,
  .focus.avgrund-close,
  .btn:active.focus,
  .avgrund-close:active.focus,
  .btn:active:focus,
  .avgrund-close:active:focus,
  .btn:focus,
  .avgrund-close:focus,
  button,
  button:active,
  button:checked,
  button:focus,
  button:hover,
  button:visited {
      outline: 0;
      outline-offset: 0;
  }
  
  .bootstrap-select .dropdown-toggle:focus {
      outline: 0 !important;
      outline-offset: 0;
  }
  
  .dropdown-menu>li>a:active,
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:hover,
  .dropdown-menu>li>a:visited {
      outline: 0 !important;
  }
  
  a:focus,
  input:focus {
      border-color: transparent;
      outline: none;
  }
  
  ul {
      list-style-type: none;
  }
  
  .footer {
      background: #000;
      color: #ffffff;
      margin-left: 235px;
      padding: 1rem;
      transition: all .8s ease;
      width: calc(100% - 235px);
  }
  
  .footer a {
      color: #ffffff;
  }
  
  @media (max-width: 991px) {
      .footer {
          margin-left: 0;
          width: 100%;
      }
  }
  
  .navbar.fixed-top+.page-body-wrapper {
      padding-top: 5rem;
  }
  
  @media (min-width: 992px) {
      .sidebar-mini .navbar .navbar-brand-wrapper {
          width: 185px;
      }
      .sidebar-mini .navbar .navbar-menu-wrapper {
          width: calc(100% - 185px);
      }
      .sidebar-mini .sidebar {
          width: 185px;
      }
      .sidebar-mini .sidebar .nav .nav-item .nav-link {
          display: block;
          text-align: center;
          padding: 0.8em 2.5em;
      }
      .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {
          display: block;
      }
      .sidebar-mini .sidebar .nav .nav-item .nav-link i:last-child {
          display: none;
      }
      .sidebar-mini .sidebar .nav .nav-item .nav-link[data-toggle="collapse"] .menu-title:after {
          content: "\F142";
          font: normal normal normal 24px/1 "Material Design Icons";
          position: absolute;
          right: 10px;
          font-size: 0.7rem;
      }
      .sidebar-mini .sidebar .nav .nav-item.nav-category {
          display: none;
      }
      .sidebar-mini .sidebar .nav.sub-menu {
          padding: 0 .5rem;
      }
      .sidebar-mini .sidebar .nav.sub-menu .nav-item .nav-link {
          padding: .5rem 0;
      }
      .sidebar-mini .content-wrapper,
      .sidebar-mini .footer {
          margin-left: 185px;
          width: calc(100% - 185px);
      }
      .rtl.sidebar-mini .content-wrapper,
      .rtl.sidebar-mini .footer {
          margin-left: 0;
          margin-right: 185px;
      }
  }
  
  @media (min-width: 992px) {
      .sidebar-icon-only:not(.sidebar-expanded) .navbar .navbar-brand-wrapper {
          width: 70px;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .navbar .navbar-brand-wrapper .brand-logo {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .navbar .navbar-brand-wrapper .brand-logo-mini {
          display: inline-block;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .navbar .navbar-menu-wrapper {
          width: calc(100% - 70px);
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar {
          width: 70px;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav {
          overflow: visible;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item {
          position: relative;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item .nav-link {
          display: block;
          padding: .6em 1.5em;
          text-align: center;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item .nav-link .menu-title {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item .nav-link i:last-child {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.nav-profile {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.nav-category {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item .collapse {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
          padding: .5rem 2rem;
          background: #5f0c00;
          color: #ffffff;
          display: inline-block;
          left: 70px;
          position: absolute;
          text-align: left;
          top: 0;
          width: 235px;
          z-index: 1;
          height: 47px;
          line-height: 2;
      }
      .rtl.sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
          left: auto;
          right: 70px;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
          display: none;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .collapse,
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .collapsing {
          display: block;
          background: #ffffff;
          border: 1px solid #e7eaf3;
          position: absolute;
          top: 47px;
          left: calc(15px + 70px);
          width: calc(220px);
      }
      .rtl.sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .collapse,
      .rtl.sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav .nav-item.hover-open .collapsing {
          left: auto;
          right: calc(15px + 70px);
      }
      .sidebar-icon-only:not(.sidebar-expanded) .sidebar .nav.sub-menu .nav-item .nav-link {
          padding: .5rem 0;
          text-align: left;
      }
      .sidebar-icon-only:not(.sidebar-expanded) .content-wrapper,
      .sidebar-icon-only:not(.sidebar-expanded) .footer {
          margin-left: 70px;
          width: calc(100% - 70px);
      }
      .rtl.sidebar-icon-only:not(.sidebar-expanded) .content-wrapper,
      .rtl.sidebar-icon-only:not(.sidebar-expanded) .footer {
          margin-left: 0;
          margin-right: 70px;
      }
  }
  
  @media (min-width: 992px) {
      .sidebar-hidden .sidebar {
          transition: width .2s ease;
          width: 0;
      }
      .sidebar-hidden .content-wrapper,
      .sidebar-hidden .footer {
          margin-left: 0;
          width: 100%;
      }
      .rtl.sidebar-hidden .content-wrapper,
      .rtl.sidebar-hidden .footer {
          margin-right: 0;
      }
  }
  
  @media (min-width: 992px) {
      .sidebar-absolute:not(.sidebar-hidden) .sidebar {
          -webkit-box-shadow: 0px 0px 3px 1px #a7a3a3;
          /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          -moz-box-shadow: 0px 0px 3px 1px #a7a3a3;
          /* Firefox 3.5 - 3.6 */
          box-shadow: 0px 0px 3px 1px #a7a3a3;
          /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
      }
      .sidebar-absolute .content-wrapper,
      .sidebar-absolute .footer {
          margin-left: 0;
          width: 100%;
      }
      .rtl.sidebar-absolute .content-wrapper,
      .rtl.sidebar-absolute .footer {
          margin-right: 0;
      }
  }
  
  .horizontal-menu .navbar-toggler[data-toggle="minimize"],
  .horizontal-menu .navbar-toggler[data-toggle="toggleSidebarDisplay"] {
      display: none;
  }
  
  .horizontal-menu .content-wrapper,
  .horizontal-menu .footer {
      margin-left: 0;
      width: 100%;
  }
  
  .rtl.horizontal-menu .content-wrapper,
  .rtl.horizontal-menu .footer {
      margin-right: 0;
  }
  
  .horizontal-menu .content-wrapper {
      padding-top: 6rem;
  }
  
  .horizontal-menu .sidebar {
      background: #fff;
      padding: 0;
  }
  
  .horizontal-menu .sidebar .nav {
      border-bottom: 1px solid #e7eaf3;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .collapse,
  .horizontal-menu .sidebar .nav .nav-item .collapsing {
      background: #ffffff;
      position: absolute;
      border-top: 1px solid #edf1f5;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .collapse .nav,
  .horizontal-menu .sidebar .nav .nav-item .collapsing .nav {
      padding: 1rem;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .collapsing {
      transition: none;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .nav-link {
      display: block;
      color: #383d4d;
      margin-bottom: 0;
      transition: 0.4s color ease;
      -webkit-transition: 0.4s color ease;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .nav-link i.menu-icon {
      display: block;
      margin-right: 0;
      width: auto;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .nav-link i.menu-arrow {
      display: none;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .nav-link:hover {
      color: #383d4d;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu {
      position: absolute;
      left: 0;
      right: 0;
      border-top: 1px solid #e7eaf3;
      background: #fff;
      display: none;
  }
  
  @media (max-width: 992px) {
      .horizontal-menu .sidebar .nav .nav-item .mega-menu {
          position: relative;
      }
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group {
      list-style-type: none;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item {
      display: block;
      padding: 5px 12px;
      font-size: .9rem;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item .nav-link {
      white-space: nowrap;
      padding: 0;
      text-align: left;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item.nav-category {
      font-size: .8rem;
      color: #000;
      font-family: 'Raleway', sans-serif;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group.list-group {
      padding-left: 3rem;
  }
  
  .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group.list-group:first-child {
      padding-left: 0;
  }
  
  @media (max-width: 992px) {
      .horizontal-menu .sidebar .nav .nav-item.expanded .mega-menu {
          display: block !important;
          padding: 0;
      }
      .horizontal-menu .sidebar .nav .nav-item.expanded .mega-menu .list-group {
          padding-left: 0;
      }
      .horizontal-menu .sidebar .nav .nav-item.expanded .mega-menu .list-group li {
          display: block;
      }
  }
  
  .horizontal-menu .sidebar .nav>.nav-item {
      border-right: 1px solid #e7eaf3;
  }
  
  @media (min-width: 992px) {
      .horizontal-menu .sidebar {
          position: fixed;
          width: 100%;
          min-height: auto;
      }
      .horizontal-menu .sidebar .nav {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          flex-direction: row;
      }
      .horizontal-menu .sidebar .nav .nav-item .nav-link {
          border-left: 0;
      }
  }
  
  @media (max-width: 991px) {
      .horizontal-menu .sidebar {
          z-index: 1;
      }
      .horizontal-menu .sidebar .nav .nav-item .nav-link {
          padding: 1rem 0.5rem;
      }
      .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item .nav-link {
          padding: 0.5rem;
      }
      .horizontal-menu .sidebar .nav .nav-item .mega-menu .list-group .nav-item.nav-category .nav-link {
          padding: 0.5rem 0;
      }
  }
  
  @media (min-width: 992px) {
      .sidebar-fixed .sidebar {
          position: fixed;
      }
  }
  
  .sidebar-fixed .sidebar .nav {
      max-height: calc(100vh - 5rem);
      overflow: auto;
      position: relative;
  }
  
  .sidebar-fixed .sidebar .nav.sub-menu {
      max-height: none;
  }
  
  @media (min-width: 992px) {
      .boxed-layout .container-scroller {
          background: #868e96;
          padding: 0 2%;
      }
      .boxed-layout .navbar.fixed-top {
          margin: auto;
          width: 96%;
      }
      .boxed-layout.horizontal-menu .sidebar {
          margin: auto;
          width: 96%;
      }
  }
  
  .rtl {
      direction: rtl;
  }
  
  .rtl .content-wrapper {
      margin-left: 0;
      margin-right: 235px;
  }
  
  @media (max-width: 991px) {
      .rtl .content-wrapper {
          margin-right: 0;
      }
  }
  
  .rtl .sidebar .nav {
      padding-right: 0;
  }
  
  .rtl .sidebar .nav .nav-item .nav-link i:first-child {
      margin-right: 0;
      margin-left: .5em;
  }
  
  .rtl .sidebar .nav .nav-item .nav-link i.flaticon-arrows {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  
  .rtl .sidebar .nav .nav-item .nav-link i:last-child {
      margin-left: 0;
      margin-right: .5em;
  }
  
  .rtl .sidebar .nav.sub-menu {
      padding-left: 0;
      padding-right: 2.5em;
  }
  
  .rtl .navbar .navbar-menu-wrapper {
      padding-right: 0;
      padding-left: 30px;
  }
  
  .rtl .navbar .navbar-menu-wrapper .navbar-toggler {
      border-radius: 100% 0 0 100%;
  }
  
  .rtl .footer {
      margin-left: 0;
      margin-right: 235px;
  }
  
  @media (max-width: 991px) {
      .rtl .footer {
          margin-right: 0;
      }
  }
  
  body.rtl::-webkit-scrollbar,
  div::-webkit-scrollbar,
  ul::-webkit-scrollbar {
      width: .5em;
  }
  
  body.rtl::-webkit-scrollbar-track,
  div::-webkit-scrollbar-track,
  ul::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  
  body.rtl::-webkit-scrollbar-thumb,
  div::-webkit-scrollbar-thumb,
  ul::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
  }
  
  .accordion .card {
      margin-bottom: 15px;
      box-shadow: none;
  }
  
  .accordion .card .card-header {
      background-color: #e9ecef;
      border: 1px solid #e7eaf3;
  }
  
  .accordion .card .card-header a {
      color: #383d4d;
      text-decoration: none;
      font-size: 1rem;
  }
  
  .accordion .card .collapsing,
  .accordion .card .collapse {
      border: 1px solid #e7eaf3;
  }
  
  .btn,
  .avgrund-close {
      border-radius: .25rem;
      font-family: 'Raleway', sans-serif;
      ;
      font-size: 14px;
      padding: .625rem 1.438rem;
  }
  
  .btn.btn-success,
  .btn-success.avgrund-close,
  .btn.btn-warning,
  .btn-warning.avgrund-close {
      color: #ffffff;
  }
  
  .btn.btn-lg,
  .btn-group-lg>.btn,
  .btn-group-lg>.avgrund-close,
  .btn-lg.avgrund-close {
      padding: 1rem 2.2rem;
  }
  
  .btn.btn-sm,
  .btn-group-sm>.btn,
  .btn-group-sm>.avgrund-close,
  .avgrund-close {
      padding: .25rem .5rem;
  }
  
  .btn .btn-label:before,
  .avgrund-close .btn-label:before {
      font-size: 1.5rem;
      line-height: 5px;
      vertical-align: middle;
  }
  
  .btn .btn-label.btn-label-left,
  .avgrund-close .btn-label.btn-label-left {
      margin-right: 5px;
  }
  
  .btn .btn-label.btn-label-right,
  .avgrund-close .btn-label.btn-label-right {
      margin-left: 5px;
  }
  
  .btn.btn-light,
  .btn-light.avgrund-close {
      color: #111;
      background-color: #acb7bf;
      border-color: #acb7bf;
      color: #ffffff;
  }
  
  .btn.btn-light:hover,
  .btn-light.avgrund-close:hover {
      color: #111;
      background-color: #96a4ae;
      border-color: #8f9ea9;
  }
  
  .btn.btn-light:focus,
  .btn-light.avgrund-close:focus,
  .btn.btn-light.focus,
  .btn-light.focus.avgrund-close {
      box-shadow: 0 0 0 3px rgba(172, 183, 191, 0.5);
  }
  
  .btn.btn-light.disabled,
  .btn-light.disabled.avgrund-close,
  .btn.btn-light:disabled,
  .btn-light.avgrund-close:disabled {
      background-color: #acb7bf;
      border-color: #acb7bf;
  }
  
  .btn.btn-light:active,
  .btn-light.avgrund-close:active,
  .btn.btn-light.active,
  .btn-light.active.avgrund-close,
  .show>.btn.btn-light.dropdown-toggle,
  .show>.btn-light.dropdown-toggle.avgrund-close {
      background-color: #96a4ae;
      background-image: none;
      border-color: #8f9ea9;
  }
  
  .btn.btn-light:hover,
  .btn-light.avgrund-close:hover {
      color: #ffffff;
  }
  
  .btn.btn-outline-light,
  .btn-outline-light.avgrund-close {
      color: #acb7bf;
      background-color: transparent;
      background-image: none;
      border-color: #acb7bf;
  }
  
  .btn.btn-outline-light:hover,
  .btn-outline-light.avgrund-close:hover {
      color: #ffffff;
      background-color: #acb7bf;
      border-color: #acb7bf;
  }
  
  .btn.btn-outline-light:focus,
  .btn-outline-light.avgrund-close:focus,
  .btn.btn-outline-light.focus,
  .btn-outline-light.focus.avgrund-close {
      box-shadow: 0 0 0 3px rgba(172, 183, 191, 0.5);
  }
  
  .btn.btn-outline-light.disabled,
  .btn-outline-light.disabled.avgrund-close,
  .btn.btn-outline-light:disabled,
  .btn-outline-light.avgrund-close:disabled {
      color: #acb7bf;
      background-color: transparent;
  }
  
  .btn.btn-outline-light:active,
  .btn-outline-light.avgrund-close:active,
  .btn.btn-outline-light.active,
  .btn-outline-light.active.avgrund-close,
  .show>.btn.btn-outline-light.dropdown-toggle,
  .show>.btn-outline-light.dropdown-toggle.avgrund-close {
      color: #ffffff;
      background-color: #acb7bf;
      border-color: #acb7bf;
  }
  
  .btn-demo .btn,
  .btn-demo .avgrund-close {
      margin-top: .5rem;
  }
  
  .btn-toolbar .btn,
  .btn-toolbar .avgrund-close {
      border-radius: 0;
      padding: .625rem 1rem;
  }
  
  .btn-toolbar .btn+.btn,
  .btn-toolbar .avgrund-close+.btn,
  .btn-toolbar .btn+.avgrund-close,
  .btn-toolbar .avgrund-close+.avgrund-close {
      border-left: 0;
  }
  
  .btn-toolbar .btn:first-child,
  .btn-toolbar .avgrund-close:first-child {
      border-radius: .25rem 0 0 .25rem;
  }
  
  .btn-toolbar .btn:last-child,
  .btn-toolbar .avgrund-close:last-child {
      border-radius: 0 .25rem .25rem 0;
  }
  
  
  /*social buttons*/
  
  .btn-twitter {
      background: #009efb;
      color: #ffffff;
  }
  
  .btn-twitter:hover {
      background: #007ec8;
  }
  
  .btn-twitter.btn-link {
      background: none;
      color: #009efb;
  }
  
  .btn-twitter.btn-link:hover {
      color: #007ec8;
  }
  
  .btn-facebook {
      background: #3b5998;
      color: #ffffff;
  }
  
  .btn-facebook:hover {
      background: #2d4373;
  }
  
  .btn-facebook.btn-link {
      background: none;
      color: #3b5998;
  }
  
  .btn-facebook.btn-link:hover {
      color: #2d4373;
  }
  
  .btn-google {
      background: #dd4b39;
      color: #ffffff;
  }
  
  .btn-google:hover {
      background: #c23321;
  }
  
  .btn-google.btn-link {
      background: none;
      color: #dd4b39;
  }
  
  .btn-google.btn-link:hover {
      color: #c23321;
  }
  
  .btn-linkedin {
      background: #0976b4;
      color: #ffffff;
  }
  
  .btn-linkedin:hover {
      background: #075683;
  }
  
  .btn-linkedin.btn-link {
      background: none;
      color: #0976b4;
  }
  
  .btn-linkedin.btn-link:hover {
      color: #075683;
  }
  
  .btn-pinterest {
      background: #cc2127;
      color: #ffffff;
  }
  
  .btn-pinterest:hover {
      background: #a01a1f;
  }
  
  .btn-pinterest.btn-link {
      background: none;
      color: #cc2127;
  }
  
  .btn-pinterest.btn-link:hover {
      color: #a01a1f;
  }
  
  .btn-youtube {
      background: #e52d27;
      color: #ffffff;
  }
  
  .btn-youtube:hover {
      background: #c21d17;
  }
  
  .btn-youtube.btn-link {
      background: none;
      color: #e52d27;
  }
  
  .btn-youtube.btn-link:hover {
      color: #c21d17;
  }
  
  .btn-github {
      background: #333333;
      color: #ffffff;
  }
  
  .btn-github:hover {
      background: #1a1a1a;
  }
  
  .btn-github.btn-link {
      background: none;
      color: #333333;
  }
  
  .btn-github.btn-link:hover {
      color: #1a1a1a;
  }
  
  .btn-behance {
      background: #1769ff;
      color: #ffffff;
  }
  
  .btn-behance:hover {
      background: #0050e3;
  }
  
  .btn-behance.btn-link {
      background: none;
      color: #1769ff;
  }
  
  .btn-behance.btn-link:hover {
      color: #0050e3;
  }
  
  .btn-dribbble {
      background: #ea4c89;
      color: #ffffff;
  }
  
  .btn-dribbble:hover {
      background: #e51e6b;
  }
  
  .btn-dribbble.btn-link {
      background: none;
      color: #ea4c89;
  }
  
  .btn-dribbble.btn-link:hover {
      color: #e51e6b;
  }
  
  .btn-reddit {
      background: #ff4500;
      color: #ffffff;
  }
  
  .btn-reddit:hover {
      background: #cc3700;
  }
  
  .btn-reddit.btn-link {
      background: none;
      color: #ff4500;
  }
  
  .btn-reddit.btn-link:hover {
      color: #cc3700;
  }
  
  .badge {
      border-radius: 0.125rem;
      padding: 0.5em 1em;
  }
  
  .badge.badge-success,
  .preview-list .preview-item .preview-thumbnail .badge.badge-online,
  .badge.badge-warning,
  .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
      color: #ffffff;
  }
  
  .table {
      margin-bottom: 0;
      border-color: #e7eaf3;
  }
  
  .table th,
  .table td {
      border-left: 0;
      border-right: 0;
  }
  
  .table thead th {
      border-bottom-width: 1px;
  }
  
  .table td {
      color: #575962;
  }
  
  .table.table-bordered thead th {
      border-bottom-width: 0;
  }
  
  .table tr.bg-dark th,
  .table tr.bg-dark td {
      color: #ffffff;
  }
  
  .form-check,
  .form-radio {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
  }
  
  .form-check label,
  .form-radio label {
      display: block;
      padding-left: 30px;
      font-size: .875rem;
      line-height: 1.42857143;
  }
  
  .form-check label input,
  .form-radio label input {
      position: absolute;
      margin-left: -20px;
      margin-top: 4px\9;
      top: 0;
      left: 0;
      margin-left: 0 !important;
      z-index: 1;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
      margin-top: 0;
  }
  
  .form-check label input:checked+.input-helper:before,
  .form-radio label input:checked+.input-helper:before {
      background-color: #5f0c00;
      border: none;
  }
  
  .form-check label input:checked+.input-helper:after,
  .form-radio label input:checked+.input-helper:after {
      opacity: 1;
      line-height: 1.5;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
  
  .form-check label input:disabled+.input-helper:before,
  .form-radio label input:disabled+.input-helper:before {
      border-color: #e7eaf3;
  }
  
  .form-check label input:disabled:checked+.input-helper:before,
  .form-radio label input:disabled:checked+.input-helper:before {
      background: #e9ecef;
  }
  
  .form-check label .input-helper:before,
  .form-radio label .input-helper:before {
      position: absolute;
      content: "";
      top: 0;
      width: 22px;
      height: 22px;
      border-radius: 2px;
      left: 0;
      border: 1px solid #5f0c00;
      -webkit-transition: all;
      -o-transition: all;
      transition: all;
      transition-duration: 0s;
      -webkit-transition-duration: 250ms;
      transition-duration: 250ms;
  }
  
  .form-check label .input-helper:after,
  .form-radio label .input-helper:after {
      line-height: 1.5;
      -webkit-transition: all;
      -o-transition: all;
      transition: all;
      transition-duration: 0s;
      -webkit-transition-duration: 250ms;
      transition-duration: 250ms;
      font-family: Material Design Icons;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      content: '\F12C';
      position: absolute;
      font-size: .9375rem;
      left: 2px;
      top: 0px;
      color: #ffffff;
      font-weight: 700;
  }
  
  .form-radio label input:checked+.input-helper:before {
      background-color: #ffffff;
      border: 2px solid #5f0c00;
  }
  
  .form-radio label input:checked:disabled+.input-helper:before {
      background-color: #ffffff;
      border-color: #e7eaf3;
  }
  
  .form-radio label input:checked:disabled+.input-helper:after {
      background-color: #e9ecef;
  }
  
  .form-radio label .input-helper:before {
      width: 22px;
      height: 22px;
      border-radius: 50%;
  }
  
  .form-radio label .input-helper:after {
      content: "";
      width: 10px;
      height: 10px;
      background: #5f0c00;
      border-radius: 50%;
      top: 6px;
      left: 6px;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
  }
  
  .numbered-bordered-list {
      list-style-type: none;
      padding: 1rem 0 1rem 1.875rem;
      margin-bottom: 0;
  }
  
  .numbered-bordered-list li {
      border-bottom: 1px solid #e7eaf3;
      counter-increment: step-counter;
      padding: 1rem 0;
      position: relative;
  }
  
  .numbered-bordered-list li:before {
      content: counter(step-counter);
      margin-right: 10px;
      position: absolute;
      background-color: #ea2c54;
      color: #ffffff;
      border-radius: 100%;
      right: 100%;
      width: 20px;
      height: 20px;
      font-size: .75rem;
      font-family: 'Raleway', sans-serif;
      text-align: center;
      line-height: 20px;
  }
  
  .bullet-line-list {
      padding-left: 30px;
      position: relative;
  }
  
  .bullet-line-list li {
      position: relative;
  }
  
  .bullet-line-list li:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      right: 100%;
      top: 15px;
      border: 2px solid #ea2c54;
      border-radius: 100%;
      margin-right: 15px;
      z-index: 1;
      background: #ffffff;
  }
  
  .bullet-line-list:after {
      content: "";
      border: 1px solid #e7eaf3;
      position: absolute;
      top: 30px;
      bottom: 30px;
      left: 7px;
  }
  
  .img-group img {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      margin-right: 10px;
  }
  
  .img-group img:last-child {
      margin-right: 0;
  }
  
  .page-item .page-link {
      border-color: #e7eaf3;
      color: #000;
      font-size: .875rem;
  }
  
  .page-item .page-link i:before {
      font-size: 18px;
      line-height: 11px;
      vertical-align: middle;
  }
  
  .page-item.active .page-link,
  .page-item:hover .page-link,
  .page-item:focus .page-link,
  .page-item:active .page-link {
      background: #5f0c00;
      border-color: #5f0c00;
      color: #ffffff;
  }
  
  .progress {
      height: .8125rem;
  }
  
  .progress .progress-bar.progress-slim {
      height: .375rem;
  }
  
  .jq-toast-wrap .jq-icon-success {
      background-color: #5cd069;
  }
  
  .jq-toast-wrap .jq-icon-info {
      background-color: #745af2;
  }
  
  .jq-toast-wrap .jq-icon-warning {
      background-color: #fecb01;
  }
  
  .jq-toast-wrap .jq-icon-error {
      background-color: #ea2c54;
  }
  
  .wizard {
      display: block;
      width: 100%;
      overflow: hidden;
  }
  
  .wizard a {
      outline: 0;
  }
  
  .wizard ul {
      list-style: none !important;
      padding: 0;
      margin: 0;
  }
  
  .wizard ul>li {
      display: block;
      padding: 0;
  }
  
  .wizard>.steps {
      position: relative;
      display: block;
      width: 100%;
  }
  
  .wizard>.steps .current-info {
      position: absolute;
      left: -999em;
  }
  
  .wizard>.steps .number {
      font-size: 1.429em;
  }
  
  .wizard>.steps>ul>li {
      width: 25%;
      float: left;
  }
  
  .wizard>.steps a {
      display: block;
      width: auto;
      margin: 0 0.5em 0.5em;
      padding: 1em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.steps a:hover {
      display: block;
      width: auto;
      margin: 0 0.5em 0.5em;
      padding: 1em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.steps a:active {
      display: block;
      width: auto;
      margin: 0 0.5em 0.5em;
      padding: 1em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.steps .disabled a {
      background: #eee;
      color: #aaa;
      cursor: default;
  }
  
  .wizard>.steps .disabled a:hover {
      background: #eee;
      color: #aaa;
      cursor: default;
  }
  
  .wizard>.steps .disabled a:active {
      background: #eee;
      color: #aaa;
      cursor: default;
  }
  
  .wizard>.steps .current a {
      background: #5f0c00;
      color: #fff;
      cursor: default;
  }
  
  .wizard>.steps .current a:hover {
      background: #5f0c00;
      color: #fff;
      cursor: default;
  }
  
  .wizard>.steps .current a:active {
      background: #5f0c00;
      color: #fff;
      cursor: default;
  }
  
  .wizard>.steps .done a {
      background: #003dee;
      color: #fff;
  }
  
  .wizard>.steps .done a:hover {
      background: #003dee;
      color: #fff;
  }
  
  .wizard>.steps .done a:active {
      background: #003dee;
      color: #fff;
  }
  
  .wizard>.steps .error a {
      background: #ea2c54;
      color: #fff;
  }
  
  .wizard>.steps .error a:hover {
      background: #ea2c54;
      color: #fff;
  }
  
  .wizard>.steps .error a:active {
      background: #ea2c54;
      color: #fff;
  }
  
  .wizard>.content {
      background: #eee;
      display: block;
      margin: 0.5em;
      min-height: 35em;
      overflow: hidden;
      position: relative;
      width: auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.content>.title {
      position: absolute;
      left: -999em;
  }
  
  .wizard>.content>.body {
      float: left;
      position: absolute;
      width: 95%;
      height: 95%;
      padding: 2.5%;
  }
  
  .wizard>.content>.body ul {
      list-style: disc !important;
  }
  
  .wizard>.content>.body ul>li {
      display: list-item;
  }
  
  .wizard>.content>.body>iframe {
      border: 0 none;
      width: 100%;
      height: 100%;
  }
  
  .wizard>.content>.body input {
      display: block;
      border: 1px solid #e7eaf3;
  }
  
  .wizard>.content>.body input[type="checkbox"] {
      display: inline-block;
  }
  
  .wizard>.content>.body input.error {
      background: #fbe3e4;
      border: 1px solid #f3899f;
      color: #ea2c54;
  }
  
  .wizard>.content>.body label {
      display: inline-block;
      margin-bottom: 0.5em;
  }
  
  .wizard>.content>.body label.error {
      color: #ea2c54;
      display: inline-block;
      margin-left: 1.5em;
  }
  
  .wizard>.actions {
      position: relative;
      display: block;
      text-align: right;
      width: 100%;
  }
  
  .wizard>.actions>ul {
      display: inline-block;
      text-align: right;
  }
  
  .wizard>.actions>ul>li {
      float: left;
      margin: 0 0.5em;
  }
  
  .wizard>.actions a {
      background: #5f0c00;
      color: #fff;
      display: block;
      padding: 0.5em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.actions a:hover {
      background: #5f0c00;
      color: #fff;
      display: block;
      padding: 0.5em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.actions a:active {
      background: #5f0c00;
      color: #fff;
      display: block;
      padding: 0.5em 1em;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  }
  
  .wizard>.actions .disabled a {
      background: #eee;
      color: #aaa;
  }
  
  .wizard>.actions .disabled a:hover {
      background: #eee;
      color: #aaa;
  }
  
  .wizard>.actions .disabled a:active {
      background: #eee;
      color: #aaa;
  }
  
  .wizard.vertical>.steps {
      display: inline;
      float: left;
      width: 30%;
  }
  
  .wizard.vertical>.steps>ul>li {
      float: none;
      width: 100%;
  }
  
  .wizard.vertical>.content {
      display: inline;
      float: left;
      margin: 0 2.5% 0.5em 2.5%;
      width: 65%;
  }
  
  .wizard.vertical>.actions {
      display: inline;
      float: right;
      margin: 0 2.5%;
      width: 95%;
  }
  
  .wizard.vertical>.actions>ul>li {
      margin: 0 0 0 1em;
  }
  
  .tabcontrol {
      display: block;
      width: 100%;
      overflow: hidden;
  }
  
  .tabcontrol a {
      outline: 0;
  }
  
  .tabcontrol ul {
      list-style: none !important;
      padding: 0;
      margin: 0;
  }
  
  .tabcontrol ul>li {
      display: block;
      padding: 0;
  }
  
  .tabcontrol>.steps {
      position: relative;
      display: block;
      width: 100%;
  }
  
  .tabcontrol>.steps .current-info {
      position: absolute;
      left: -999em;
  }
  
  .tabcontrol>.steps>ul {
      position: relative;
      margin: 6px 0 0 0;
      top: 1px;
      z-index: 1;
  }
  
  .tabcontrol>.steps>ul>li {
      float: left;
      margin: 5px 2px 0 0;
      padding: 1px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
  }
  
  .tabcontrol>.steps>ul>li:hover {
      background: #edecec;
      border: 1px solid #bbb;
      padding: 0;
  }
  
  .tabcontrol>.steps>ul>li>a {
      color: #5f5f5f;
      display: inline-block;
      border: 0 none;
      margin: 0;
      padding: 10px 30px;
      text-decoration: none;
  }
  
  .tabcontrol>.steps>ul>li>a:hover {
      text-decoration: none;
  }
  
  .tabcontrol>.steps>ul>li.current {
      background: #fff;
      border: 1px solid #bbb;
      border-bottom: 0 none;
      padding: 0 0 1px 0;
      margin-top: 0;
  }
  
  .tabcontrol>.steps>ul>li.current>a {
      padding: 15px 30px 10px 30px;
  }
  
  .tabcontrol>.content {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 35em;
      overflow: hidden;
      border-top: 1px solid #bbb;
      padding-top: 20px;
  }
  
  .tabcontrol>.content>.title {
      position: absolute;
      left: -999em;
  }
  
  .tabcontrol>.content>.body {
      float: left;
      position: absolute;
      width: 95%;
      height: 95%;
      padding: 2.5%;
  }
  
  .tabcontrol>.content>.body ul {
      list-style: disc !important;
  }
  
  .tabcontrol>.content>.body ul>li {
      display: list-item;
  }
  
  .tt-menu,
  .gist {
      text-align: left;
  }
  
  .twitter-typeahead {
      max-width: 100%;
  }
  
  .typeahead {
      background-color: #fff;
  }
  
  .typeahead:focus {
      border-color: #e7eaf3;
  }
  
  .tt-query {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  
  .tt-hint {
      color: #999;
  }
  
  .tt-menu {
      width: 422px;
      margin: 12px 0;
      padding: 8px 0;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  
  .tt-suggestion {
      padding: 3px 20px;
      font-size: 18px;
      line-height: 24px;
  }
  
  .tt-suggestion:hover {
      cursor: pointer;
      color: #fff;
      background-color: #5f0c00;
  }
  
  .tt-suggestion.tt-cursor {
      color: #fff;
      background-color: #5f0c00;
  }
  
  .tt-suggestion p {
      margin: 0;
  }
  
  .dropzone {
      border: 1px dotted #636c72;
      height: 200px;
  }
  
  .dropzone .dz-message {
      text-align: center;
      width: 100%;
  }
  
  .icheck-line {
      margin-bottom: 1rem;
  }
  
  .asColorPicker-dropdown {
      max-width: initial;
  }
  
  .asColorPicker-trigger {
      height: auto;
  }
  
  .asColorPicker-trigger span {
      width: 12px;
      height: 12px;
      border-radius: 2px;
  }
  
  .dropify-wrapper {
      border: 2px dashed #e7eaf3;
      border-radius: 7px;
  }
  
  .dropify-wrapper:hover {
      background-size: 30px 30px;
      background-image: -webkit-linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
      background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
      -webkit-animation: stripes 2s linear infinite;
      animation: stripes 2s linear infinite;
  }
  
  .dropify-wrapper .dropify-message span.file-icon {
      color: #5cd069;
  }
  
  .dropify-wrapper .dropify-message p {
      color: #5f0c00;
      font-weight: 600;
  }
  
  .dropify-wrapper .dropify-preview .dropify-infos {
      background: rgba(255, 255, 255, 0.9);
  }
  
  .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
      color: #5f0c00;
      font-size: 20px;
      font-weight: 400;
  }
  
  .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
      color: #333;
      font-weight: 500;
  }
  
  .dropify-wrapper .dropify-preview .dropify-render img {
      opacity: 0.7;
  }
  
  .dropify-wrapper .dropify-clear {
      background: #fff;
      border: none;
      font-weight: 700;
      color: #868e96;
  }
  
  .datepicker.datepicker-dropdown,
  .datepicker.datepicker-inline {
      width: 30%;
      max-width: 500px;
      min-width: 250px;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days,
  .datepicker.datepicker-inline .datepicker-days {
      padding: 0.8rem 0.7rem;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed {
      width: 100%;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
      color: grey;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch {
      color: #007bff;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
      color: grey;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
      position: relative;
      top: 13px;
  }
  
  .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active,
  .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active {
      background: #007bff;
      color: #fff;
  }
  
  .datepicker.datepicker-inline {
      width: 100%;
      max-width: 100%;
      min-width: 250px;
  }
  
  .datepicker.datepicker-inline thead tr th.prev {
      color: grey;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .datepicker.datepicker-inline thead tr th.datepicker-switch {
      color: #007bff;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .datepicker.datepicker-inline thead tr th.next {
      color: grey;
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  
  .body-header {
      border-bottom: 1px solid rgba(128, 128, 128, 0.14);
      padding: 40px 0 15px;
  }
  
  .body-header .header-top {
      display: flex;
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
  
  @media (max-width: 767px) {
      .body-header .header-top {
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
          -webkit-align-items: center;
          align-items: center;
      }
  }
  
  .body-header .header-top .search-wrapper {
      border: 1px solid rgba(128, 128, 128, 0.2);
      padding: 0;
      overflow: hidden;
      min-width: 85%;
      border-radius: 25px;
  }
  
  @media (max-width: 767px) {
      .body-header .header-top .search-wrapper {
          min-width: 100%;
      }
  }
  
  .body-header .header-top .search-wrapper input.mail-search {
      border-radius: 0;
      border: none;
      padding: 0 20px;
      min-width: 0;
  }
  
  .body-header .header-top .search-wrapper input[type="submit"] {
      border-radius: 0;
      padding: 7px 30px;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 23px;
  }
  
  @media (max-width: 767px) {
      .body-header .header-top .search-wrapper input[type="submit"] {
          padding: 4px 22px;
      }
  }
  
  
  /*== BOOTSTRAP COMPONENTS ==========================*/
  
  .email-wrapper .mail-sidebar {
      background: #f2f7f8;
      height: 100%;
      min-height: 100vh;
      padding: 0;
      z-index: 999;
  }
  
  @media (max-width: 769px) {
      .email-wrapper .mail-sidebar {
          position: relative;
      }
  }
  
  @media (max-width: 767px) {
      .email-wrapper .mail-sidebar {
          position: fixed;
          z-index: 99;
          background: #ffffff;
          width: 45%;
          min-width: 300px;
          left: -100%;
          display: block;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          -moz-transition: 0.4s ease;
      }
  }
  
  .email-wrapper .mail-sidebar .menu-bar {
      width: 100%;
      float: right;
      height: 100%;
      min-height: 100%;
  }
  
  @media (max-width: 767px) {
      .email-wrapper .mail-sidebar .menu-bar {
          min-height: 100vh;
          max-height: 100%;
          height: auto;
          overflow-y: auto;
          overflow-x: hidden;
      }
  }
  
  .email-wrapper .mail-sidebar .menu-bar .logo {
      display: block;
      font-size: 35px;
      color: #2e383e;
      padding: 10px 15px;
      text-align: left;
      position: relative;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .logo img {
      max-width: 100%;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items {
      padding: 0;
      margin-bottom: 0;
      height: auto;
      list-style-type: none;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li {
      padding: 10px 15px;
      transition: 0.4s;
      position: relative;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {
      background: rgba(240, 244, 249, 0.8);
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li a {
      color: #303a40;
      font-size: 15px;
      text-decoration: none;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li a i {
      margin-right: 8px;
      font-size: 1.3rem;
      line-height: 1;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li .badges {
      height: 22px;
      width: 23px;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      right: 20px;
      font-size: 13px;
      line-height: 19.5px;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li .badges.red {
      background: #ea2c54;
      border: 2px solid #ea2c54;
      color: #ffffff;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li .badges.green {
      background: #5cd069;
      border: 2px solid #5cd069;
      color: #ffffff;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li .badges.orange {
      background: #fecb01;
      border: 2px solid #fecb01;
      color: #ffffff;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li.active {
      background: #e9ecef;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {
      color: #5f0c00;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {
      background: transparent;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status {
      margin-top: 1rem;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .chat {
      font-size: 14px;
      color: #5f0c00;
      margin-bottom: 0;
      font-family: 'Raleway', sans-serif;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status {
      height: 10px;
      width: 10px;
      border-radius: 100%;
      display: inline-flex;
      justify-content: flex-start;
      transform: translateX(-43px) translateY(2px);
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status:after {
      font-size: 12px;
      color: #2e383e;
      margin: -5px 0 0 18px;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {
      background: #ea2c54;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {
      content: "Offline";
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status.online {
      background: #5cd069;
  }
  
  .email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {
      content: "Online";
  }
  
  .email-wrapper .sidebar.open {
      left: 0;
  }
  
  .email-wrapper .mail-body {
      border-left: 1px solid #e7eaf3;
      height: 100%;
  }
  
  @media (max-width: 767px) {
      .email-wrapper .mail-body {
          margin-left: 0;
      }
  }
  
  @media (max-width: 767px) {
      .email-wrapper .mail-body {
          padding: 0 0 0 60px;
      }
  }
  
  .email-wrapper .mail-body a {
      text-decoration: none;
  }
  
  .email-wrapper .mail-body .mail-list {
      border-bottom: 1px solid rgba(128, 128, 128, 0.14);
      display: flex;
      flex-direction: row;
      padding: 15px 0 8px 15px;
  }
  
  .email-wrapper .mail-body .mail-list .content .sender-name {
      margin-bottom: 0;
      font-size: 15px;
  }
  
  .email-wrapper .mail-body .mail-list .content .message_text {
      margin: 0;
      max-width: 90%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .email-wrapper .mail-body .mail-list .details .date {
      text-align: right;
      margin: auto 15px auto 0px;
      white-space: nowrap;
  }
  
  .email-wrapper .mail-body .mail-list .details i {
      margin: auto 0px auto 0;
      color: #ddd;
  }
  
  .email-wrapper .mail-body .mail-list .details i.favorite {
      color: #fecb01;
  }
  
  .email-wrapper .mail-body .mail-list.new_mail {
      background: #e9ecef;
  }
  
  .email-wrapper .mail-body .mail-list.new_mail .details .date {
      color: #000;
  }
  
  
  /*Checkboxes styles*/
  
  input[type="checkbox"].checkbox-dib {
      display: none;
  }
  
  input[type="checkbox"].checkbox-dib+label {
      display: block;
      position: relative;
      padding-left: 20px;
      margin-bottom: 20px;
      font: 14px/20px 'Open Sans', Arial, sans-serif;
      color: #ddd;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
  }
  
  input[type="checkbox"].checkbox-dib+label:last-child {
      margin-bottom: 0;
  }
  
  input[type="checkbox"].checkbox-dib+label:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border: 2px solid #007bff;
      position: absolute;
      left: 0;
      top: 0;
      opacity: .6;
      -webkit-transition: all .12s, border-color .08s;
      transition: all .12s, border-color .08s;
  }
  
  input[type="checkbox"].checkbox-dib:checked+label:before {
      width: 10px;
      top: -5px;
      left: 5px;
      border-radius: 0;
      opacity: 1;
      border-top-color: transparent;
      border-left-color: transparent;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  
  .sender-details {
      padding: 20px 15px 0px 15px;
      border-bottom: 1px solid rgba(128, 128, 128, 0.16);
  }
  
  .sender-details .pro-pic {
      max-width: 50px;
      margin-right: 15px;
  }
  
  .sender-details .pro-pic img {
      max-width: 100%;
      width: 100%;
      border-radius: 100%;
  }
  
  .sender-details .details {
      padding-bottom: 0;
  }
  
  .sender-details .details .msg-subject {
      margin-bottom: 0;
      font-weight: 500;
  }
  
  .sender-details .details .sender-email {
      margin-bottom: 20px;
      font-weight: 400;
      font-size: 14px;
  }
  
  .sender-details .details .sender-email i {
      font-size: 16px;
      font-weight: 600;
      margin: 0 1px 0 7px;
  }
  
  .sender-details .details .sender-email a {
      color: #007bff;
  }
  
  .message-content {
      padding: 50px 15px;
  }
  
  .attachments-sections ul {
      list-style: none;
      border-top: 1px solid rgba(128, 128, 128, 0.16);
      padding: 30px 15px 20px 15px;
  }
  
  .attachments-sections ul li {
      padding: 10px;
      margin-right: 20px;
      border: 1px solid rgba(128, 128, 128, 0.16);
      border-radius: 5px;
  }
  
  .attachments-sections ul li .thumb {
      display: inline-block;
      margin-right: 10px;
  }
  
  .attachments-sections ul li .thumb i {
      font-size: 30px;
      margin: 0;
      color: #2e383e;
  }
  
  .attachments-sections ul li .details p.file-name {
      display: block;
      margin-bottom: 0;
      color: #2e383e;
  }
  
  .attachments-sections ul li .details .buttons .file-size {
      margin-right: 10px;
      margin-bottom: 0;
      font-size: 13px;
  }
  
  .attachments-sections ul li .details .buttons a {
      font-size: 13px;
      margin-right: 10px;
  }
  
  .attachments-sections ul li .details .buttons a:last-child {
      margin-right: 0;
  }
  
  
  /*== BOOTSTRAP COMPONENTS ==========================*/
  
  .CodeMirror {
      font-size: 16px;
      height: auto;
      text-align: left;
  }
  
  .quill-container {
      height: 300px;
  }
  
  .ql-toolbar.ql-snow,
  .quill-container.ql-snow {
      border-color: #e7eaf3;
  }
  
  .ace_editor {
      margin: auto;
      height: 200px;
      width: 100%;
  }
  
  .wysi-editor #toolbar [data-wysihtml-action] {
      float: right;
  }
  
  .wysi-editor #toolbar,
  .wysi-editor textarea {
      width: 920px;
      padding: 5px;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .wysi-editor textarea {
      height: 280px;
      border: 1px solid #e7eaf3;
      font-family: inherit;
      font-size: 1rem;
  }
  
  .wysi-editor textarea:focus {
      color: black;
      border: 1px solid #e7eaf3;
  }
  
  .wysi-editor .wysihtml-action-active,
  .wysi-editor .wysihtml-command-active {
      font-weight: bold;
  }
  
  .wysi-editor [data-wysihtml-dialog] {
      margin: 5px 0 0;
      padding: 5px;
      border: 1px solid #666;
  }
  
  .wysi-editor a[data-wysihtml-command-value="red"] {
      color: #ea2c54;
  }
  
  .wysi-editor a[data-wysihtml-command-value="green"] {
      color: #5cd069;
  }
  
  .wysi-editor a[data-wysihtml-command-value="blue"] {
      color: #745af2;
  }
  
  .wysi-editor .wysihtml-editor,
  .wysi-editor .wysihtml-editor table td {
      outline: 1px dotted #e7eaf3;
  }
  
  .wysi-editor code {
      background: #ddd;
      padding: 10px;
      white-space: pre;
      display: block;
      margin: 1em 0;
  }
  
  .wysi-editor .toolbar {
      display: block;
      border-radius: 3px;
      border: 1px solid #fff;
      margin-bottom: 9px;
      line-height: 1em;
  }
  
  .wysi-editor .toolbar a {
      display: inline-block;
      height: 1.5em;
      border-radius: 3px;
      font-size: 1rem;
      line-height: 1.5em;
      text-decoration: none;
      background: #ffffff;
      border: 1px solid #e7eaf3;
      padding: 0 0.2em;
      margin: 1px 0;
      color: #5f0c00;
  }
  
  .wysi-editor .toolbar .wysihtml-action-active,
  .wysi-editor .toolbar a.wysihtml-command-active {
      background: #222;
      color: white;
  }
  
  .wysi-editor .toolbar .block {
      padding: 1px;
      display: inline-block;
      background: #eee;
      border-radius: 3px;
      margin: 0 1px 1px 0;
  }
  
  .wysi-editor div[data-wysihtml-dialog="createTable"] {
      position: absolute;
      background: white;
  }
  
  .wysi-editor div[data-wysihtml-dialog="createTable"] td {
      width: 10px;
      height: 5px;
      border: 1px solid #e7eaf3;
  }
  
  .wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
      outline: 2px solid #5cd069;
  }
  
  .wysi-editor .editor-container-tag {
      padding: 5px 10px;
      position: absolute;
      color: white;
      background: rgba(0, 0, 0, 0.8);
      width: 100px;
      margin-left: -50px;
      -webkit-transition: 0.1s left, 0.1s top;
  }
  
  .wysi-editor .wrap {
      max-width: 700px;
      margin: 40px;
  }
  
  .wysi-editor .editable .wysihtml-uneditable-container {
      outline: 1px dotted #e7eaf3;
      position: relative;
  }
  
  .wysi-editor .editable .wysihtml-uneditable-container-right {
      float: right;
      width: 50%;
      margin-left: 2em;
      margin-bottom: 1em;
  }
  
  .wysi-editor .editable .wysihtml-uneditable-container-left {
      float: left;
      width: 50%;
      margin-right: 2em;
      margin-bottom: 1em;
  }
  
  .pws_tabs_container ul.pws_tabs_controll li a {
      border-bottom: none;
      background: #fff;
      color: #000;
      padding: .6em 1em;
      border-radius: 2px;
  }
  
  .pws_tabs_container ul.pws_tabs_controll li a:hover {
      background: transparent;
  }
  
  .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
      background: #5f0c00;
      color: #fff;
  }
  
  @media (max-width: 991px) {
      .pws_tabs_container ul.pws_tabs_controll li a {
          font-size: 0.9rem;
          padding: .6em .4em;
      }
  }
  
  .pws_tabs_container .demo-tabs {
      overflow: hidden;
      margin-bottom: 45px;
      padding-top: 2rem;
  }
  
  .pws_tabs_container .demo-tabs .CodeMirror {
      margin-bottom: 20px;
  }
  
  .nav-tabs .nav-link {
      border: 0;
      color: #000;
      font-family: 'Raleway', sans-serif;
      ;
      font-size: .875rem;
  }
  
  .nav-tabs .nav-link.active {
      border-bottom: 1px solid #5f0c00;
      color: #000;
  }
  
  .lightGallery {
      width: 100%;
  }
  
  .lightGallery .image-tile {
      margin-bottom: 30px;
      position: relative;
  }
  
  .lightGallery .image-tile .demo-gallery-poster {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
  
  .lightGallery .image-tile .demo-gallery-poster img {
      display: block;
      margin: auto;
      width: 40%;
      max-width: 60px;
      min-width: 20px;
  }
  
  .lightGallery .image-tile img {
      max-width: 100%;
      width: 100%;
  }
  
  .owl-carousel .item {
      margin: 5px;
  }
  
  * {
      box-sizing: border-box;
  }
  
  .grid {
      border: 1px solid #636c72 est;
  }
  
  .grid:after {
      display: block;
      content: '';
      clear: both;
  }
  
  .grid-col {
      float: left;
      width: 49%;
      margin-right: 2%;
      background: rgba(77, 199, 160, 0.2);
  }
  
  .grid-col--4 {
      margin-right: 0;
  }
  
  
  /* hide two middle */
  
  .grid-col--2,
  .grid-col--3 {
      display: none;
  }
  
  @media (min-width: 768px) {
      .grid-col {
          width: 32%;
      }
      .grid-col--2 {
          display: block;
      }
  }
  
  @media (min-width: 1200px) {
      .grid-col {
          width: 23.5%;
      }
      .grid-col--2,
      .grid-col--3 {
          display: block;
      }
  }
  
  .grid-item {
      background: #4dc7a0;
      margin-bottom: 20px;
  }
  
  .grid-item--a {
      height: 80px;
  }
  
  .grid-item--b {
      height: 140px;
  }
  
  .grid-item--c {
      height: 300px;
  }
  
  html,
  body {
      height: 100%;
      overflow: auto;
  }
  
  .avgrund-popin {
      position: absolute;
      background: #fff;
      border-radius: .3rem;
      padding: 40px 10px 10px 10px;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0);
      top: 50%;
      left: 50%;
      z-index: 1000;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
  }
  
  .avgrund-overlay {
      background: #000;
      width: 100%;
      position: fixed;
      top: 0px;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 101;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0);
  }
  
  body.avgrund-ready,
  .avgrund-ready .avgrund-popin,
  .avgrund-ready .avgrund-overlay {
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: 0.3s all ease-out;
      -moz-transition: 0.3s all ease-out;
      -ms-transition: 0.3s all ease-out;
      -o-transition: 0.3s all ease-out;
      transition: 0.3s all ease-out;
  }
  
  body.avgrund-active {
      overflow: hidden;
  }
  
  .avgrund-active .avgrund-popin {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .avgrund-active .avgrund-overlay {
      visibility: visible;
      opacity: .3;
      filter: alpha(opacity=30);
      height: 20000px;
  }
  
  .avgrund-popin.stack {
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
      transform: scale(1.5);
  }
  
  .avgrund-active .avgrund-popin.stack {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .avgrund-active .avgrund-blur {
      -webkit-filter: blur(1px);
      -moz-filter: blur(1px);
      -ms-filter: blur(1px);
      -o-filter: blur(1px);
      filter: blur(1px);
  }
  
  
  /* Optional close button styles */
  
  .avgrund-close {
      display: block;
      position: absolute;
      top: 6px;
      right: 10px;
  }
  
  .custom-legend-container {
      min-height: 500px;
      position: relative;
      margin-bottom: 45px;
  }
  
  .custom-legend-container.small-chart-container {
      min-height: 310px;
      margin-bottom: 0;
  }
  
  .custom-legend-container .legend-right,
  .custom-legend-container .legend-top {
      position: absolute;
      width: 100%;
  }
  
  .custom-legend-container .legend-right ul,
  .custom-legend-container .legend-top ul {
      padding-left: 0;
  }
  
  .custom-legend-container .legend-right ul li,
  .custom-legend-container .legend-top ul li {
      cursor: pointer;
      margin: 10px 4px;
      color: #616161;
  }
  
  .custom-legend-container .legend-right ul li span,
  .custom-legend-container .legend-top ul li span {
      position: relative;
      width: 13px;
      height: 13px;
      margin-right: 15px;
      border-radius: 13px;
      color: white;
      z-index: 2;
      display: inline-block;
  }
  
  .custom-legend-container .legend-right {
      top: 30%;
      left: calc(100% + 15px);
  }
  
  .custom-legend-container .legend-top {
      top: 0;
      left: 0;
  }
  
  .custom-legend-container .legend-top ul li {
      display: inline-block;
  }
  
  .custom-legend-container .legend-top+canvas {
      position: absolute;
      top: 45px;
      height: calc(100% - 45px);
  }
  
  .float-chart-container {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      min-height: 300px;
      max-height: 100%;
  }
  
  .float-chart {
      width: 100%;
      position: relative;
      max-width: none;
      height: 400px;
  }
  
  .float-chart canvas {
      position: absolute !important;
      top: 0;
      bottom: 0;
  }
  
  .google-chart-container .google-charts {
      width: 100%;
      height: 280px;
      min-height: 280px;
      min-width: 100%;
  }
  
  .google-chart-container .google-charts * {
      width: 100%;
      min-width: 100%;
  }
  
  .listify-list input {
      border: 1px solid #f2f7f8;
      color: #636c72;
      background: #fff;
  }
  
  .listify-list ul.list {
      list-style: none;
      padding-left: 0;
  }
  
  .listify-list ul.list li {
      display: block;
      border-bottom: 1px solid rgba(128, 128, 128, 0.16);
      padding: 15px 10px;
  }
  
  .listify-list ul.list li h5 {
      color: #5f0c00;
  }
  
  .listify-list ul.list li p {
      color: #636c72;
      margin: 0;
  }
  
  .todo-wrapper,
  .list-wrapper {
      max-height: 320px;
      position: relative;
  }
  
  .todo-wrapper .add-items,
  .list-wrapper .add-items {
      outline: 0;
      height: auto;
      margin-bottom: 5%;
      border: 1px solid #5f0c00;
      overflow: hidden;
      border-radius: 5px;
  }
  
  .todo-wrapper input[type="text"],
  .list-wrapper input[type="text"] {
      outline: 0;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      border-radius: 0;
      border: none;
  }
  
  .todo-wrapper .add,
  .list-wrapper .add {
      outline: 0;
      float: right;
      border-radius: 0px 5px 5px 0px;
  }
  
  .todo-wrapper ul,
  .list-wrapper ul {
      padding: 0;
      text-align: left;
      list-style: none;
  }
  
  .todo-wrapper ul li,
  .list-wrapper ul li {
      font-weight: 500;
      color: #34383b;
      border-bottom: 1px solid rgba(128, 128, 128, 0.16);
  }
  
  .todo-wrapper hr,
  .list-wrapper hr {
      border-bottom: 0;
      margin: 15px 0;
  }
  
  .todo-wrapper input[type="checkbox"],
  .list-wrapper input[type="checkbox"] {
      margin-right: 15px;
  }
  
  .todo-wrapper .remove,
  .list-wrapper .remove {
      cursor: pointer;
      font-size: 16px;
      padding: 0 15px;
      margin: 0px 0 0;
      font-weight: 600;
      color: #fd7e14;
      text-decoration: none;
  }
  
  .todo-wrapper .completed,
  .list-wrapper .completed {
      text-decoration: line-through;
      text-decoration-color: #007bff;
  }
  
  .todo-wrapper .completed .remove,
  .list-wrapper .completed .remove {
      text-decoration: none !important;
  }
  
  .profile-list {
      padding: 10px 0;
  }
  
  .profile-list-item {
      border-bottom: 1px solid #e7eaf3;
      padding: 10px 20px;
      display: block;
  }
  
  .profile-list-item:last-child {
      border-bottom: 0;
  }
  
  .profile-list-item a {
      text-decoration: none;
  }
  
  .profile-list-item a .pro-pic {
      display: inline-block;
      padding: 0;
      width: 20%;
      max-width: 40px;
  }
  
  .profile-list-item a .pro-pic img {
      max-width: 100%;
      width: 100%;
      border-radius: 100%;
  }
  
  .profile-list-item a .user {
      width: 80%;
      padding: 5px 10px 0px 15px;
  }
  
  .profile-list-item a .user .u-name {
      margin: 0;
      font-family: 'Raleway', sans-serif;
      ;
      font-size: 1.063rem;
      line-height: 18px;
      color: #000;
  }
  
  .profile-list-item a .user .u-designation {
      font-size: .875rem;
      margin-bottom: 0;
  }
  
  .ct-series-a .ct-line {
      stroke: #4da3ff;
      stroke-width: 3px;
      stroke-dasharray: 10px 20px;
  }
  
  .ct-series-a .ct-point {
      stroke: #057eff;
      stroke-width: 10px;
      stroke-linecap: round;
  }
  
  .ct-series-b .ct-line {
      stroke: #33ff8e;
      stroke-width: 3px;
      stroke-dasharray: 10px 20px;
  }
  
  .ct-series-b .ct-point {
      stroke: #00ea68;
      stroke-width: 10px;
      stroke-linecap: round;
  }
  
  .ct-series-c .ct-line {
      stroke: #fea860;
      stroke-width: 3px;
      stroke-dasharray: 10px 20px;
  }
  
  .ct-series-c .ct-point {
      stroke: #fd8119;
      stroke-width: 10px;
      stroke-linecap: round;
  }
  
  .ct-series-a .ct-bar {
      stroke: #4da3ff;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  .ct-series-b .ct-bar {
      stroke: #33ff8e;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  .ct-series-c .ct-bar {
      stroke: #fea860;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  .ct-series-d .ct-bar {
      stroke: #e77681;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  .ct-series-a .ct-slice-pie {
      fill: #4da3ff;
      stroke-width: 4px;
  }
  
  .ct-series-b .ct-slice-pie {
      fill: #33ff8e;
      stroke-width: 4px;
  }
  
  .ct-series-c .ct-slice-pie {
      fill: #e77681;
      stroke-width: 4px;
  }
  
  .ct-series-d .ct-slice-pie {
      fill: #fea860;
      stroke-width: 4px;
  }
  
  .ct-series-a .ct-slice-donut-solid {
      fill: #4da3ff;
  }
  
  .ct-series-b .ct-slice-donut-solid {
      fill: #33ff8e;
  }
  
  .ct-series-c .ct-slice-donut-solid {
      fill: #e77681;
  }
  
  .ct-series-a .ct-slice-donut-solid {
      fill: #fea860;
  }
  
  #ct-chart-dash-barChart .ct-series-a .ct-bar {
      stroke: #e4606d;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  #ct-chart-dash-barChart .ct-series-b .ct-bar {
      stroke: #3395ff;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  #ct-chart-dash-barChart .ct-series-c .ct-bar {
      stroke: #4da3ff;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  #ct-chart-dash-barChart .ct-series-d .ct-bar {
      stroke: #66b0ff;
      stroke-width: 20px;
      stroke-dasharray: 0;
      stroke-linecap: squre;
  }
  
  .irs .irs-bar,
  .irs .irs-bar-edge,
  .irs .irs-single,
  .irs .irs-from,
  .irs .irs-to {
      background: #5f0c00;
  }
  
  .card {
      border: 0;
      border-radius: 5px;
      box-shadow: 1.5px 2.6px 24px 0 rgba(0, 35, 136, 0.08);
  }
  
  .card .card-header {
      border-bottom: 1px solid #e7eaf3;
  }
  
  .card .card-body,
  .card .horizontal-menu .sidebar .nav .nav-item .mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card .mega-menu {
      padding: 1.875rem;
  }
  
  .card .card-body+.card-body,
  .card .horizontal-menu .sidebar .nav .nav-item .mega-menu+.card-body,
  .horizontal-menu .sidebar .nav .nav-item .card .mega-menu+.card-body,
  .card .horizontal-menu .sidebar .nav .nav-item .card-body+.mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card .card-body+.mega-menu,
  .card .horizontal-menu .sidebar .nav .nav-item .mega-menu+.mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card .mega-menu+.mega-menu {
      padding-top: 0;
  }
  
  .card .card-title {
      margin-bottom: 1.5rem;
  }
  
  .card.card-social {
      line-height: 1;
      color: #ffffff;
  }
  
  .card.card-social .card-body,
  .card.card-social .horizontal-menu .sidebar .nav .nav-item .mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card.card-social .mega-menu {
      padding: 3.125rem 1.875rem;
  }
  
  .card.card-social .highlight-text {
      font-size: 3.75rem;
  }
  
  .card.card-social .social-category {
      font-size: 1.875rem;
  }
  
  .card.card-social .card-social-text {
      font-size: 1.125rem;
  }
  
  .card.card-outline-success {
      border: 1px solid #5cd069;
  }
  
  .card.card-outline-primary {
      border: 1px solid #5f0c00;
  }
  
  .card.card-outline-warning {
      border: 1px solid #fecb01;
  }
  
  .card.card-outline-danger {
      border: 1px solid #ea2c54;
  }
  
  .card.card-rounded {
      border-radius: 5px;
  }
  
  .card.card-statistics {
      text-align: left;
  }
  
  .card.card-statistics .card-body,
  .card.card-statistics .horizontal-menu .sidebar .nav .nav-item .mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card.card-statistics .mega-menu {
      padding: 4rem 2.6rem;
  }
  
  @media (max-width: 991px) {
      .card.card-statistics .card-body,
      .card.card-statistics .horizontal-menu .sidebar .nav .nav-item .mega-menu,
      .horizontal-menu .sidebar .nav .nav-item .card.card-statistics .mega-menu {
          padding: 4rem 1.5rem;
      }
  }
  
  @media (min-width: 1700px) {
      .card.card-statistics .card-body,
      .card.card-statistics .horizontal-menu .sidebar .nav .nav-item .mega-menu,
      .horizontal-menu .sidebar .nav .nav-item .card.card-statistics .mega-menu {
          padding: 5rem 2.6rem;
      }
  }
  
  .card.card-statistics p {
      line-height: .71;
  }
  
  .card.card-statistics .highlight-text {
      font-family: 'Raleway', sans-serif;
      ;
      font-size: 1.75rem;
      margin-bottom: .625rem;
  }
  
  @media (max-width: 991px) {
      .card.card-statistics .highlight-text {
          font-size: 1.2rem;
      }
  }
  
  .card.card-statistics .highlight-text i {
      font-size: 2.5rem;
  }
  
  @media (max-width: 991px) {
      .card.card-statistics .highlight-text i {
          font-size: 2rem;
      }
  }
  
  .card.card-count .count-item-list {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
  }
  
  @media (max-width: 991px) {
      .card.card-count .count-item-list {
          display: block;
      }
  }
  
  .card.card-count .count-item-list .count-item {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      min-width: 50%;
  }
  
  .card.card-count .count-item-list .count-item .count-item-title {
      padding-right: 10px;
      border-right: 1px solid #e7eaf3;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
  }
  
  .card.card-count .count-item-list .count-item .count-item-title i {
      color: #5f0c00;
      font-size: 2.5rem;
      margin-right: 5px;
  }
  
  .card.card-count .count-item-list .count-item .count-value {
      padding-left: 10px;
  }
  
  .card.card-count .count-item-list .count-item .count-value p {
      font-size: 1.875rem;
  }
  
  .card.card-count .count-item-list .count-item .count-item-title,
  .card.card-count .count-item-list .count-item .count-value {
      min-width: 50%;
  }
  
  .card.card-twitter,
  .card.card-fb {
      color: #ffffff;
  }
  
  .card.card-twitter .card-body,
  .card.card-twitter .horizontal-menu .sidebar .nav .nav-item .mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card.card-twitter .mega-menu,
  .card.card-fb .card-body,
  .card.card-fb .horizontal-menu .sidebar .nav .nav-item .mega-menu,
  .horizontal-menu .sidebar .nav .nav-item .card.card-fb .mega-menu {
      padding-top: 4rem;
  }
  
  @media (min-width: 1700px) {
      .card.card-twitter .card-body,
      .card.card-twitter .horizontal-menu .sidebar .nav .nav-item .mega-menu,
      .horizontal-menu .sidebar .nav .nav-item .card.card-twitter .mega-menu,
      .card.card-fb .card-body,
      .card.card-fb .horizontal-menu .sidebar .nav .nav-item .mega-menu,
      .horizontal-menu .sidebar .nav .nav-item .card.card-fb .mega-menu {
          padding-top: 6.5rem;
      }
  }
  
  .card.card-twitter .card-title,
  .card.card-fb .card-title {
      color: #ffffff;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
  }
  
  .card.card-twitter .card-title i,
  .card.card-fb .card-title i {
      font-size: 2.9375rem;
  }
  
  .card.card-twitter {
      background: #009efb;
  }
  
  .card.card-fb {
      background: #3b5998;
  }
  
  .card.card-weather .weather-status {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 1.875rem;
  }
  
  .card.card-weather .weather-status i {
      font-size: 3.625rem;
      color: #009efb;
  }
  
  .card.card-weather .weather-status .highlight-text {
      font-size: 3.125rem;
      font-family: 'Raleway', sans-serif;
  }
  
  .card.card-weather .weather-status .highlight-text .symbol {
      color: #009efb;
  }
  
  .card.card-weather .weather-status .weather-date p {
      margin-bottom: 0;
  }
  
  .card.card-weather .weather-report p {
      font-size: 1rem;
  }
  
  .card.card-weather .weather-timing i {
      color: #009efb;
      font-size: 1.875rem;
  }
  
  .card.card-faded {
      background: #b5b0b2;
      border-color: #b5b0b2;
  }
  
  .card.card-circle-progress {
      color: #ffffff;
      text-align: center;
  }
  
  .card.card-review .review-status {
      margin-bottom: 2.625rem;
  }
  
  .card.card-review .review-status:last-child {
      margin-bottom: 0;
  }
  
  .card.card-review .review-status .progress h4 {
      margin-bottom: 1.25rem;
  }
  
  .new-accounts {
      overflow: hidden;
      position: relative;
  }
  
  .new-accounts ul.chats {
      height: 100%;
      padding: 0px 0px 10px 0px;
      overflow-x: hidden;
      max-height: 280px;
  }
  
  .new-accounts ul.chats li.chat-persons {
      padding: 10px 0px 10px 0px;
      display: block;
      border-bottom: 1px solid rgba(128, 128, 128, 0.16);
  }
  
  .new-accounts ul.chats li.chat-persons a {
      text-decoration: none;
  }
  
  .new-accounts ul.chats li.chat-persons a span.pro-pic {
      display: inline-block;
      padding: 0;
      width: 20%;
      max-width: 40px;
  }
  
  .new-accounts ul.chats li.chat-persons a span.pro-pic img {
      max-width: 100%;
      width: 100%;
      border-radius: 100%;
  }
  
  .new-accounts ul.chats li.chat-persons a div.user {
      width: 60%;
      padding: 5px 10px 0 15px;
  }
  
  .new-accounts ul.chats li.chat-persons a div.user p.u-name {
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      color: rgba(32, 71, 92, 0.91);
      line-height: 18px;
  }
  
  .new-accounts ul.chats li.chat-persons a div.user p.u-designation {
      margin: 0;
      font-size: 11px;
      color: #3498db;
  }
  
  .new-accounts ul.chats li.chat-persons a p.joined-date {
      text-align: right;
      margin-left: auto;
      margin-bottom: 0;
      color: #26a470;
  }
  
  .pricing-table .intro-text {
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      color: #2f323e;
      margin-bottom: 27px;
  }
  
  .pricing-table .card-deck .card {
      border-radius: 5px;
      background-color: #ffffff;
      box-shadow: none;
      margin-left: 4px;
      margin-right: 4px;
      border: 1px solid #e7eaf3;
  }
  
  .pricing-table .card-deck .card.card-outline-primary {
      border: 1px solid #5f0c00;
  }
  
  .pricing-table .card-deck .card .intro-text {
      margin-bottom: 30px;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      color: #2f323e;
  }
  
  .pricing-table .card-deck .card .price {
      font-size: 37.3px;
      line-height: 0.47;
      text-align: left;
      color: #000;
      margin-bottom: 15px;
  }
  
  .pricing-table .card-deck .card .licensing {
      margin-bottom: 0;
      font-size: 17px;
  }
  
  .pricing-table .card-deck .card hr {
      opacity: 0.1;
      background-color: #000;
      width: 100%;
      margin-top: 30px;
      margin-bottom: 0;
  }
  
  .pricing-table .card-deck .card ul {
      list-style: none;
      padding-left: 0;
      margin-top: 30px;
      margin-bottom: 60px;
      height: 215px;
  }
  
  .pricing-table .card-deck .card ul li {
      display: block;
      margin-bottom: 20px;
  }
  
  .pricing-table .card-deck .card ul li:before {
      font: normal normal normal 14px/1 Material Design Icons;
      font-size: inherit;
      text-rendering: auto;
      content: "\F12C";
      display: inline-block;
      color: #5f0c00;
      margin-right: 12px;
      height: 100%;
  }
  
  .pricing-table .card-deck .card ul li:last-child {
      margin-bottom: 0;
  }
  
  .pricing-table .card-deck .card a {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      margin-top: 0;
      margin-bottom: 0;
  }
  
  .pricing-table .card-deck .card a.read-license {
      font-size: 14.7px;
      line-height: 1.35;
      text-decoration: underline;
      color: #000;
      margin-bottom: 28px;
  }
  
  .pricing-table .card-deck .card a.select-plan {
      font-size: 13.9px;
      line-height: 1.44;
      color: #000000;
      border: solid 1px #cad1e3;
  }
  
  .pricing-table .card-deck .card a.select-plan:hover {
      background: inherit;
  }
  
  .swal2-container.swal2-shown {
      -webkit-animation: showSweetAlert 1s !important;
      animation: showSweetAlert 1s !important;
  }
  
  .preview-list {
      padding: 1rem 0;
  }
  
  .preview-list .preview-item {
      border-bottom: 1px solid #e7eaf3;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      padding: 1rem .5rem;
      font-size: .875rem;
  }
  
  .preview-list .preview-item:first-child {
      padding-top: 0;
  }
  
  .preview-list .preview-item:last-child {
      padding-bottom: 0;
      border-bottom: 0;
  }
  
  .preview-list .preview-item .form-check {
      margin-top: 8px;
      margin-right: 1rem;
  }
  
  .preview-list .preview-item .preview-thumbnail {
      color: #ffffff;
      position: relative;
  }
  
  .preview-list .preview-item .preview-thumbnail img,
  .preview-list .preview-item .preview-thumbnail .preview-icon {
      width: 36px;
      height: 36px;
      border-radius: 100%;
  }
  
  .preview-list .preview-item .preview-thumbnail .preview-icon {
      padding: 6px;
      text-align: center;
  }
  
  .preview-list .preview-item .preview-thumbnail .preview-icon i {
      font-size: 1.125rem;
  }
  
  .preview-list .preview-item .preview-thumbnail .badge {
      height: 9px;
      border-radius: 100%;
      display: block;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 9px;
      padding: 0;
      border: 1px solid #ffffff;
  }
  
  .preview-list .preview-item .preview-item-content {
      line-height: 1;
      padding-left: 15px;
  }
  
  .preview-list .preview-item .preview-item-content p {
      margin-bottom: 10px;
  }
  
  .preview-list .preview-item .preview-item-content p .content-category {
      font-family: 'Raleway', sans-serif;
      padding-right: 15px;
      border-right: 1px solid #e7eaf3;
  }
  
  .preview-list .preview-item .preview-actions {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
  }
  
  .preview-list .preview-item .preview-actions i {
      width: 29px;
      color: #e9ecef;
      height: 29px;
      border: 2px solid #e9ecef;
      border-radius: 100%;
      padding: 3px 6px;
      display: inline-block;
  }
  
  .preview-list .preview-item .preview-actions i:first-child {
      margin-right: 10px;
  }
  
  .alert-primary {
      color: #ffffff;
      background-color: #5f0c00;
      border-color: #5f0c00;
  }
  
  .alert-primary hr {
      border-top-color: #001c6f;
  }
  
  .alert-primary .alert-link {
      color: #e6e6e6;
  }
  
  .alert-secondary {
      color: #ffffff;
      background-color: #009efb;
      border-color: #009efb;
  }
  
  .alert-secondary hr {
      border-top-color: #008ee2;
  }
  
  .alert-secondary .alert-link {
      color: #e6e6e6;
  }
  
  .alert-success {
      color: #ffffff;
      background-color: #5cd069;
      border-color: #5cd069;
  }
  
  .alert-success hr {
      border-top-color: #48ca57;
  }
  
  .alert-success .alert-link {
      color: #e6e6e6;
  }
  
  .alert-info {
      color: #ffffff;
      background-color: #745af2;
      border-color: #745af2;
  }
  
  .alert-info hr {
      border-top-color: #6042f0;
  }
  
  .alert-info .alert-link {
      color: #e6e6e6;
  }
  
  .alert-warning {
      color: #ffffff;
      background-color: #fecb01;
      border-color: #fecb01;
  }
  
  .alert-warning hr {
      border-top-color: #e5b701;
  }
  
  .alert-warning .alert-link {
      color: #e6e6e6;
  }
  
  .alert-danger {
      color: #ffffff;
      background-color: #ea2c54;
      border-color: #ea2c54;
  }
  
  .alert-danger hr {
      border-top-color: #e61742;
  }
  
  .alert-danger .alert-link {
      color: #e6e6e6;
  }
  
  .alert-light {
      color: #ffffff;
      background-color: #f8f9fa;
      border-color: #f8f9fa;
  }
  
  .alert-light hr {
      border-top-color: #e9ecef;
  }
  
  .alert-light .alert-link {
      color: #e6e6e6;
  }
  
  .alert-dark {
      color: #ffffff;
      background-color: #383d4d;
      border-color: #383d4d;
  }
  
  .alert-dark hr {
      border-top-color: #2d313e;
  }
  
  .alert-dark .alert-link {
      color: #e6e6e6;
  }
  
  .dropdown-item:active {
      background: #5f0c00;
  }
  
  .noUi-target {
      border: none;
      box-shadow: none;
      border-radius: 0px;
      height: 3px;
  }
  
  .noUi-target .noUi-base {
      background: #e9ecef;
      box-shadow: none;
      border: none;
  }
  
  .noUi-target .noUi-base .noUi-connect {
      background: #5f0c00;
      box-shadow: none;
  }
  
  .noUi-target .noUi-base .noUi-origin {
      background: #5cd069;
  }
  
  .noUi-target .noUi-base .noUi-origin .noUi-handle {
      background: #5f0c00;
      border-radius: 100%;
      border: none;
      box-shadow: none;
      width: 19px;
      height: 19px;
      left: -17px;
      top: -7px;
      outline: none;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
  }
  
  .noUi-target .noUi-base .noUi-origin .noUi-handle:before,
  .noUi-target .noUi-base .noUi-origin .noUi-handle:after {
      display: none;
  }
  
  .noUi-target .noUi-base .noUi-origin .noUi-handle.noUi-active {
      position: relative;
      box-shadow: 0 0 0 13px rgba(0, 0, 0, 0.1);
  }
  
  .slider-primary .noUi-base .noUi-connect {
      background: #5f0c00;
  }
  
  .slider-primary .noUi-base .noUi-origin {
      background: #5f0c00;
  }
  
  .slider-primary .noUi-base .noUi-origin .noUi-handle {
      background: #5f0c00;
  }
  
  .slider-success .noUi-base .noUi-connect {
      background: #5cd069;
  }
  
  .slider-success .noUi-base .noUi-origin {
      background: #5cd069;
  }
  
  .slider-success .noUi-base .noUi-origin .noUi-handle {
      background: #5cd069;
  }
  
  .slider-danger .noUi-base .noUi-connect {
      background: #ea2c54;
  }
  
  .slider-danger .noUi-base .noUi-origin {
      background: #ea2c54;
  }
  
  .slider-danger .noUi-base .noUi-origin .noUi-handle {
      background: #ea2c54;
  }
  
  .slider-info .noUi-base .noUi-connect {
      background: #745af2;
  }
  
  .slider-info .noUi-base .noUi-origin {
      background: #745af2;
  }
  
  .slider-info .noUi-base .noUi-origin .noUi-handle {
      background: #745af2;
  }
  
  .slider-warning .noUi-base .noUi-connect {
      background: #fecb01;
  }
  
  .slider-warning .noUi-base .noUi-origin {
      background: #fecb01;
  }
  
  .slider-warning .noUi-base .noUi-origin .noUi-handle {
      background: #fecb01;
  }
  
  .fc-button {
      background-image: none;
      border-color: inherit;
      text-shadow: none;
  }
  
  .fc-button.fc-state-default {
      background: #5f0c00;
      color: #ffffff;
  }
  
  .fc-event,
  .fc-event-dot {
      background: #5f0c00;
  }
  
  .fc-event .fc-title,
  .fc-event .fc-time,
  .fc-event-dot .fc-title,
  .fc-event-dot .fc-time {
      color: #ffffff;
      font-weight: inherit;
  }
  
  .fc-event {
      border-radius: 50px;
      text-transform: uppercase;
      padding: 5px 15px;
  }
  
  .fc-ltr .fc-h-event.fc-not-start,
  .fc-rtl .fc-h-event.fc-not-end {
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
  }
  
  .fc-widget-header {
      font-weight: inherit;
  }
  
  .switchery {
      width: 44px;
      height: 23px;
      border-radius: 11px;
  }
  
  .switchery>small {
      width: 23px;
      height: 23px;
  }
  
  .switchery-small {
      width: 25px;
      height: 13px;
  }
  
  .switchery-small>small {
      width: 13px;
      height: 13px;
  }
  
  .switchery-large {
      width: 54px;
      height: 33px;
      border-radius: 17px;
  }
  
  .switchery-large>small {
      width: 33px;
      height: 33px;
  }
  
  div.tagsinput {
      padding: 15px 15px 40px;
      border-color: #e7eaf3;
  }
  
  div.tagsinput span.tag {
      background: #5f0c00;
      border-color: #5f0c00;
      color: #ffffff;
      padding: 10px;
  }
  
  div.tagsinput span.tag a {
      color: #ffffff;
  }
  
  .br-theme-fontawesome-stars .br-widget a.br-selected:after,
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after,
  .br-theme-css-stars .br-widget a.br-active:after {
      color: #5f0c00;
  }
  
  .br-theme-bars-1to10 .br-widget a,
  .br-theme-bars-movie .br-widget a,
  .br-theme-bars-pill .br-widget a,
  .br-theme-bars-reversed .br-widget a,
  .br-theme-bars-horizontal .br-widget a {
      background-color: #bbcdff;
      color: #5f0c00;
  }
  
  .br-theme-bars-1to10 .br-widget a.br-selected,
  .br-theme-bars-1to10 .br-widget a.br-active,
  .br-theme-bars-movie .br-widget a.br-selected,
  .br-theme-bars-movie .br-widget a.br-active,
  .br-theme-bars-pill .br-widget a.br-selected,
  .br-theme-bars-pill .br-widget a.br-active,
  .br-theme-bars-reversed .br-widget a.br-selected,
  .br-theme-bars-reversed .br-widget a.br-active,
  .br-theme-bars-horizontal .br-widget a.br-selected,
  .br-theme-bars-horizontal .br-widget a.br-active {
      background-color: #5f0c00;
  }
  
  .br-theme-bars-square .br-widget a {
      border-color: #bbcdff;
      color: #bbcdff;
  }
  
  .br-theme-bars-square .br-widget a.br-selected,
  .br-theme-bars-square .br-widget a.br-active {
      border-color: #5f0c00;
      color: #5f0c00;
  }
  
  .br-theme-bars-movie .br-widget .br-current-rating,
  .br-theme-bars-reversed .br-widget .br-current-rating,
  .br-theme-bars-1to10 .br-widget .br-current-rating,
  .br-theme-bars-horizontal .br-widget .br-current-rating {
      color: #5f0c00;
  }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
      background: #5f0c00;
  }
  
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-dropdown,
  .select2-container--default .select2-selection--multiple {
      border-color: #e7eaf3;
  }
  
  .select2-container--default .select2-selection--single .select2-search__field,
  .select2-container--default .select2-dropdown .select2-search__field,
  .select2-container--default .select2-selection--multiple .select2-search__field {
      border-color: #e7eaf3;
  }
  
  .portfolio-grid {
      margin-left: 0;
      margin-right: 0;
  }
  
  .portfolio-grid .portfolio-tile {
      position: relative;
      padding-left: 0;
      padding-right: 0;
      overflow: hidden;
  }
  
  .portfolio-grid .portfolio-tile img {
      max-width: 100%;
      width: 100%;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
  }
  
  .portfolio-grid .portfolio-tile .tile-details {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      position: absolute;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      top: 0;
      bottom: 0;
      left: 0px;
      right: 0px;
      opacity: 0;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
  }
  
  .portfolio-grid .portfolio-tile .tile-details .project-name {
      text-align: center;
      display: block;
      color: #fff;
  }
  
  .portfolio-grid .portfolio-tile:hover img {
      filter: blur(3px);
      -webkit-filter: blur(3px);
      -moz-filter: blur(3px);
      -ms-filter: blur(3px);
  }
  
  .portfolio-grid .portfolio-tile:hover .tile-details {
      opacity: 1;
  }
  
  .portfolio-grid-2 {
      margin-left: 0;
      margin-right: 0;
  }
  
  .portfolio-grid-2 .portfolio-tile {
      position: relative;
      padding-left: 0;
      padding-right: 0;
      overflow: hidden;
  }
  
  .portfolio-grid-2 .portfolio-tile img {
      max-width: 100%;
      width: 100%;
      z-index: 2;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
  }
  
  .portfolio-grid-2 .portfolio-tile .tile-details {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 15px 20px;
      z-index: 0;
  }
  
  .portfolio-grid-2 .portfolio-tile .tile-details .project-name {
      text-align: center;
      display: block;
      color: #383d4d;
      margin-bottom: 0;
      font-weight: 500;
      font-size: 1rem;
  }
  
  .portfolio-grid-2 .portfolio-tile .tile-details .btn,
  .portfolio-grid-2 .portfolio-tile .tile-details .avgrund-close {
      border: 2px solid #383d4d;
      padding: 7px 12px;
      color: #383d4d;
      font-weight: 500;
      font-size: 0.75rem;
      border-radius: 20px;
  }
  
  .portfolio-grid-2 .portfolio-tile:hover img {
      -webkit-transform: translateY(-62px);
      transform: translateY(-62px);
      -webkit-box-shadow: 0px 6px 20px -10px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 6px 20px -10px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 6px 20px -10px rgba(0, 0, 0, 0.75);
  }
  
  .search-result .search-completed {
      margin-bottom: 10px;
      margin-top: 40px;
  }
  
  .search-result .search-completed h2 {
      color: #383d4d;
      font-size: 1.13rem;
  }
  
  .search-result .search-completed h5 {
      font-size: 0.94rem;
      font-weight: 500;
      color: #383d4d;
  }
  
  .search-result .results {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid white;
  }
  
  .search-result .results:first-child {
      margin-top: 40px;
  }
  
  .search-result .results .site-title {
      margin-bottom: 0;
      font-size: 0.88rem;
      color: #5f0c00;
      font-weight: 600;
  }
  
  .search-result .results .page-url {
      font-size: 0.88rem;
      color: #383d4d;
      font-weight: 500;
      margin-bottom: 0;
  }
  
  .search-result .results .page-description {
      font-size: 0.88rem;
      font-weight: 500;
      margin-bottom: 0;
      margin-top: 20px;
  }
  
  .timeline {
      list-style: none;
      padding: 20px 0 20px;
      position: relative;
  }
  
  .timeline:before {
      top: 0;
      bottom: 0;
      position: absolute;
      content: " ";
      width: 3px;
      background-color: #ffffff;
      left: 50%;
      margin-left: -1.5px;
  }
  
  .timeline li {
      margin-bottom: 20px;
      position: relative;
  }
  
  .timeline li:before {
      content: " ";
      display: table;
  }
  
  .timeline li:after {
      content: " ";
      display: table;
      clear: both;
  }
  
  .timeline li .timeline-panel {
      width: 50%;
      float: left;
      border-radius: 2px;
      padding: 20px;
      position: relative;
      background: #ffffff;
      border-radius: 6px;
  }
  
  .timeline li .timeline-panel:before {
      position: absolute;
      top: 26px;
      right: -15px;
      display: inline-block;
      border-top: 15px solid transparent;
      border-left: 15px solid #ffffff;
      border-right: 0 solid #ffffff;
      border-bottom: 15px solid transparent;
      content: " ";
  }
  
  .timeline li .timeline-panel:after {
      position: absolute;
      top: 27px;
      right: -14px;
      display: inline-block;
      border-top: 14px solid transparent;
      border-left: 14px solid #ffffff;
      border-right: 0 solid #ffffff;
      border-bottom: 14px solid transparent;
      content: " ";
  }
  
  .timeline li:not(.timeline-inverted) {
      padding-right: 90px;
  }
  
  .timeline li:not(.timeline-inverted)+li.timeline-inverted {
      margin-top: -60px;
  }
  
  .timeline li .timeline-badge {
      color: #383d4d;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 1.4em;
      text-align: center;
      position: absolute;
      top: 16px;
      left: 50%;
      margin-left: -25px;
      z-index: 100;
      border-top-right-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
  }
  
  .timeline li .timeline-badge i {
      color: #ffffff;
  }
  
  .timeline li.timeline-inverted {
      padding-left: 90px;
  }
  
  .timeline li.timeline-inverted+li:not(.timeline-inverted) {
      margin-top: -60px;
  }
  
  .timeline li.timeline-inverted .timeline-panel {
      float: right;
  }
  
  .timeline li.timeline-inverted .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
  }
  
  .timeline li.timeline-inverted .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
  }
  
  .timeline-badge.primary {
      background: #5f0c00;
  }
  
  .timeline-badge.success {
      background: #5cd069;
  }
  
  .timeline-badge.warning {
      background: #fecb01;
  }
  
  .timeline-badge.danger {
      background: #ea2c54;
  }
  
  .timeline-badge.info {
      background: #745af2;
  }
  
  .timeline-title {
      margin-top: 0;
      color: #383d4d;
  }
  
  .timeline-body p {
      margin-bottom: 0;
  }
  
  .timeline-body p+p {
      margin-top: 5px;
  }
  
  .timeline-body ul {
      margin-bottom: 0;
  }
  
  .user-profile .side-left .card .avatar img {
      display: block;
      width: 90px;
      height: 90px;
      border-radius: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .user-profile .side-left .card .avatar .name {
      text-align: center;
      color: #383d4d;
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 0;
  }
  
  .user-profile .side-left .card .avatar .designation {
      text-align: center;
      color: #868e96;
      font-size: 0.8rem;
      font-weight: 600;
  }
  
  .user-profile .side-left .card .avatar .email {
      text-align: center;
      color: #5f0c00;
      display: block;
  }
  
  .user-profile .side-left .card .avatar .number {
      display: block;
      text-align: center;
      color: #5f0c00;
  }
  
  .user-profile .side-left .card .overview .achivements {
      padding-left: 0px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
  }
  
  .user-profile .side-left .card .overview .achivements li {
      width: 33.333%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-direction: column;
      flex-direction: column;
  }
  
  .user-profile .side-left .card .overview .achivements li p {
      text-align: center;
      margin-bottom: 0;
      font-weight: 600;
      font-size: 1.4rem;
      color: #383d4d;
  }
  
  .user-profile .side-left .card .overview .achivements li p:last-child {
      font-weight: 500;
      font-size: 0.9rem;
  }
  
  .user-profile .side-left .card .overview .about-user p {
      font-size: 0.8rem;
  }
  
  .user-profile .side-left .card .overview .info-links a {
      font-size: 0.8rem;
      display: block;
      margin-bottom: 10px;
  }
  
  .user-profile .side-left .card .overview .info-links a i {
      font-size: 0.8rem;
      margin-right: 10px;
  }
  
  .user-profile .side-left .card .overview .info-links a span {
      text-align: left;
      display: inline-block;
  }
  
  .table.dataTable .btn,
  .table.dataTable .avgrund-close {
      padding: 0.1rem 1rem;
      vertical-align: top;
  }
  
  .table.dataTable thead .sorting:before,
  .table.dataTable thead .sorting:after,
  .table.dataTable thead .sorting_asc:before,
  .table.dataTable thead .sorting_asc:after,
  .table.dataTable thead .sorting_desc:before,
  .table.dataTable thead .sorting_desc:after,
  .table.dataTable thead .sorting_asc_disabled:before,
  .table.dataTable thead .sorting_asc_disabled:after,
  .table.dataTable thead .sorting_desc_disabled:before,
  .table.dataTable thead .sorting_desc_disabled:after {
      line-height: 20px;
      font-family: Material Design Icons;
  }
  
  .table.dataTable thead .sorting:before,
  .table.dataTable thead .sorting_asc:before,
  .table.dataTable thead .sorting_desc:before,
  .table.dataTable thead .sorting_asc_disabled:before,
  .table.dataTable thead .sorting_desc_disabled:before {
      content: "\F05D";
      right: .8em;
  }
  
  .table.dataTable thead .sorting:after,
  .table.dataTable thead .sorting_asc:after,
  .table.dataTable thead .sorting_desc:after,
  .table.dataTable thead .sorting_asc_disabled:after,
  .table.dataTable thead .sorting_desc_disabled:after {
      content: "\F045";
      right: 0;
  }
  
  .table .dataTables_paginate {
      margin-top: 20px;
  }
  
  .context-menu-icon:before {
      color: #5f0c00;
  }
  
  .context-menu-item.context-menu-hover {
      background: #5f0c00;
  }
  
  .modal-content {
      border: 0;
  }
  
  .modal-header,
  .modal-footer {
      border-color: #e7eaf3;
  }
  
  .modal-backdrop.show {
      opacity: .3;
  }
  
  .bootstrap-table .fixed-table-container {
      border-top: 0;
      border-bottom: 0;
  }
  
  .bootstrap-table .table {
      border-bottom: 1px solid #e7eaf3;
  }
  
  .bootstrap-table .table thead>tr>th {
      border-bottom-color: #e7eaf3;
      border-top-color: #e7eaf3;
      border-left-color: #e7eaf3;
  }
  
  .note-editor.note-frame {
      border: 1px solid #e7eaf3;
  }
  
  .note-popover {
      border: 1px solid #e7eaf3;
  }
  
  .mce-tinymce.mce-panel,
  .mce-tinymce .mce-panel {
      border-color: #e7eaf3;
  }
  
  .ajax-upload-dragdrop {
      border-color: #e7eaf3;
      font-family: 'Raleway', sans-serif;
  }
  
  .sample-page {
      overflow-x: hidden;
  }
  
  .sample-page .landing-section {
      background: url("../images/assets_landing page/Bg.jpg") repeat;
      background-size: contain;
      overflow: hidden;
  }
  
  .sample-page .landing-section .container .navbar {
      background: transparent;
      border-bottom: none;
  }
  
  .sample-page .landing-section .container .navbar .navbar-brand {
      font-family: 'Raleway', sans-serif;
      font-size: 30px;
      text-align: left;
      color: #ffffff;
  }
  
  .sample-page .landing-section .container .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      font-size: 15px;
      font-stretch: condensed;
      text-align: left;
      padding: 10px 20px;
      color: #ffffff;
  }
  
  .sample-page .landing-section .container .navbar .navbar-collapse .navbar-nav .nav-item.active .nav-link {
      color: #000;
      background: #fff;
      padding: 10px 40px;
      margin-left: 10px;
      border-radius: 50px;
  }
  
  .sample-page .landing-section .container h1 {
      font-size: 40px;
      font-weight: bold;
      font-stretch: condensed;
      line-height: 0.5;
      text-align: center;
      color: #ffffff;
      margin-top: 64px;
  }
  
  .sample-page .landing-section .container p {
      font-size: 20px;
      font-weight: 300;
      font-stretch: condensed;
      line-height: 1.5;
      text-align: center;
      color: #ffffff;
      max-width: 788px;
      margin: 25px auto 30px auto;
  }
  
  .sample-page .landing-section .container .btn,
  .sample-page .landing-section .container .avgrund-close {
      color: #fff;
      padding: 12px 54px;
      border-radius: 50px;
  }
  
  .sample-page .landing-section .container .btn.btn-demo,
  .sample-page .landing-section .container .btn-demo.avgrund-close {
      background: #2443af;
      margin-right: 8px;
  }
  
  .sample-page .landing-section .container .btn.btn-buy,
  .sample-page .landing-section .container .btn-buy.avgrund-close {
      background: #1dac05;
  }
  
  .sample-page .landing-section .container img {
      display: block;
      margin: 35px auto 0 auto;
      max-width: 100%;
      transform: translateY(5px);
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -moz-transform: translateY(5px);
  }
  
  .sample-page .content-section .features-heading {
      font-size: 40px;
      font-stretch: condensed;
      line-height: 1.25;
      text-align: center;
      color: #000000;
      margin-top: 130px;
      margin-left: auto;
      margin-left: auto;
  }
  
  .sample-page .content-section .features-subheading {
      font-size: 30px;
      font-stretch: condensed;
      line-height: 1.67;
      text-align: center;
      margin-bottom: 100px;
  }
  
  .sample-page .content-section .features-tiles .tiles {
      margin-bottom: 60px;
  }
  
  .sample-page .content-section .features-tiles .tiles img {
      display: block;
      margin: 0 auto 20px auto;
      max-width: 80px;
  }
  
  .sample-page .content-section .features-tiles .tiles p.tile-title {
      font-size: 15px;
      color: #333;
      font-weight: 600;
      text-align: center;
      margin: auto;
  }
  
  .sample-page .content-section .features-tiles .tiles .tile-text {
      font-size: 15px;
      color: gray;
      text-align: center;
      margin: auto;
  }
  
  .sample-page .bottom-section {
      padding-top: 80px;
      padding-bottom: 80px;
  }
  
  .sample-page .bottom-section .side-left {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      -webkit-flex-direction: column;
      flex-direction: column;
  }
  
  .sample-page .bottom-section .side-left .layout-heading {
      font-size: 35px;
      font-weight: bold;
      font-stretch: condensed;
      line-height: 0.57;
      text-align: left;
  }
  
  .sample-page .bottom-section .side-left .layout-txt {
      max-width: 320px;
      font-size: 25px;
      font-weight: 300;
      font-stretch: condensed;
      line-height: 1.2;
      text-align: left;
  }
  
  .sample-page .bottom-section .side-left .text-underlined {
      width: 450px;
      font-size: 20px;
      font-weight: bold;
      font-stretch: condensed;
      line-height: 1.35;
      text-align: left;
      color: #000000;
      text-decoration: underline;
  }
  
  .sample-page .bottom-section .side-left .view-more {
      font-size: 18px;
      font-stretch: condensed;
      line-height: 1.5;
      text-align: left;
      color: #000000;
  }
  
  .sample-page .page-footer {
      background: url("../images/assets_landing page/footer_bg.jpg") no-repeat center;
      background-size: cover;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
  }
  
  .sample-page .page-footer .wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      margin: 130px 15px 56px 15px;
  }
  
  .sample-page .page-footer .wrapper h3 {
      font-size: 30px;
      font-stretch: condensed;
      line-height: 0.67;
      text-align: left;
      color: #ffffff;
  }
  
  .sample-page .page-footer .wrapper .form-group {
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 50px;
      overflow: hidden;
      margin: 50px auto 65px auto;
  }
  
  .sample-page .page-footer .wrapper .form-group input {
      background: transparent;
      border: none;
      padding: 10px 20px;
  }
  
  .sample-page .page-footer .wrapper .form-group input:-ms-input-placeholder {
      font-size: 16px;
      color: #fff;
  }
  
  .sample-page .page-footer .wrapper .form-group input:-moz-placeholder {
      font-size: 16px;
      color: #fff;
  }
  
  .sample-page .page-footer .wrapper .form-group input::-moz-placeholder {
      font-size: 16px;
      color: #fff;
  }
  
  .sample-page .page-footer .wrapper .form-group input::-webkit-input-placeholder {
      font-size: 16px;
      color: #fff;
  }
  
  .sample-page .page-footer .wrapper .form-group button {
      background: #fff;
      color: #000;
      border: none;
      padding: 10px 29px;
      border-radius: 25px 0 0 25px;
  }
  
  .sample-page .page-footer .wrapper .buy-now {
      background: #06147c;
      border: 1px solid #2545b1;
      color: #fff;
      padding: 12px 54px;
      border-radius: 50px;
  }
  
  .sample-page .page-footer .footer-bottom {
      width: 100%;
      background: #000;
      padding: 20px 0;
  }
  
  .sample-page .page-footer .footer-bottom .container {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
  
  .sample-page .page-footer .footer-bottom .container p,
  .sample-page .page-footer .footer-bottom .container a {
      font-size: 16px;
      font-stretch: condensed;
      line-height: 1.25;
      text-align: left;
      color: #ffffff;
      margin: 0;
  }
  
  .auth-pages h3 {
      font-size: 1.56rem;
      font-weight: 500;
      line-height: 1.3;
      color: #000;
  }
  
  .auth-pages .form-group {
      margin-bottom: 13px;
  }
  
  .auth-pages .form-group label {
      font-size: 0.88rem;
      line-height: 15px;
      margin-bottom: 6px;
  }
  
  .auth-pages .form-group .form-control,
  .auth-pages .form-group .typeahead,
  .auth-pages .form-group .tt-query,
  .auth-pages .form-group .tt-hint,
  .auth-pages .form-group .asColorPicker-input {
      height: 48px;
      border-radius: 3px;
      border: 1px solid #e7eaf3;
  }
  
  .auth-pages .icheck-square {
      margin-bottom: 0;
  }
  
  .auth-pages .icheck-square label {
      font-size: 13px;
      line-height: 2.31;
      text-align: left;
      color: #737475;
      margin-left: 12px;
  }
  
  .auth-pages .forgot-pass {
      font-size: 13px;
      line-height: 2.31;
      text-align: right;
      color: #1c2c3f;
  }
  
  .auth-pages button {
      font-size: 0.84rem;
      font-weight: 500;
  }
  
  .auth-pages button.enter-btn {
      height: 45px;
      margin-bottom: 28px;
  }
  
  .auth-pages .sign-up {
      font-size: 1rem;
      margin-top: 30px;
      margin-bottom: 0;
  }
  
  .auth-pages .sign-up a {
      color: #5f0c00;
  }
  
  .auth-pages .terms {
      font-size: 1rem;
      text-align: center;
      margin-top: 23px;
      margin-bottom: 0;
  }
  
  .auth-pages .terms a {
      color: inherit;
      text-decoration: underline;
  }
  
  .auth-pages.option-2,
  .auth-pages.login-2 {
      padding: 0;
      height: 100%;
      min-height: 100vh;
      width: 100%;
  }
  
  .auth-pages.option-2 .card,
  .auth-pages.login-2 .card {
      min-height: 100vh;
  }
  
  .auth-pages.option-2.option-2,
  .auth-pages.login-2.option-2 {
      background-image: url("../images/samples/Login_bg2.jpg");
      background-size: cover;
  }
  
  .auth-pages.option-2.login-2,
  .auth-pages.login-2.login-2 {
      background-image: url("../images/samples/Login_bg.jpg");
      background-size: cover;
      background-position: right bottom;
  }
  
  .lock-screen {
      position: relative;
      overflow: hidden;
  }
  
  .lock-screen .backhground-bg {
      position: absolute;
      top: -20px;
      right: -20px;
      left: -20px;
      bottom: -20px;
      background: url("../images/samples/wil-stewart-18242-min.jpg") no-repeat center center;
      background-size: cover;
      filter: blur(5px);
      -webkit-filter: blur(5px);
      -ms-filter: blur(5px);
      -o-filter: blur(5px);
      -moz-filter: blur(5px);
      overflow: hidden;
      min-height: 100%;
  }
  
  .lock-screen .card {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 6px;
  }
  
  .lock-screen .card .card-body img,
  .lock-screen .card .horizontal-menu .sidebar .nav .nav-item .mega-menu img,
  .horizontal-menu .sidebar .nav .nav-item .lock-screen .card .mega-menu img {
      width: 90px;
      height: 90px;
      border-radius: 100%;
      border: 2px solid #ffffff;
  }
  
  .lock-screen .card .card-body p,
  .lock-screen .card .horizontal-menu .sidebar .nav .nav-item .mega-menu p,
  .horizontal-menu .sidebar .nav .nav-item .lock-screen .card .mega-menu p {
      color: #383d4d;
      font-weight: 500;
  }
  
  .lock-screen .card .card-body input[type="text"],
  .lock-screen .card .horizontal-menu .sidebar .nav .nav-item .mega-menu input[type="text"],
  .horizontal-menu .sidebar .nav .nav-item .lock-screen .card .mega-menu input[type="text"] {
      background: rgba(255, 255, 255, 0.55);
      border: none;
      width: 80%;
      margin: auto;
  }
  
  .table {
      font-size: .9rem;
  }
  
  .table td {
      vertical-align: middle;
  }
  
  .settings {
      position: fixed;
      right: 0;
      z-index: 1;
  }
  
  .settings .settings-icon {
      font-size: 1.5rem;
      background: rgba(243, 66, 79, 0.66);
      color: #383d4d;
  }
  
  .settings .card-settings {
      border: 1px solid #636c72 er;
      display: none;
  }
  
  .settings .card-settings.show {
      display: flex;
  }
  
  .settings .card-settings .pws_tabs_container ul.pws_tabs_controll li a {
      border-color: rgba(243, 66, 79, 0.66);
      color: rgba(243, 66, 79, 0.66);
      padding: .3em 1.3em;
  }
  
  .settings .card-settings .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
      background: rgba(243, 66, 79, 0.66);
      color: #ffffff;
  }
  
  .rtl .settings {
      left: 0;
      right: auto;
  }
  
  #resizable-grid .drag-item {
      position: relative;
  }
  
  #resizable-grid .drag-item .dismiss {
      position: absolute;
      top: 7px;
      right: 25px;
      font-size: 15px;
      font-weight: bold;
      color: #ef5a7a;
      background: #cdd1d4;
      height: 15px;
      width: 16px;
      line-height: 13px;
      cursor: pointer;
      text-align: center;
      border-radius: 100%;
  }
  
  .count-stat {
      font-size: 30px;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  
  .count-stat.count-up {
      color: #00e566;
  }
  
  .product-chart-wrapper {
      position: relative;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
      height: 92%;
  }
  
  .product-chart-wrapper .products-chart {
      width: auto;
      display: inline-block;
      margin-right: 40px;
  }
  
  .tickets-tab ul {
      list-style-type: none;
      padding-left: 0;
  }
  
  .tickets-tab ul li {
      display: block;
      border-bottom: 1px solid rgba(128, 128, 128, 0.16);
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
  }
  
  .tickets-tab ul li .details div.profile {
      max-width: 40px;
      width: 100%;
      margin-right: 10px;
      margin-bottom: auto;
  }
  
  .tickets-tab ul li .details div.profile img {
      max-width: 100%;
      width: 100%;
      border-radius: 100%;
  }
  
  .tickets-tab ul li .details .t-content {
      width: 85%;
      max-width: 100%;
  }
  
  .tickets-tab ul li .details .t-content .sender-content {
      margin-right: 25px;
  }
  
  .tickets-tab ul li .details .t-content .sender-content p.sender-name {
      font-weight: 600;
      color: #5f0c00;
      margin-right: 10px;
      margin-bottom: 0;
      white-space: nowrap;
  }
  
  .tickets-tab ul li .details .t-content .sender-content p.ticket-no {
      font-weight: 500;
      margin-right: 5px;
      margin-bottom: 0;
  }
  
  .tickets-tab ul li .details .t-content .sender-content p.subject {
      font-weight: 600;
      color: #1c1e20;
      margin-bottom: 0;
  }
  
  .tickets-tab ul li .details .t-content .message p {
      color: #6f7980;
      font-size: 0.9rem;
  }
  
  .tickets-tab ul li .details .actions .dropdown-menu {
      left: -90%;
  }
  
  .tickets-tab ul li .time-hist p.Last-responded {
      font-weight: 400;
      color: #6f7980;
      font-size: 0.9rem;
      margin-bottom: 0;
      margin-right: 20px;
  }
  
  .tickets-tab ul li .time-hist p.Last-responded:before {
      content: "Last Responded :";
      display: inline-block;
      margin-right: 10px;
  }
  
  .tickets-tab ul li .time-hist p.due-on {
      font-weight: 400;
      color: #6f7980;
      font-size: 0.9rem;
      margin-bottom: 0;
      margin-right: 20px;
  }
  
  .tickets-tab ul li .time-hist p.due-on:before {
      content: "Due in :";
      display: inline-block;
      margin-right: 10px;
  }
  
  /* iCheck plugin skins
  ----------------------------------- */
  @import url("minimal/_all.css");
  /*
  @import url("minimal/minimal.css");
  @import url("minimal/red.css");
  @import url("minimal/green.css");
  @import url("minimal/blue.css");
  @import url("minimal/aero.css");
  @import url("minimal/grey.css");
  @import url("minimal/orange.css");
  @import url("minimal/yellow.css");
  @import url("minimal/pink.css");
  @import url("minimal/purple.css");
  */
  
  @import url("square/_all.css");
  /*
  @import url("square/square.css");
  @import url("square/red.css");
  @import url("square/green.css");
  @import url("square/blue.css");
  @import url("square/aero.css");
  @import url("square/grey.css");
  @import url("square/orange.css");
  @import url("square/yellow.css");
  @import url("square/pink.css");
  @import url("square/purple.css");
  */
  
  @import url("flat/_all.css");
  /*
  @import url("flat/flat.css");
  @import url("flat/red.css");
  @import url("flat/green.css");
  @import url("flat/blue.css");
  @import url("flat/aero.css");
  @import url("flat/grey.css");
  @import url("flat/orange.css");
  @import url("flat/yellow.css");
  @import url("flat/pink.css");
  @import url("flat/purple.css");
  */
  
  @import url("line/_all.css");
  /*
  @import url("line/line.css");
  @import url("line/red.css");
  @import url("line/green.css");
  @import url("line/blue.css");
  @import url("line/aero.css");
  @import url("line/grey.css");
  @import url("line/orange.css");
  @import url("line/yellow.css");
  @import url("line/pink.css");
  @import url("line/purple.css");
  */
  
  @import url("polaris/polaris.css");
  
  @import url("futurico/futurico.css");
  /*
   *
   * Main stylesheet for Switchery.
   * http://abpetkov.github.io/switchery/
   *
   */
  
  /* Switchery defaults. */
  
  .switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
  
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  
    -webkit-background-clip: content-box;
    background-clip: content-box;
  }
  
  .switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px;
  }
  
  /* Switchery sizes. */
  
  .switchery-small {
    border-radius: 20px;
    height: 20px;
    width: 33px;
  }
  
  .switchery-small > small {
    height: 20px;
    width: 20px;
  }
  
  .switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px;
  }
  
  .switchery-large > small {
    height: 40px;
    width: 40px;
  }
  
  .pws_tabs_container.pws_scale .pws_hide,.pws_tabs_list{-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s}.pws_tabs_container,.pws_tabs_controll a{font-size:16px}@media only screen and (max-width:60em){.pws_tabs_container.pws_tabs_responsive{width:100%!important}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll{width:100%}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li{vertical-align:top;text-align:center}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a{margin:0;font-size:1em;line-height:1.125em;overflow:hidden}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a i{display:block;margin:0 0 5px}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical{display:block;position:relative}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical:after{display:block;content:'';clear:both}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll{width:100%;position:relative;float:none}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li{display:inline-block}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li a{margin:0}.pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical .pws_tabs_list{position:relative;float:none}}@media only screen and (max-width:37.5em){.pws_tabs_container.pws_tabs_responsive{width:100%!important;position:relative}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu{width:100%;height:40px;background-color:#9bd7d5;display:block}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a{width:40px;height:40px;display:block;overflow:hidden;color:#fff;font-size:32px;font-size:2em;text-align:center;padding:3px 0 0;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a:hover{background-color:#70c5c2}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup{display:block;position:absolute;overflow:hidden;top:40px;left:0;z-index:99;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li{display:block;float:none}.pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li a i{display:inline-block;margin:0 .1875em 0 0}.pws_tabs_container.pws_tabs_responsive.pws_tabs_rtl ul.pws_tabs_controll.pws_tabs_menu_popup li a i{display:inline-block;margin:0 0 0 .1875em}}.pws_tabs_container{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pws_tabs_container ul.pws_tabs_controll{list-style:none;margin:0;padding:0}.pws_tabs_container ul.pws_tabs_controll li{display:inline-block}.pws_tabs_container ul.pws_tabs_controll li a{display:block;background-color:#9bd7d5;padding:.9375em 1.25em;text-decoration:none;color:#fff;margin-right:3px;cursor:pointer}.pws_tabs_container ul.pws_tabs_controll li a:hover{background-color:#70c5c2}.pws_tabs_container ul.pws_tabs_controll li a i{margin-right:8px}.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_noname i{margin-right:0;margin-left:0}.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff;color:#505050}.pws_tabs_list{display:block;background-color:#fff;height:auto;padding:1.25em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s;overflow:hidden;position:relative}.pws_tab_single{display:block;-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}.pws_tabs_container.pws_tabs_rtl{text-align:right;direction:rtl}.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a{margin-right:0;margin-left:3px}.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a i{margin-left:8px;margin-right:0}.pws_tabs_container.pws_tabs_vertical{display:block;position:relative}.pws_tabs_container.pws_tabs_vertical:after{display:block;content:'';clear:both}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll{width:auto;position:relative;float:left}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll li{display:block}.pws_tabs_container.pws_tabs_vertical>ul.pws_tabs_controll li a{margin-right:0;margin-left:0;margin-bottom:3px}.pws_tabs_container.pws_tabs_vertical>.pws_tabs_list{position:relative;float:left}.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu{background-color:#c72c66}.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a{background-color:#c72c66}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu{background-color:#86c447}.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu a:hover{background-color:#539312}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a{background-color:#86c447}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a:hover{background-color:#539312}.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu{background-color:#fdb813}.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu a:hover{background-color:orange}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a{background-color:#fdb813}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a:hover{background-color:orange}.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu{background-color:#f89827}.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a{background-color:#f89827}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu{background-color:#f15b42}.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a{background-color:#f15b42}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu{background-color:#e41937}.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a{background-color:#e41937}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu{background-color:#672e8d}.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu a:hover{background-color:#470871}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a{background-color:#672e8d}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a:hover{background-color:#470871}.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu{background-color:#4d4d4f}.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu a:hover{background-color:#000}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a{background-color:#4d4d4f}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a:hover{background-color:#000}.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a.pws_tab_active{background-color:#fff}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_violet .pws_responsive_small_menu{background-color:#c72c66}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_violet .pws_responsive_small_menu a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_dark_violet .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a{background-color:#c72c66}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a:hover{background-color:#a6164c}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_green .pws_responsive_small_menu{background-color:#86c447}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_green .pws_responsive_small_menu a:hover{background-color:#539312}.pws_tabs_container.pws_theme_dark_green .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a{background-color:#86c447}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a:hover{background-color:#539312}.pws_tabs_container.pws_theme_dark_green ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_yellow .pws_responsive_small_menu{background-color:#fdb813}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_yellow .pws_responsive_small_menu a:hover{background-color:orange}.pws_tabs_container.pws_theme_dark_yellow .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a{background-color:#fdb813}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a:hover{background-color:orange}.pws_tabs_container.pws_theme_dark_yellow ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_gold .pws_responsive_small_menu{background-color:#f89827}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_gold .pws_responsive_small_menu a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_dark_gold .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a{background-color:#f89827}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a:hover{background-color:#fa7b00}.pws_tabs_container.pws_theme_dark_gold ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_orange .pws_responsive_small_menu{background-color:#f15b42}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_orange .pws_responsive_small_menu a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_dark_orange .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a{background-color:#f15b42}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a:hover{background-color:#fd2e0b}.pws_tabs_container.pws_theme_dark_orange ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_red .pws_responsive_small_menu{background-color:#e41937}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_red .pws_responsive_small_menu a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_dark_red .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a{background-color:#e41937}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a:hover{background-color:#d70726}.pws_tabs_container.pws_theme_dark_red ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_purple .pws_responsive_small_menu{background-color:#672e8d}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_purple .pws_responsive_small_menu a:hover{background-color:#470871}.pws_tabs_container.pws_theme_dark_purple .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a{background-color:#672e8d}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a:hover{background-color:#470871}.pws_tabs_container.pws_theme_dark_purple ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_grey .pws_responsive_small_menu{background-color:#4d4d4f}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_grey .pws_responsive_small_menu a:hover{background-color:#000}.pws_tabs_container.pws_theme_dark_grey .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a{background-color:#4d4d4f}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a:hover{background-color:#000}.pws_tabs_container.pws_theme_dark_grey ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_cyan .pws_responsive_small_menu{background-color:#9bd7d5}.pws_tabs_container.pws_tabs_responsive.pws_theme_dark_cyan .pws_responsive_small_menu a:hover{background-color:#70c5c2}.pws_tabs_container.pws_theme_dark_cyan .pws_tabs_list{background-color:#fafafa}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a{background-color:#9bd7d5}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a:hover{background-color:#70c5c2}.pws_tabs_container.pws_theme_dark_cyan ul.pws_tabs_controll li a.pws_tab_active{background-color:#fafafa}.pws_tabs_noeffect .pws_tabs_list{-webkit-transition:all .1s ease-in-out 0;-moz-transition:all .1s ease-in-out 0;-o-transition:all .1s ease-in-out 0;transition:all .1s ease-in-out 0}.pws_tabs_noeffect .pws_tab_single{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.pws_tabs_container.pws_none .pws_hide{display:none}.pws_tabs_container.pws_none .pws_show{display:block}.pws_tabs_container.pws_scale .pws_hide{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_scale .pws_show,.pws_tabs_container.pws_slideleft .pws_hide{-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_scale .pws_show{z-index:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideleft .pws_hide{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideleft .pws_show,.pws_tabs_container.pws_slideright .pws_hide{-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideleft .pws_show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideright .pws_hide{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-o-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideright .pws_show,.pws_tabs_container.pws_slidetop .pws_hide{-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slideright .pws_show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidetop .pws_hide{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidedown .pws_hide,.pws_tabs_container.pws_slidetop .pws_show{-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidetop .pws_show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidedown .pws_hide{-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-o-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all .3s ease-in-out .3s}.pws_tabs_container.pws_slidedown .pws_show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}