@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Allerta+Stencil);
@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: normal;
  src: url('/statics/fonts/icomoon.ttf'), local('arial');
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-h27o5k');
	src:url('fonts/icomoon.eot?#iefix-h27o5k') format('embedded-opentype'),
		url('fonts/icomoon.ttf?-h27o5k') format('truetype'),
		url('fonts/icomoon.woff?-h27o5k') format('woff'),
		url('fonts/icomoon.svg?-h27o5k#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
	content: "\f081";
}
.icon-facebook:before {
	content: "\f082";
}
.icon-tumblr:before {
	content: "\f174";
}
.icon-reddit:before {
	content: "\f1a2";
}
.icon-restore:before {
	content: "\e606";
}
.icon-settings:before {
	content: "\e600";
}
.icon-reset:before {
	content: "\e601";
}
.icon-antenna:before {
	content: "\e609";
}
.icon-power:before {
	content: "\e60d";
}
.icon-play:before {
	content: "\e604";
}
.icon-volume-down:before {
	content: "\e614";
}
.icon-volume-mute:before {
	content: "\e615";
}
.icon-volume-off:before {
	content: "\e616";
}
.icon-volume-up:before {
	content: "\e617";
}
.icon-save:before {
	content: "\e602";
}
.icon-upload:before {
	content: "\e60e";
}
.icon-keyboard-arrow-down:before {
	content: "\e60b";
}
.icon-keyboard-arrow-left:before {
	content: "\e611";
}
.icon-keyboard-arrow-right:before {
	content: "\e612";
}
.icon-keyboard-arrow-up:before {
	content: "\e60c";
}
.icon-return:before {
	content: "\e60a";
}
.icon-filter:before {
	content: "\e605";
}
.icon-fullscreen:before {
	content: "\e603";
}
.icon-share:before {
	content: "\e613";
}
.icon-checkbox:before {
	content: "\e607";
}
.icon-checkbox-blank:before {
	content: "\e608";
}
.icon-radio-blank:before {
	content: "\e60f";
}
.icon-radio:before {
	content: "\e610";
}

.resize-triggers {
    visibility: hidden;
}

.resize-triggers,
.resize-triggers > div,
.contract-trigger:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0; top: 0;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contract-trigger:before {
    width: 200%;
    height: 200%;
}

/*!
 *  Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license)
 */

/**
 * WARNING: THIS FILE HAS BEEN UPDATED MANUALLY IN ORDER TO REMOVE THE EXTRANEOUS FONT FILES!
 *          IF YOU WHISH TO UPDATE THIS VENDOR, FIRST MAKE SURE TO BACKPORT THE SAME EDIT TO THE NEW FILE.
 */

@font-face {
  font-family: 'Material Design Iconic Font';
  src: url('/statics/fonts/material-design-iconic-font.ttf');
  font-weight: normal;
  font-style: normal;
}
[class^="md-"],
[class*=" md-"] {
  display: inline-block;
  font: normal normal normal 14px/1 'Material Design Iconic Font';
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.md {
  line-height: inherit;
  vertical-align: bottom;
}
.md-lg {
  font-size: 1.5em;
  line-height: .5em;
  vertical-align: -35%;
}
.md-2x {
  font-size: 2em;
}
.md-3x {
  font-size: 3em;
}
.md-4x {
  font-size: 4em;
}
.md-5x {
  font-size: 5em;
}
.md-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #808080;
  border-radius: .1em;
}
.md-border-circle {
  padding: .2em .25em .15em;
  border: solid 0.08em #808080;
  border-radius: 50%;
}
[class^="md-"].pull-left,
[class*=" md-"].pull-left {
  float: left;
  margin-right: .3em;
}
[class^="md-"].pull-right,
[class*=" md-"].pull-right {
  float: right;
  margin-left: .3em;
}
.md-spin {
  -webkit-animation: md-spin 1.5s infinite linear;
  animation: md-spin 1.5s infinite linear;
}
.md-spin-reverse {
  -webkit-animation: md-spin-reverse 1.5s infinite linear;
  animation: md-spin-reverse 1.5s infinite linear;
}
@-webkit-keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
.md-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.md-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.md-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.md-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.md-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .md-rotate-90,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-flip-horizontal,
:root .md-flip-vertical {
  -webkit-filter: none;
          filter: none;
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* If you do not want use all icons you can disable icon set here */
.md-3d-rotation:before {
  content: "\f000";
}
.md-accessibility:before {
  content: "\f001";
}
.md-account-balance:before {
  content: "\f002";
}
.md-account-balance-wallet:before {
  content: "\f003";
}
.md-account-box:before {
  content: "\f004";
}
.md-account-child:before {
  content: "\f005";
}
.md-account-circle:before {
  content: "\f006";
}
.md-add-shopping-cart:before {
  content: "\f007";
}
.md-alarm:before {
  content: "\f008";
}
.md-alarm-add:before {
  content: "\f009";
}
.md-alarm-off:before {
  content: "\f00a";
}
.md-alarm-on:before {
  content: "\f00b";
}
.md-android:before {
  content: "\f00c";
}
.md-announcement:before {
  content: "\f00d";
}
.md-aspect-ratio:before {
  content: "\f00e";
}
.md-assessment:before {
  content: "\f00f";
}
.md-assignment:before {
  content: "\f010";
}
.md-assignment-ind:before {
  content: "\f011";
}
.md-assignment-late:before {
  content: "\f012";
}
.md-assignment-return:before {
  content: "\f013";
}
.md-assignment-returned:before {
  content: "\f014";
}
.md-assignment-turned-in:before {
  content: "\f015";
}
.md-autorenew:before {
  content: "\f016";
}
.md-backup:before {
  content: "\f017";
}
.md-book:before {
  content: "\f018";
}
.md-bookmark:before {
  content: "\f019";
}
.md-bookmark-outline:before {
  content: "\f01a";
}
.md-bug-report:before {
  content: "\f01b";
}
.md-cached:before {
  content: "\f01c";
}
.md-class:before {
  content: "\f01d";
}
.md-credit-card:before {
  content: "\f01e";
}
.md-dashboard:before {
  content: "\f01f";
}
.md-delete:before {
  content: "\f020";
}
.md-description:before {
  content: "\f021";
}
.md-dns:before {
  content: "\f022";
}
.md-done:before {
  content: "\f023";
}
.md-done-all:before {
  content: "\f024";
}
.md-event:before {
  content: "\f025";
}
.md-exit-to-app:before {
  content: "\f026";
}
.md-explore:before {
  content: "\f027";
}
.md-extension:before {
  content: "\f028";
}
.md-face-unlock:before {
  content: "\f029";
}
.md-favorite:before {
  content: "\f02a";
}
.md-favorite-outline:before {
  content: "\f02b";
}
.md-find-in-page:before {
  content: "\f02c";
}
.md-find-replace:before {
  content: "\f02d";
}
.md-flip-to-back:before {
  content: "\f02e";
}
.md-flip-to-front:before {
  content: "\f02f";
}
.md-get-app:before {
  content: "\f030";
}
.md-grade:before {
  content: "\f031";
}
.md-group-work:before {
  content: "\f032";
}
.md-help:before {
  content: "\f033";
}
.md-highlight-remove:before {
  content: "\f034";
}
.md-history:before {
  content: "\f035";
}
.md-home:before {
  content: "\f036";
}
.md-https:before {
  content: "\f037";
}
.md-info:before {
  content: "\f038";
}
.md-info-outline:before {
  content: "\f039";
}
.md-input:before {
  content: "\f03a";
}
.md-invert-colors:before {
  content: "\f03b";
}
.md-label:before {
  content: "\f03c";
}
.md-label-outline:before {
  content: "\f03d";
}
.md-language:before {
  content: "\f03e";
}
.md-launch:before {
  content: "\f03f";
}
.md-list:before {
  content: "\f040";
}
.md-lock:before {
  content: "\f041";
}
.md-lock-open:before {
  content: "\f042";
}
.md-lock-outline:before {
  content: "\f043";
}
.md-loyalty:before {
  content: "\f044";
}
.md-markunread-mailbox:before {
  content: "\f045";
}
.md-note-add:before {
  content: "\f046";
}
.md-open-in-browser:before {
  content: "\f047";
}
.md-open-in-new:before {
  content: "\f048";
}
.md-open-with:before {
  content: "\f049";
}
.md-pageview:before {
  content: "\f04a";
}
.md-payment:before {
  content: "\f04b";
}
.md-perm-camera-mic:before {
  content: "\f04c";
}
.md-perm-contact-cal:before {
  content: "\f04d";
}
.md-perm-data-setting:before {
  content: "\f04e";
}
.md-perm-device-info:before {
  content: "\f04f";
}
.md-perm-identity:before {
  content: "\f050";
}
.md-perm-media:before {
  content: "\f051";
}
.md-perm-phone-msg:before {
  content: "\f052";
}
.md-perm-scan-wifi:before {
  content: "\f053";
}
.md-picture-in-picture:before {
  content: "\f054";
}
.md-polymer:before {
  content: "\f055";
}
.md-print:before {
  content: "\f056";
}
.md-query-builder:before {
  content: "\f057";
}
.md-question-answer:before {
  content: "\f058";
}
.md-receipt:before {
  content: "\f059";
}
.md-redeem:before {
  content: "\f05a";
}
.md-report-problem:before {
  content: "\f05b";
}
.md-restore:before {
  content: "\f05c";
}
.md-room:before {
  content: "\f05d";
}
.md-schedule:before {
  content: "\f05e";
}
.md-search:before {
  content: "\f05f";
}
.md-settings:before {
  content: "\f060";
}
.md-settings-applications:before {
  content: "\f061";
}
.md-settings-backup-restore:before {
  content: "\f062";
}
.md-settings-bluetooth:before {
  content: "\f063";
}
.md-settings-cell:before {
  content: "\f064";
}
.md-settings-display:before {
  content: "\f065";
}
.md-settings-ethernet:before {
  content: "\f066";
}
.md-settings-input-antenna:before {
  content: "\f067";
}
.md-settings-input-component:before {
  content: "\f068";
}
.md-settings-input-composite:before {
  content: "\f069";
}
.md-settings-input-hdmi:before {
  content: "\f06a";
}
.md-settings-input-svideo:before {
  content: "\f06b";
}
.md-settings-overscan:before {
  content: "\f06c";
}
.md-settings-phone:before {
  content: "\f06d";
}
.md-settings-power:before {
  content: "\f06e";
}
.md-settings-remote:before {
  content: "\f06f";
}
.md-settings-voice:before {
  content: "\f070";
}
.md-shop:before {
  content: "\f071";
}
.md-shopping-basket:before {
  content: "\f072";
}
.md-shopping-cart:before {
  content: "\f073";
}
.md-shop-two:before {
  content: "\f074";
}
.md-speaker-notes:before {
  content: "\f075";
}
.md-spellcheck:before {
  content: "\f076";
}
.md-star-rate:before {
  content: "\f077";
}
.md-stars:before {
  content: "\f078";
}
.md-store:before {
  content: "\f079";
}
.md-subject:before {
  content: "\f07a";
}
.md-swap-horiz:before {
  content: "\f07b";
}
.md-swap-vert:before {
  content: "\f07c";
}
.md-swap-vert-circle:before {
  content: "\f07d";
}
.md-system-update-tv:before {
  content: "\f07e";
}
.md-tab:before {
  content: "\f07f";
}
.md-tab-unselected:before {
  content: "\f080";
}
.md-theaters:before {
  content: "\f081";
}
.md-thumb-down:before {
  content: "\f082";
}
.md-thumbs-up-down:before {
  content: "\f083";
}
.md-thumb-up:before {
  content: "\f084";
}
.md-toc:before {
  content: "\f085";
}
.md-today:before {
  content: "\f086";
}
.md-track-changes:before {
  content: "\f087";
}
.md-translate:before {
  content: "\f088";
}
.md-trending-down:before {
  content: "\f089";
}
.md-trending-neutral:before {
  content: "\f08a";
}
.md-trending-up:before {
  content: "\f08b";
}
.md-turned-in:before {
  content: "\f08c";
}
.md-turned-in-not:before {
  content: "\f08d";
}
.md-verified-user:before {
  content: "\f08e";
}
.md-view-agenda:before {
  content: "\f08f";
}
.md-view-array:before {
  content: "\f090";
}
.md-view-carousel:before {
  content: "\f091";
}
.md-view-column:before {
  content: "\f092";
}
.md-view-day:before {
  content: "\f093";
}
.md-view-headline:before {
  content: "\f094";
}
.md-view-list:before {
  content: "\f095";
}
.md-view-module:before {
  content: "\f096";
}
.md-view-quilt:before {
  content: "\f097";
}
.md-view-stream:before {
  content: "\f098";
}
.md-view-week:before {
  content: "\f099";
}
.md-visibility:before {
  content: "\f09a";
}
.md-visibility-off:before {
  content: "\f09b";
}
.md-wallet-giftcard:before {
  content: "\f09c";
}
.md-wallet-membership:before {
  content: "\f09d";
}
.md-wallet-travel:before {
  content: "\f09e";
}
.md-work:before {
  content: "\f09f";
}
.md-error:before {
  content: "\f0a0";
}
.md-warning:before {
  content: "\f0a1";
}
.md-album:before {
  content: "\f0a2";
}
.md-av-timer:before {
  content: "\f0a3";
}
.md-closed-caption:before {
  content: "\f0a4";
}
.md-equalizer:before {
  content: "\f0a5";
}
.md-explicit:before {
  content: "\f0a6";
}
.md-fast-forward:before {
  content: "\f0a7";
}
.md-fast-rewind:before {
  content: "\f0a8";
}
.md-games:before {
  content: "\f0a9";
}
.md-hearing:before {
  content: "\f0aa";
}
.md-high-quality:before {
  content: "\f0ab";
}
.md-loop:before {
  content: "\f0ac";
}
.md-mic:before {
  content: "\f0ad";
}
.md-mic-none:before {
  content: "\f0ae";
}
.md-mic-off:before {
  content: "\f0af";
}
.md-movie:before {
  content: "\f0b0";
}
.md-my-library-add:before {
  content: "\f0b1";
}
.md-my-library-books:before {
  content: "\f0b2";
}
.md-my-library-music:before {
  content: "\f0b3";
}
.md-new-releases:before {
  content: "\f0b4";
}
.md-not-interested:before {
  content: "\f0b5";
}
.md-pause:before {
  content: "\f0b6";
}
.md-pause-circle-fill:before {
  content: "\f0b7";
}
.md-pause-circle-outline:before {
  content: "\f0b8";
}
.md-play-arrow:before {
  content: "\f0b9";
}
.md-play-circle-fill:before {
  content: "\f0ba";
}
.md-play-circle-outline:before {
  content: "\f0bb";
}
.md-playlist-add:before {
  content: "\f0bc";
}
.md-play-shopping-bag:before {
  content: "\f0bd";
}
.md-queue:before {
  content: "\f0be";
}
.md-queue-music:before {
  content: "\f0bf";
}
.md-radio:before {
  content: "\f0c0";
}
.md-recent-actors:before {
  content: "\f0c1";
}
.md-repeat:before {
  content: "\f0c2";
}
.md-repeat-one:before {
  content: "\f0c3";
}
.md-replay:before {
  content: "\f0c4";
}
.md-shuffle:before {
  content: "\f0c5";
}
.md-skip-next:before {
  content: "\f0c6";
}
.md-skip-previous:before {
  content: "\f0c7";
}
.md-snooze:before {
  content: "\f0c8";
}
.md-stop:before {
  content: "\f0c9";
}
.md-subtitles:before {
  content: "\f0ca";
}
.md-surround-sound:before {
  content: "\f0cb";
}
.md-videocam:before {
  content: "\f0cc";
}
.md-videocam-off:before {
  content: "\f0cd";
}
.md-video-collection:before {
  content: "\f0ce";
}
.md-volume-down:before {
  content: "\f0cf";
}
.md-volume-mute:before {
  content: "\f0d0";
}
.md-volume-off:before {
  content: "\f0d1";
}
.md-volume-up:before {
  content: "\f0d2";
}
.md-web:before {
  content: "\f0d3";
}
.md-business:before {
  content: "\f0d4";
}
.md-call:before {
  content: "\f0d5";
}
.md-call-end:before {
  content: "\f0d6";
}
.md-call-made:before {
  content: "\f0d7";
}
.md-call-merge:before {
  content: "\f0d8";
}
.md-call-missed:before {
  content: "\f0d9";
}
.md-call-received:before {
  content: "\f0da";
}
.md-call-split:before {
  content: "\f0db";
}
.md-chat:before {
  content: "\f0dc";
}
.md-clear-all:before {
  content: "\f0dd";
}
.md-comment:before {
  content: "\f0de";
}
.md-contacts:before {
  content: "\f0df";
}
.md-dialer-sip:before {
  content: "\f0e0";
}
.md-dialpad:before {
  content: "\f0e1";
}
.md-dnd-on:before {
  content: "\f0e2";
}
.md-email:before {
  content: "\f0e3";
}
.md-forum:before {
  content: "\f0e4";
}
.md-import-export:before {
  content: "\f0e5";
}
.md-invert-colors-off:before {
  content: "\f0e6";
}
.md-invert-colors-on:before {
  content: "\f0e7";
}
.md-live-help:before {
  content: "\f0e8";
}
.md-location-off:before {
  content: "\f0e9";
}
.md-location-on:before {
  content: "\f0ea";
}
.md-message:before {
  content: "\f0eb";
}
.md-messenger:before {
  content: "\f0ec";
}
.md-no-sim:before {
  content: "\f0ed";
}
.md-phone:before {
  content: "\f0ee";
}
.md-portable-wifi-off:before {
  content: "\f0ef";
}
.md-quick-contacts-dialer:before {
  content: "\f0f0";
}
.md-quick-contacts-mail:before {
  content: "\f0f1";
}
.md-ring-volume:before {
  content: "\f0f2";
}
.md-stay-current-landscape:before {
  content: "\f0f3";
}
.md-stay-current-portrait:before {
  content: "\f0f4";
}
.md-stay-primary-landscape:before {
  content: "\f0f5";
}
.md-stay-primary-portrait:before {
  content: "\f0f6";
}
.md-swap-calls:before {
  content: "\f0f7";
}
.md-textsms:before {
  content: "\f0f8";
}
.md-voicemail:before {
  content: "\f0f9";
}
.md-vpn-key:before {
  content: "\f0fa";
}
.md-add:before {
  content: "\f0fb";
}
.md-add-box:before {
  content: "\f0fc";
}
.md-add-circle:before {
  content: "\f0fd";
}
.md-add-circle-outline:before {
  content: "\f0fe";
}
.md-archive:before {
  content: "\f0ff";
}
.md-backspace:before {
  content: "\f100";
}
.md-block:before {
  content: "\f101";
}
.md-clear:before {
  content: "\f102";
}
.md-content-copy:before {
  content: "\f103";
}
.md-content-cut:before {
  content: "\f104";
}
.md-content-paste:before {
  content: "\f105";
}
.md-create:before {
  content: "\f106";
}
.md-drafts:before {
  content: "\f107";
}
.md-filter-list:before {
  content: "\f108";
}
.md-flag:before {
  content: "\f109";
}
.md-forward:before {
  content: "\f10a";
}
.md-gesture:before {
  content: "\f10b";
}
.md-inbox:before {
  content: "\f10c";
}
.md-link:before {
  content: "\f10d";
}
.md-mail:before {
  content: "\f10e";
}
.md-markunread:before {
  content: "\f10f";
}
.md-redo:before {
  content: "\f110";
}
.md-remove:before {
  content: "\f111";
}
.md-remove-circle:before {
  content: "\f112";
}
.md-remove-circle-outline:before {
  content: "\f113";
}
.md-reply:before {
  content: "\f114";
}
.md-reply-all:before {
  content: "\f115";
}
.md-report:before {
  content: "\f116";
}
.md-save:before {
  content: "\f117";
}
.md-select-all:before {
  content: "\f118";
}
.md-send:before {
  content: "\f119";
}
.md-sort:before {
  content: "\f11a";
}
.md-text-format:before {
  content: "\f11b";
}
.md-undo:before {
  content: "\f11c";
}
.md-access-alarm:before {
  content: "\f11d";
}
.md-access-alarms:before {
  content: "\f11e";
}
.md-access-time:before {
  content: "\f11f";
}
.md-add-alarm:before {
  content: "\f120";
}
.md-airplanemode-off:before {
  content: "\f121";
}
.md-airplanemode-on:before {
  content: "\f122";
}
.md-battery-20:before {
  content: "\f123";
}
.md-battery-30:before {
  content: "\f124";
}
.md-battery-50:before {
  content: "\f125";
}
.md-battery-60:before {
  content: "\f126";
}
.md-battery-80:before {
  content: "\f127";
}
.md-battery-90:before {
  content: "\f128";
}
.md-battery-alert:before {
  content: "\f129";
}
.md-battery-charging-20:before {
  content: "\f12a";
}
.md-battery-charging-30:before {
  content: "\f12b";
}
.md-battery-charging-50:before {
  content: "\f12c";
}
.md-battery-charging-60:before {
  content: "\f12d";
}
.md-battery-charging-80:before {
  content: "\f12e";
}
.md-battery-charging-90:before {
  content: "\f12f";
}
.md-battery-charging-full:before {
  content: "\f130";
}
.md-battery-full:before {
  content: "\f131";
}
.md-battery-std:before {
  content: "\f132";
}
.md-battery-unknown:before {
  content: "\f133";
}
.md-bluetooth:before {
  content: "\f134";
}
.md-bluetooth-connected:before {
  content: "\f135";
}
.md-bluetooth-disabled:before {
  content: "\f136";
}
.md-bluetooth-searching:before {
  content: "\f137";
}
.md-brightness-auto:before {
  content: "\f138";
}
.md-brightness-high:before {
  content: "\f139";
}
.md-brightness-low:before {
  content: "\f13a";
}
.md-brightness-medium:before {
  content: "\f13b";
}
.md-data-usage:before {
  content: "\f13c";
}
.md-developer-mode:before {
  content: "\f13d";
}
.md-devices:before {
  content: "\f13e";
}
.md-dvr:before {
  content: "\f13f";
}
.md-gps-fixed:before {
  content: "\f140";
}
.md-gps-not-fixed:before {
  content: "\f141";
}
.md-gps-off:before {
  content: "\f142";
}
.md-location-disabled:before {
  content: "\f143";
}
.md-location-searching:before {
  content: "\f144";
}
.md-multitrack-audio:before {
  content: "\f145";
}
.md-network-cell:before {
  content: "\f146";
}
.md-network-wifi:before {
  content: "\f147";
}
.md-nfc:before {
  content: "\f148";
}
.md-now-wallpaper:before {
  content: "\f149";
}
.md-now-widgets:before {
  content: "\f14a";
}
.md-screen-lock-landscape:before {
  content: "\f14b";
}
.md-screen-lock-portrait:before {
  content: "\f14c";
}
.md-screen-lock-rotation:before {
  content: "\f14d";
}
.md-screen-rotation:before {
  content: "\f14e";
}
.md-sd-storage:before {
  content: "\f14f";
}
.md-settings-system-daydream:before {
  content: "\f150";
}
.md-signal-cellular-0-bar:before {
  content: "\f151";
}
.md-signal-cellular-1-bar:before {
  content: "\f152";
}
.md-signal-cellular-2-bar:before {
  content: "\f153";
}
.md-signal-cellular-3-bar:before {
  content: "\f154";
}
.md-signal-cellular-4-bar:before {
  content: "\f155";
}
.md-signal-cellular-connected-no-internet-0-bar:before {
  content: "\f156";
}
.md-signal-cellular-connected-no-internet-1-bar:before {
  content: "\f157";
}
.md-signal-cellular-connected-no-internet-2-bar:before {
  content: "\f158";
}
.md-signal-cellular-connected-no-internet-3-bar:before {
  content: "\f159";
}
.md-signal-cellular-connected-no-internet-4-bar:before {
  content: "\f15a";
}
.md-signal-cellular-no-sim:before {
  content: "\f15b";
}
.md-signal-cellular-null:before {
  content: "\f15c";
}
.md-signal-cellular-off:before {
  content: "\f15d";
}
.md-signal-wifi-0-bar:before {
  content: "\f15e";
}
.md-signal-wifi-1-bar:before {
  content: "\f15f";
}
.md-signal-wifi-2-bar:before {
  content: "\f160";
}
.md-signal-wifi-3-bar:before {
  content: "\f161";
}
.md-signal-wifi-4-bar:before {
  content: "\f162";
}
.md-signal-wifi-off:before {
  content: "\f163";
}
.md-storage:before {
  content: "\f164";
}
.md-usb:before {
  content: "\f165";
}
.md-wifi-lock:before {
  content: "\f166";
}
.md-wifi-tethering:before {
  content: "\f167";
}
.md-attach-file:before {
  content: "\f168";
}
.md-attach-money:before {
  content: "\f169";
}
.md-border-all:before {
  content: "\f16a";
}
.md-border-bottom:before {
  content: "\f16b";
}
.md-border-clear:before {
  content: "\f16c";
}
.md-border-color:before {
  content: "\f16d";
}
.md-border-horizontal:before {
  content: "\f16e";
}
.md-border-inner:before {
  content: "\f16f";
}
.md-border-left:before {
  content: "\f170";
}
.md-border-outer:before {
  content: "\f171";
}
.md-border-right:before {
  content: "\f172";
}
.md-border-style:before {
  content: "\f173";
}
.md-border-top:before {
  content: "\f174";
}
.md-border-vertical:before {
  content: "\f175";
}
.md-format-align-center:before {
  content: "\f176";
}
.md-format-align-justify:before {
  content: "\f177";
}
.md-format-align-left:before {
  content: "\f178";
}
.md-format-align-right:before {
  content: "\f179";
}
.md-format-bold:before {
  content: "\f17a";
}
.md-format-clear:before {
  content: "\f17b";
}
.md-format-color-fill:before {
  content: "\f17c";
}
.md-format-color-reset:before {
  content: "\f17d";
}
.md-format-color-text:before {
  content: "\f17e";
}
.md-format-indent-decrease:before {
  content: "\f17f";
}
.md-format-indent-increase:before {
  content: "\f180";
}
.md-format-italic:before {
  content: "\f181";
}
.md-format-line-spacing:before {
  content: "\f182";
}
.md-format-list-bulleted:before {
  content: "\f183";
}
.md-format-list-numbered:before {
  content: "\f184";
}
.md-format-paint:before {
  content: "\f185";
}
.md-format-quote:before {
  content: "\f186";
}
.md-format-size:before {
  content: "\f187";
}
.md-format-strikethrough:before {
  content: "\f188";
}
.md-format-textdirection-l-to-r:before {
  content: "\f189";
}
.md-format-textdirection-r-to-l:before {
  content: "\f18a";
}
.md-format-underline:before {
  content: "\f18b";
}
.md-functions:before {
  content: "\f18c";
}
.md-insert-chart:before {
  content: "\f18d";
}
.md-insert-comment:before {
  content: "\f18e";
}
.md-insert-drive-file:before {
  content: "\f18f";
}
.md-insert-emoticon:before {
  content: "\f190";
}
.md-insert-invitation:before {
  content: "\f191";
}
.md-insert-link:before {
  content: "\f192";
}
.md-insert-photo:before {
  content: "\f193";
}
.md-merge-type:before {
  content: "\f194";
}
.md-mode-comment:before {
  content: "\f195";
}
.md-mode-edit:before {
  content: "\f196";
}
.md-publish:before {
  content: "\f197";
}
.md-vertical-align-bottom:before {
  content: "\f198";
}
.md-vertical-align-center:before {
  content: "\f199";
}
.md-vertical-align-top:before {
  content: "\f19a";
}
.md-wrap-text:before {
  content: "\f19b";
}
.md-attachment:before {
  content: "\f19c";
}
.md-cloud:before {
  content: "\f19d";
}
.md-cloud-circle:before {
  content: "\f19e";
}
.md-cloud-done:before {
  content: "\f19f";
}
.md-cloud-download:before {
  content: "\f1a0";
}
.md-cloud-off:before {
  content: "\f1a1";
}
.md-cloud-queue:before {
  content: "\f1a2";
}
.md-cloud-upload:before {
  content: "\f1a3";
}
.md-file-download:before {
  content: "\f1a4";
}
.md-file-upload:before {
  content: "\f1a5";
}
.md-folder:before {
  content: "\f1a6";
}
.md-folder-open:before {
  content: "\f1a7";
}
.md-folder-shared:before {
  content: "\f1a8";
}
.md-cast:before {
  content: "\f1a9";
}
.md-cast-connected:before {
  content: "\f1aa";
}
.md-computer:before {
  content: "\f1ab";
}
.md-desktop-mac:before {
  content: "\f1ac";
}
.md-desktop-windows:before {
  content: "\f1ad";
}
.md-dock:before {
  content: "\f1ae";
}
.md-gamepad:before {
  content: "\f1af";
}
.md-headset:before {
  content: "\f1b0";
}
.md-headset-mic:before {
  content: "\f1b1";
}
.md-keyboard:before {
  content: "\f1b2";
}
.md-keyboard-alt:before {
  content: "\f1b3";
}
.md-keyboard-arrow-down:before {
  content: "\f1b4";
}
.md-keyboard-arrow-left:before {
  content: "\f1b5";
}
.md-keyboard-arrow-right:before {
  content: "\f1b6";
}
.md-keyboard-arrow-up:before {
  content: "\f1b7";
}
.md-keyboard-backspace:before {
  content: "\f1b8";
}
.md-keyboard-capslock:before {
  content: "\f1b9";
}
.md-keyboard-control:before {
  content: "\f1ba";
}
.md-keyboard-hide:before {
  content: "\f1bb";
}
.md-keyboard-return:before {
  content: "\f1bc";
}
.md-keyboard-tab:before {
  content: "\f1bd";
}
.md-keyboard-voice:before {
  content: "\f1be";
}
.md-laptop:before {
  content: "\f1bf";
}
.md-laptop-chromebook:before {
  content: "\f1c0";
}
.md-laptop-mac:before {
  content: "\f1c1";
}
.md-laptop-windows:before {
  content: "\f1c2";
}
.md-memory:before {
  content: "\f1c3";
}
.md-mouse:before {
  content: "\f1c4";
}
.md-phone-android:before {
  content: "\f1c5";
}
.md-phone-iphone:before {
  content: "\f1c6";
}
.md-phonelink:before {
  content: "\f1c7";
}
.md-phonelink-off:before {
  content: "\f1c8";
}
.md-security:before {
  content: "\f1c9";
}
.md-sim-card:before {
  content: "\f1ca";
}
.md-smartphone:before {
  content: "\f1cb";
}
.md-speaker:before {
  content: "\f1cc";
}
.md-tablet:before {
  content: "\f1cd";
}
.md-tablet-android:before {
  content: "\f1ce";
}
.md-tablet-mac:before {
  content: "\f1cf";
}
.md-tv:before {
  content: "\f1d0";
}
.md-watch:before {
  content: "\f1d1";
}
.md-add-to-photos:before {
  content: "\f1d2";
}
.md-adjust:before {
  content: "\f1d3";
}
.md-assistant-photo:before {
  content: "\f1d4";
}
.md-audiotrack:before {
  content: "\f1d5";
}
.md-blur-circular:before {
  content: "\f1d6";
}
.md-blur-linear:before {
  content: "\f1d7";
}
.md-blur-off:before {
  content: "\f1d8";
}
.md-blur-on:before {
  content: "\f1d9";
}
.md-brightness-1:before {
  content: "\f1da";
}
.md-brightness-2:before {
  content: "\f1db";
}
.md-brightness-3:before {
  content: "\f1dc";
}
.md-brightness-4:before {
  content: "\f1dd";
}
.md-brightness-5:before {
  content: "\f1de";
}
.md-brightness-6:before {
  content: "\f1df";
}
.md-brightness-7:before {
  content: "\f1e0";
}
.md-brush:before {
  content: "\f1e1";
}
.md-camera:before {
  content: "\f1e2";
}
.md-camera-alt:before {
  content: "\f1e3";
}
.md-camera-front:before {
  content: "\f1e4";
}
.md-camera-rear:before {
  content: "\f1e5";
}
.md-camera-roll:before {
  content: "\f1e6";
}
.md-center-focus-strong:before {
  content: "\f1e7";
}
.md-center-focus-weak:before {
  content: "\f1e8";
}
.md-collections:before {
  content: "\f1e9";
}
.md-colorize:before {
  content: "\f1ea";
}
.md-color-lens:before {
  content: "\f1eb";
}
.md-compare:before {
  content: "\f1ec";
}
.md-control-point:before {
  content: "\f1ed";
}
.md-control-point-duplicate:before {
  content: "\f1ee";
}
.md-crop:before {
  content: "\f1ef";
}
.md-crop-3-2:before {
  content: "\f1f0";
}
.md-crop-5-4:before {
  content: "\f1f1";
}
.md-crop-7-5:before {
  content: "\f1f2";
}
.md-crop-16-9:before {
  content: "\f1f3";
}
.md-crop-din:before {
  content: "\f1f4";
}
.md-crop-free:before {
  content: "\f1f5";
}
.md-crop-landscape:before {
  content: "\f1f6";
}
.md-crop-original:before {
  content: "\f1f7";
}
.md-crop-portrait:before {
  content: "\f1f8";
}
.md-crop-square:before {
  content: "\f1f9";
}
.md-dehaze:before {
  content: "\f1fa";
}
.md-details:before {
  content: "\f1fb";
}
.md-edit:before {
  content: "\f1fc";
}
.md-exposure:before {
  content: "\f1fd";
}
.md-exposure-minus-1:before {
  content: "\f1fe";
}
.md-exposure-minus-2:before {
  content: "\f1ff";
}
.md-exposure-zero:before {
  content: "\f200";
}
.md-exposure-plus-1:before {
  content: "\f201";
}
.md-exposure-plus-2:before {
  content: "\f202";
}
.md-filter:before {
  content: "\f203";
}
.md-filter-1:before {
  content: "\f204";
}
.md-filter-2:before {
  content: "\f205";
}
.md-filter-3:before {
  content: "\f206";
}
.md-filter-4:before {
  content: "\f207";
}
.md-filter-5:before {
  content: "\f208";
}
.md-filter-6:before {
  content: "\f209";
}
.md-filter-7:before {
  content: "\f20a";
}
.md-filter-8:before {
  content: "\f20b";
}
.md-filter-9:before {
  content: "\f20c";
}
.md-filter-9-plus:before {
  content: "\f20d";
}
.md-filter-b-and-w:before {
  content: "\f20e";
}
.md-filter-center-focus:before {
  content: "\f20f";
}
.md-filter-drama:before {
  content: "\f210";
}
.md-filter-frames:before {
  content: "\f211";
}
.md-filter-hdr:before {
  content: "\f212";
}
.md-filter-none:before {
  content: "\f213";
}
.md-filter-tilt-shift:before {
  content: "\f214";
}
.md-filter-vintage:before {
  content: "\f215";
}
.md-flare:before {
  content: "\f216";
}
.md-flash-auto:before {
  content: "\f217";
}
.md-flash-off:before {
  content: "\f218";
}
.md-flash-on:before {
  content: "\f219";
}
.md-flip:before {
  content: "\f21a";
}
.md-gradient:before {
  content: "\f21b";
}
.md-grain:before {
  content: "\f21c";
}
.md-grid-off:before {
  content: "\f21d";
}
.md-grid-on:before {
  content: "\f21e";
}
.md-hdr-off:before {
  content: "\f21f";
}
.md-hdr-on:before {
  content: "\f220";
}
.md-hdr-strong:before {
  content: "\f221";
}
.md-hdr-weak:before {
  content: "\f222";
}
.md-healing:before {
  content: "\f223";
}
.md-image:before {
  content: "\f224";
}
.md-image-aspect-ratio:before {
  content: "\f225";
}
.md-iso:before {
  content: "\f226";
}
.md-landscape:before {
  content: "\f227";
}
.md-leak-add:before {
  content: "\f228";
}
.md-leak-remove:before {
  content: "\f229";
}
.md-lens:before {
  content: "\f22a";
}
.md-looks:before {
  content: "\f22b";
}
.md-looks-1:before {
  content: "\f22c";
}
.md-looks-2:before {
  content: "\f22d";
}
.md-looks-3:before {
  content: "\f22e";
}
.md-looks-4:before {
  content: "\f22f";
}
.md-looks-5:before {
  content: "\f230";
}
.md-looks-6:before {
  content: "\f231";
}
.md-loupe:before {
  content: "\f232";
}
.md-movie-creation:before {
  content: "\f233";
}
.md-nature:before {
  content: "\f234";
}
.md-nature-people:before {
  content: "\f235";
}
.md-navigate-before:before {
  content: "\f236";
}
.md-navigate-next:before {
  content: "\f237";
}
.md-palette:before {
  content: "\f238";
}
.md-panorama:before {
  content: "\f239";
}
.md-panorama-fisheye:before {
  content: "\f23a";
}
.md-panorama-horizontal:before {
  content: "\f23b";
}
.md-panorama-vertical:before {
  content: "\f23c";
}
.md-panorama-wide-angle:before {
  content: "\f23d";
}
.md-photo:before {
  content: "\f23e";
}
.md-photo-album:before {
  content: "\f23f";
}
.md-photo-camera:before {
  content: "\f240";
}
.md-photo-library:before {
  content: "\f241";
}
.md-portrait:before {
  content: "\f242";
}
.md-remove-red-eye:before {
  content: "\f243";
}
.md-rotate-left:before {
  content: "\f244";
}
.md-rotate-right:before {
  content: "\f245";
}
.md-slideshow:before {
  content: "\f246";
}
.md-straighten:before {
  content: "\f247";
}
.md-style:before {
  content: "\f248";
}
.md-switch-camera:before {
  content: "\f249";
}
.md-switch-video:before {
  content: "\f24a";
}
.md-tag-faces:before {
  content: "\f24b";
}
.md-texture:before {
  content: "\f24c";
}
.md-timelapse:before {
  content: "\f24d";
}
.md-timer:before {
  content: "\f24e";
}
.md-timer-3:before {
  content: "\f24f";
}
.md-timer-10:before {
  content: "\f250";
}
.md-timer-auto:before {
  content: "\f251";
}
.md-timer-off:before {
  content: "\f252";
}
.md-tonality:before {
  content: "\f253";
}
.md-transform:before {
  content: "\f254";
}
.md-tune:before {
  content: "\f255";
}
.md-wb-auto:before {
  content: "\f256";
}
.md-wb-cloudy:before {
  content: "\f257";
}
.md-wb-incandescent:before {
  content: "\f258";
}
.md-wb-irradescent:before {
  content: "\f259";
}
.md-wb-sunny:before {
  content: "\f25a";
}
.md-beenhere:before {
  content: "\f25b";
}
.md-directions:before {
  content: "\f25c";
}
.md-directions-bike:before {
  content: "\f25d";
}
.md-directions-bus:before {
  content: "\f25e";
}
.md-directions-car:before {
  content: "\f25f";
}
.md-directions-ferry:before {
  content: "\f260";
}
.md-directions-subway:before {
  content: "\f261";
}
.md-directions-train:before {
  content: "\f262";
}
.md-directions-transit:before {
  content: "\f263";
}
.md-directions-walk:before {
  content: "\f264";
}
.md-flight:before {
  content: "\f265";
}
.md-hotel:before {
  content: "\f266";
}
.md-layers:before {
  content: "\f267";
}
.md-layers-clear:before {
  content: "\f268";
}
.md-local-airport:before {
  content: "\f269";
}
.md-local-atm:before {
  content: "\f26a";
}
.md-local-attraction:before {
  content: "\f26b";
}
.md-local-bar:before {
  content: "\f26c";
}
.md-local-cafe:before {
  content: "\f26d";
}
.md-local-car-wash:before {
  content: "\f26e";
}
.md-local-convenience-store:before {
  content: "\f26f";
}
.md-local-drink:before {
  content: "\f270";
}
.md-local-florist:before {
  content: "\f271";
}
.md-local-gas-station:before {
  content: "\f272";
}
.md-local-grocery-store:before {
  content: "\f273";
}
.md-local-hospital:before {
  content: "\f274";
}
.md-local-hotel:before {
  content: "\f275";
}
.md-local-laundry-service:before {
  content: "\f276";
}
.md-local-library:before {
  content: "\f277";
}
.md-local-mall:before {
  content: "\f278";
}
.md-local-movies:before {
  content: "\f279";
}
.md-local-offer:before {
  content: "\f27a";
}
.md-local-parking:before {
  content: "\f27b";
}
.md-local-pharmacy:before {
  content: "\f27c";
}
.md-local-phone:before {
  content: "\f27d";
}
.md-local-pizza:before {
  content: "\f27e";
}
.md-local-play:before {
  content: "\f27f";
}
.md-local-post-office:before {
  content: "\f280";
}
.md-local-print-shop:before {
  content: "\f281";
}
.md-local-restaurant:before {
  content: "\f282";
}
.md-local-see:before {
  content: "\f283";
}
.md-local-shipping:before {
  content: "\f284";
}
.md-local-taxi:before {
  content: "\f285";
}
.md-location-history:before {
  content: "\f286";
}
.md-map:before {
  content: "\f287";
}
.md-my-location:before {
  content: "\f288";
}
.md-navigation:before {
  content: "\f289";
}
.md-pin-drop:before {
  content: "\f28a";
}
.md-place:before {
  content: "\f28b";
}
.md-rate-review:before {
  content: "\f28c";
}
.md-restaurant-menu:before {
  content: "\f28d";
}
.md-satellite:before {
  content: "\f28e";
}
.md-store-mall-directory:before {
  content: "\f28f";
}
.md-terrain:before {
  content: "\f290";
}
.md-traffic:before {
  content: "\f291";
}
.md-apps:before {
  content: "\f292";
}
.md-cancel:before {
  content: "\f293";
}
.md-arrow-drop-down-circle:before {
  content: "\f294";
}
.md-arrow-drop-down:before {
  content: "\f295";
}
.md-arrow-drop-up:before {
  content: "\f296";
}
.md-arrow-back:before {
  content: "\f297";
}
.md-arrow-forward:before {
  content: "\f298";
}
.md-check:before {
  content: "\f299";
}
.md-close:before {
  content: "\f29a";
}
.md-chevron-left:before {
  content: "\f29b";
}
.md-chevron-right:before {
  content: "\f29c";
}
.md-expand-less:before {
  content: "\f29d";
}
.md-expand-more:before {
  content: "\f29e";
}
.md-fullscreen:before {
  content: "\f29f";
}
.md-fullscreen-exit:before {
  content: "\f2a0";
}
.md-menu:before {
  content: "\f2a1";
}
.md-more-horiz:before {
  content: "\f2a2";
}
.md-more-vert:before {
  content: "\f2a3";
}
.md-refresh:before {
  content: "\f2a4";
}
.md-unfold-less:before {
  content: "\f2a5";
}
.md-unfold-more:before {
  content: "\f2a6";
}
.md-adb:before {
  content: "\f2a7";
}
.md-bluetooth-audio:before {
  content: "\f2a8";
}
.md-disc-full:before {
  content: "\f2a9";
}
.md-dnd-forwardslash:before {
  content: "\f2aa";
}
.md-do-not-disturb:before {
  content: "\f2ab";
}
.md-drive-eta:before {
  content: "\f2ac";
}
.md-event-available:before {
  content: "\f2ad";
}
.md-event-busy:before {
  content: "\f2ae";
}
.md-event-note:before {
  content: "\f2af";
}
.md-folder-special:before {
  content: "\f2b0";
}
.md-mms:before {
  content: "\f2b1";
}
.md-more:before {
  content: "\f2b2";
}
.md-network-locked:before {
  content: "\f2b3";
}
.md-phone-bluetooth-speaker:before {
  content: "\f2b4";
}
.md-phone-forwarded:before {
  content: "\f2b5";
}
.md-phone-in-talk:before {
  content: "\f2b6";
}
.md-phone-locked:before {
  content: "\f2b7";
}
.md-phone-missed:before {
  content: "\f2b8";
}
.md-phone-paused:before {
  content: "\f2b9";
}
.md-play-download:before {
  content: "\f2ba";
}
.md-play-install:before {
  content: "\f2bb";
}
.md-sd-card:before {
  content: "\f2bc";
}
.md-sim-card-alert:before {
  content: "\f2bd";
}
.md-sms:before {
  content: "\f2be";
}
.md-sms-failed:before {
  content: "\f2bf";
}
.md-sync:before {
  content: "\f2c0";
}
.md-sync-disabled:before {
  content: "\f2c1";
}
.md-sync-problem:before {
  content: "\f2c2";
}
.md-system-update:before {
  content: "\f2c3";
}
.md-tap-and-play:before {
  content: "\f2c4";
}
.md-time-to-leave:before {
  content: "\f2c5";
}
.md-vibration:before {
  content: "\f2c6";
}
.md-voice-chat:before {
  content: "\f2c7";
}
.md-vpn-lock:before {
  content: "\f2c8";
}
.md-cake:before {
  content: "\f2c9";
}
.md-domain:before {
  content: "\f2ca";
}
.md-location-city:before {
  content: "\f2cb";
}
.md-mood:before {
  content: "\f2cc";
}
.md-notifications-none:before {
  content: "\f2cd";
}
.md-notifications:before {
  content: "\f2ce";
}
.md-notifications-off:before {
  content: "\f2cf";
}
.md-notifications-on:before {
  content: "\f2d0";
}
.md-notifications-paused:before {
  content: "\f2d1";
}
.md-pages:before {
  content: "\f2d2";
}
.md-party-mode:before {
  content: "\f2d3";
}
.md-group:before {
  content: "\f2d4";
}
.md-group-add:before {
  content: "\f2d5";
}
.md-people:before {
  content: "\f2d6";
}
.md-people-outline:before {
  content: "\f2d7";
}
.md-person:before {
  content: "\f2d8";
}
.md-person-add:before {
  content: "\f2d9";
}
.md-person-outline:before {
  content: "\f2da";
}
.md-plus-one:before {
  content: "\f2db";
}
.md-poll:before {
  content: "\f2dc";
}
.md-public:before {
  content: "\f2dd";
}
.md-school:before {
  content: "\f2de";
}
.md-share:before {
  content: "\f2df";
}
.md-whatshot:before {
  content: "\f2e0";
}
.md-check-box:before {
  content: "\f2e1";
}
.md-check-box-outline-blank:before {
  content: "\f2e2";
}
.md-radio-button-off:before {
  content: "\f2e3";
}
.md-radio-button-on:before {
  content: "\f2e4";
}
.md-star:before {
  content: "\f2e5";
}
.md-star-half:before {
  content: "\f2e6";
}
.md-star-outline:before {
  content: "\f2e7";
}

.s9-modal-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 90%;
  max-height: 100%;
  overflow-y: auto;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.s9-modal-box-inner {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.s9-modal-box-image {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.s9-modal-box-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  line-height: 50px;
}
.s9-modal-box-title {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  font-size: 1.7em;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s9-modal-box-action {
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 35px;
  text-align: center;
  line-height: 50px;
  background: #583596;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.s9-modal-box-action [class^="icon-"],
.s9-modal-box-action [class*=" icon-"] {
  line-height: inherit;
}
.s9-modal-box-content {
  text-align: justify;
}
.s9-modal-box-content small {
  font-size: 13px;
}
.s9-modal-box-content a {
  color: blue;
  cursor: pointer;
}
.s9-modal-box-content p {
  margin: 0;
  margin-top: 20px;
}
.s9-modal-box-content p:first-child {
  margin-top: 0;
}
.s9-modal-box-content .field {
  margin-top: 10px;
  overflow: hidden;
}
.s9-modal-box-content .field:first-child {
  margin-top: 0;
}
.s9-modal-box-content .input {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
}
.s9-modal-box-content .button,
.s9-modal-box-content .submit {
  border: 0;
  padding: 0 20px;
  line-height: 32px;
  background: #583596;
  color: #ffffff;
}
.s9-modal-box-content .submit {
  display: block;
  float: left;
}
.s9-modal-box-content .extra {
  display: block;
  float: right;
  line-height: 32px;
}
.s9-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: auto;
}
.s9-overlay-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}
.s9-overlay-click-catch {
  width: 100%;
  height: 100%;
}
.s9-overlay-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.s9-overlay-content > * {
  pointer-events: auto;
  margin: auto;
}
.s9-title-tooltip {
  display: none;
  position: absolute;
  z-index: 3;
  border-radius: 5px;
  padding: 5px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
  cursor: default;
}
.s9-title-tooltip[s9-title-tooltip-axis-x="left"] {
  text-align: left;
}
.s9-title-tooltip[s9-title-tooltip-axis-x="right"] {
  text-align: right;
}
.s9-title-tooltip.s9-title-tooltip-visible {
  display: block;
}
.s9-title-arrow {
  display: block;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
}
[s9-title-tooltip-axis-x="left"] .s9-title-arrow {
  margin-left: -5px;
}
[s9-title-tooltip-axis-x="right"] .s9-title-arrow {
  margin-right: -5px;
}
[s9-title-tooltip-axis-y="top"] .s9-title-arrow {
  top: -5px;
}
[s9-title-tooltip-axis-y="bottom"] .s9-title-arrow {
  bottom: -5px;
}
.s9-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.s9-toolbar-master {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  background: #a88dd7;
  color: #ffffff;
}
.s9-toolbar-master::after {
  content: '';
  display: block;
  margin-right: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 40px;
  background: -webkit-linear-gradient(top left, #a88dd7, #a88dd7 50%, #ffffff 51%, #ffffff);
  background: linear-gradient(to bottom right, #a88dd7, #a88dd7 50%, #ffffff 51%, #ffffff);
}
.s9-toolbar-slave {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  height: 100%;
  background: #ffffff;
  color: #333333;
}
.s9-toolbar-slave .s9-toolbar-item[class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item[class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item [class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item [class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-brand[class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-brand[class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-brand [class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-brand [class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-off[class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-off[class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-off [class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-off [class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-on[class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-on[class*=" icon-"],
.s9-toolbar-slave .s9-toolbar-item-on [class^="icon-"],
.s9-toolbar-slave .s9-toolbar-item-on [class*=" icon-"] {
  color: #583596;
}
.s9-toolbar-primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: auto;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  padding: 0 7px;
}
.s9-toolbar-secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  padding: 0 7px;
}
.s9-toolbar-item,
.s9-toolbar-item-brand,
.s9-toolbar-item-off,
.s9-toolbar-item-on {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  padding: 5px 7px;
  line-height: 30px;
}
.s9-toolbar-item-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.s9-toolbar-item-center > * {
  margin: auto;
}
.s9-toolbar-item[class^="icon-"],
.s9-toolbar-item[class*=" icon-"],
.s9-toolbar-item [class^="icon-"],
.s9-toolbar-item [class*=" icon-"],
.s9-toolbar-item .s9-volume,
.s9-toolbar-item-brand[class^="icon-"],
.s9-toolbar-item-brand[class*=" icon-"],
.s9-toolbar-item-brand [class^="icon-"],
.s9-toolbar-item-brand [class*=" icon-"],
.s9-toolbar-item-brand .s9-volume,
.s9-toolbar-item-off[class^="icon-"],
.s9-toolbar-item-off[class*=" icon-"],
.s9-toolbar-item-off [class^="icon-"],
.s9-toolbar-item-off [class*=" icon-"],
.s9-toolbar-item-off .s9-volume,
.s9-toolbar-item-on[class^="icon-"],
.s9-toolbar-item-on[class*=" icon-"],
.s9-toolbar-item-on [class^="icon-"],
.s9-toolbar-item-on [class*=" icon-"],
.s9-toolbar-item-on .s9-volume {
  font-size: 24px;
  text-align: center;
  line-height: 30px;
}
.s9-toolbar-item [class^="icon-"],
.s9-toolbar-item [class*=" icon-"],
.s9-toolbar-item-brand [class^="icon-"],
.s9-toolbar-item-brand [class*=" icon-"],
.s9-toolbar-item-off [class^="icon-"],
.s9-toolbar-item-off [class*=" icon-"],
.s9-toolbar-item-on [class^="icon-"],
.s9-toolbar-item-on [class*=" icon-"] {
  display: block;
  float: left;
  margin-right: 10px;
}
.s9-toolbar-item-brand {
  padding: 0 20px;
}
.s9-toolbar-item-off {
  color: #D7D7D7 !important;
}
.s9-toolbar-item-on {
  font-weight: bold;
}
.s9-volume {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 1em;
  cursor: pointer;
  outline: none;
}
.s9-volume-active {
  fill: #583596;
}
.s9-volume-inactive {
  fill: #E0E0E0;
}
.layout-auth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}
.layout-auth .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.layout-auth .login,
.layout-auth .register {
  margin: 0 10px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 400px;
}
.layout-auth .title {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}
.layout-auth .field {
  margin: 5px 0;
}
.layout-auth .input {
  margin: 0;
  width: 100%;
  border: 1px solid #333333;
  padding: 0 5px;
  line-height: 25px;
  outline: none;
}
.layout-dashboard {
  height: 100%;
}
.layout-dashboard .toolbar {
  z-index: 1;
}
.layout-dashboard .toolbar .s9-toolbar-master {
  width: 390px;
}
.layout-dashboard .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 40px);
}
.layout-dashboard .side {
  z-index: 2;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 350px;
  overflow-y: hidden;
  background: #ffffff;
}
.layout-dashboard .side .newsfeed {
  padding: 5px;
}
.layout-dashboard .side .newsfeed .news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px;
}
.layout-dashboard .side .newsfeed .preview {
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 100px;
  height: 100px;
  background-size: cover;
}
.layout-dashboard .side .newsfeed .title {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.layout-dashboard .content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  background: #e5e5e5;
  box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.4);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.layout-dashboard .content .main-dashboard-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  overflow-y: scroll;
}
.layout-dashboard .content .main-dashboard-content .name {
  margin: 20px;
  margin-bottom: 0;
  font-size: 30px;
  color: #333333;
}
.layout-dashboard .content .main-dashboard-content .communication {
  margin: 20px;
  padding: 10px 20px;
  line-height: 1.7em;
  background: #fefeff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.layout-dashboard .content .main-dashboard-content .communication p {
  margin: 10px 0;
}
.layout-dashboard .content .main-dashboard-content .communication a {
  display: inline-block;
  border-bottom: 1px solid #a88dd7;
  line-height: 1.5em;
  color: #a88dd7;
}
.layout-dashboard .content .main-dashboard-content .top-text {
  margin: 20px;
  font-size: 125%;
  line-height: 170%;
  color: #909090;
}
.layout-dashboard .content .main-dashboard-content .top-text .smiley {
  vertical-align: middle;
  margin: 0 3px;
}
.layout-dashboard .content .main-dashboard-content .separator {
  margin: 20px;
  height: 1px;
  border: 0;
  background: #FFFFFF;
}
.layout-dashboard .game-view,
.layout-dashboard .play-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.layout-demo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.layout-demo .toolbar {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.layout-demo .screen {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  background: #ffffff;
}
.layout-howto .section {
  counter-reset: step;
}
.layout-howto .communication {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  counter-increment: step;
}
.layout-howto .communication::before {
  content: counter(step) ".";
  display: block;
  margin: 10px 0;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-weight: bold;
}
.layout-howto .communication .text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.layout-howto .communication .illustration {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 0;
  margin-left: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 25%;
}
.layout-index .banner {
  height: 300px;
  background-color: #2c130b;
  background-image: url("/statics/images/banner.png");
  background-position: center 0;
  background-size: auto 550px;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 10px #000000;
}
.layout-index .banner-glass {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 0;
  height: 200px;
  overflow: hidden;
  padding-bottom: 25px;
  color: #ffffff;
}
.layout-index .banner-glass::after {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  right: -50px;
  bottom: -50px;
  z-index: -1;
  display: block;
  height: 200px;
  border-left: 50px solid #2c130b;
  border-right: 50px solid #2c130b;
  border-bottom: 50px solid #2c130b;
  background-color: #2c130b;
  background-image: url("/statics/images/banner.png");
  background-position: center -300px;
  background-size: auto 550px;
  background-repeat: no-repeat;
  background-origin: content-box;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.layout-index .rest {
  position: relative;
  z-index: 0;
  padding-top: 25px;
}
.layout-index .slogan {
  display: block;
  margin: auto;
  font-family: 'Allerta Stencil';
  font-size: 70px;
}
.layout-index .try {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  margin-top: -25px;
  width: 300px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #583596;
  color: #ffffff;
}
.layout-index .try:hover {
  background: #a88dd7;
  color: #ffffff;
}
.layout-index .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 20px;
  padding: 80px 40px;
}
.layout-index .actions .actions-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.layout-index .actions .mascot {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 1620px) {
  .layout-index .actions .mascot {
    display: none;
  }
}
.layout-index .actions .action {
  margin-left: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 280px;
  height: 280px;
  overflow: hidden;
  border-radius: 100%;
}
.layout-index .actions .action:first-child {
  margin-left: 0;
}
.layout-index .actions .image {
  width: 100%;
  height: 190px;
  background-size: cover;
  background-position: center center;
}
.layout-index .actions .description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  height: 90px;
  text-align: center;
  background-color: #583596;
  color: #ffffff;
}
.layout-index .actions .text {
  display: block;
  margin: auto;
}
.layout-index .definition {
  background-color: #583596;
  background-image: url("/statics/images/polygons.png");
  background-position: top center;
  background-size: cover;
  color: #ffffff;
}
.layout-index .definition .definition-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 940px;
  padding: 40px 0;
}
.layout-index .definition .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 40px;
  font-size: 40px;
  font-style: italic;
  text-align: center;
  line-height: 80px;
}
.layout-index .definition .left p::before {
  content: '· ';
}
.layout-index .definition .left p::after {
  content: ' ·';
}
.layout-index .definition .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
}
.layout-index .definition p {
  margin: auto;
}
.layout-index .previews {
  margin: 100px 0;
}
.layout-index .previews .previews-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-sizing: content-box;
  padding: 0 70px;
  height: 540px;
  overflow: hidden;
}
.layout-index .previews .preview {
  margin: 10px;
  width: 240px;
  height: 160px;
}
.layout-index .previews .preview::first-child {
  margin-left: 0;
}
.layout-index .footer {
  background-color: #583596;
  background-image: url("/statics/images/polygons.png");
  background-position: bottom center;
  background-size: cover;
  color: #ffffff;
  padding: 30px 0;
  font-size: 12px;
  text-align: right;
}
.layout-index .footer a {
  color: #c5b3e4;
}
.layout-index .footer .footer-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 940px;
}
.layout-index .footer .section {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layout-index .footer .copy {
  text-align: left;
}
.layout-index .footer .name {
  margin: 0;
  font-size: 15px;
}
.layout-index .footer .link {
  display: block;
  margin: 10px 0;
}
.layout-library .tainted {
  opacity: .4;
}
.layout-library .entries {
  padding: 15px;
}
.layout-library .entries-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
.layout-library .entries-1-line-max {
  max-height: 210px;
  overflow: hidden;
}
.layout-library .entries-3-lines-max {
  max-height: 630px;
  overflow: hidden;
}
.layout-library .filters {
  padding: 10px;
  font-size: 30px;
}
.layout-library .filters .filter {
  display: inline;
}
.layout-library .filters .filter-action {
  font-weight: bold;
}
.layout-library .filters .filter.query .filter-action {
  text-transform: capitalize;
}
.layout-library .filters .filter + .filter::before {
  content: ' + ';
  font-weight: light;
  color: #a88dd7;
}
.layout-library .newcomer-help .steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 5px;
  counter-reset: help;
}
.layout-library .newcomer-help .step {
  margin: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 300px;
}
.layout-library .newcomer-help .illustration {
  display: block;
  margin-bottom: 15px;
}
.layout-library .newcomer-help .text {
  font-weight: bold;
  text-align: center;
}
.layout-library .newcomer-help .text::before {
  content: counter(help) ". ";
  counter-increment: help;
}
.layout-library .no-results {
  margin: 20px;
  color: #999999;
}
.layout-library .entry {
  position: relative;
  display: block;
  margin: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background: #FFFFFF;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.layout-library .entry .infos,
.layout-library .entry .extra {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  height: 29px;
  padding: 0 3px;
  background: #FFFFFF;
}
.layout-library .entry .infos > *,
.layout-library .entry .extra > * {
  margin: 0 3px;
}
.layout-library .entry .infos > img,
.layout-library .entry .extra > img {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.layout-library .entry .infos {
  bottom: 0;
}
.layout-library .entry .extra {
  top: -29px;
  -webkit-transition: top .05s linear;
          transition: top .05s linear;
}
.layout-library .entry:hover .extra {
  top: 0;
}
.layout-library .entry .title {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.layout-library-game {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  pointer-events: none;
}
.layout-library-game > * {
  pointer-events: auto;
}
.layout-library-game .cover {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  height: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  image-rendering: pixelated;
}
.layout-library-game .game {
  z-index: 0;
  margin: auto;
  margin-left: 40%;
}
.layout-library-game .game .description {
  margin: 30px 0;
  text-align: left;
}
.layout-library-game .game .previews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  margin-top: 30px;
}
.layout-library-game .game .previews .preview {
  margin: 0 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layout-library-game .game .previews .picture {
  width: 100%;
}
.layout-library-game-upload,
.layout-library-game-wrong-upload,
.layout-library-game-invalid-upload {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
@-webkit-keyframes spinner-init {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes spinner-init {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes spinner-save {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(180deg);
            transform: scale(1.2) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}
@keyframes spinner-save {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(180deg);
            transform: scale(1.2) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}
.layout-library-play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background: #000000;
}
.layout-library-play .viewport {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1.2s 1s;
          transition: opacity 1.2s 1s;
}
.layout-library-play .interface {
  width: 100%;
  height: 100%;
  background: #000000;
}
.layout-library-play .input-log {
  position: absolute;
  right: 10px;
  top: 10px;
  font-family: monospace;
  color: #FFFFFF;
}
.layout-library-play .input-log .entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  line-height: 20px;
}
.layout-library-play .input-log .entry:first-child {
  margin-top: 0;
}
.layout-library-play .input-log .type {
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 50px;
  font-weight: bold;
  text-align: right;
}
.layout-library-play .input-log .type .icon {
  vertical-align: middle;
}
.layout-library-play .spinner-init {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -65px;
  width: 100px;
  height: 130px;
  opacity: 1;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}
.layout-library-play .spinner-init .rect1,
.layout-library-play .spinner-init .rect2,
.layout-library-play .spinner-init .rect3,
.layout-library-play .spinner-init .rect4,
.layout-library-play .spinner-init .rect5 {
  margin-left: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background-color: #FFFFFF;
  -webkit-animation-name: spinner-init;
          animation-name: spinner-init;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.layout-library-play .spinner-init .rect1:first-child,
.layout-library-play .spinner-init .rect2:first-child,
.layout-library-play .spinner-init .rect3:first-child,
.layout-library-play .spinner-init .rect4:first-child,
.layout-library-play .spinner-init .rect5:first-child {
  margin-left: 0;
}
.layout-library-play .spinner-init .rect1 {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.layout-library-play .spinner-init .rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.layout-library-play .spinner-init .rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.layout-library-play .spinner-init .rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.layout-library-play .spinner-init .rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.layout-library-play .spinner-save {
  visibility: hidden;
  position: absolute;
  left: 32px;
  bottom: 32px;
  width: 64px;
  height: 64px;
  border: 5px solid #583596;
  border-bottom: 5px solid transparent;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation-name: spinner-save;
          animation-name: spinner-save;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transition: opacity 2s, visibility 2s;
          transition: opacity 2s, visibility 2s;
}
.layout-library-play .spinner-save.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: none;
          transition: none;
}
.layout-library-play.ready .viewport {
  opacity: 1;
}
.layout-library-play.ready .spinner-init {
  opacity: 0;
}
.layout-library-play-screenshot .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.layout-library-play-screenshot .preview {
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 300px;
  min-height: 250px;
  background-color: #333333;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.layout-library-play-screenshot .text {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.layout-library-play-screenshot .social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 15px;
  margin-left: -5px;
}
.layout-library-play-screenshot .social-links .button {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 140px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: left;
}
.layout-library-play-screenshot .social-links .facebook {
  background: #46629E;
  color: #FFFFFF;
}
.layout-library-play-screenshot .social-links .twitter {
  background: #2B7BB9;
  color: #FFFFFF;
}
.layout-library-play-screenshot .social-links .reddit {
  background: #FF724B;
  color: #FFFFFF;
}
.layout-library-play-screenshot .social-links .tumblr {
  background: #F2992E;
  color: #FFFFFF;
}
.layout-screenshot {
  display: block;
  position: relative;
  min-height: 100%;
  padding: 20px;
  background: #e5e5e5;
}
.layout-screenshot .screenshot {
  display: block;
  position: relative;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
}
.layout-screenshot .screenshot .infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.layout-screenshot .screenshot .infos a {
  color: #a88dd7;
}
.layout-screenshot .screenshot .infos .avatar {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 60px;
  height: 60px;
  background: #FFFFFF;
}
.layout-screenshot .screenshot .infos .title {
  overflow: hidden;
  padding: 0 30px;
  font-size: 25px;
  font-weight: lighter;
  text-overflow: ellipsis;
  line-height: 60px;
  white-space: nowrap;
}
.layout-screenshot .screenshot .picture {
  width: 100%;
  height: 500px;
  background-color: #000000;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  image-rendering: pixelated;
}
.layout-screenshot .comments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 40px;
  margin-top: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.layout-screenshot .comments a {
  color: #a88dd7;
}
.layout-screenshot .comments .new-comment {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.layout-screenshot .comments .new-comment .content {
  width: 100%;
  height: 100px;
  font-family: inherit;
  font-size: inherit;
  resize: none;
}
.layout-screenshot .comments .separator {
  margin: 30px 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 1px;
  border: 0;
  background: #CCCCCC;
}
.layout-screenshot .comments .comment-list {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  max-height: 500px;
  overflow-y: auto;
}
.layout-screenshot .comments .comment {
  margin-top: 40px;
}
.layout-screenshot .comments .comment:first-child {
  margin-top: 0;
}
.layout-screenshot .comments .comment .infos,
.layout-screenshot .comments .new-comment .infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.layout-screenshot .comments .comment .avatar,
.layout-screenshot .comments .new-comment .avatar {
  margin: auto;
  margin-right: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.layout-screenshot .comments .comment .details,
.layout-screenshot .comments .new-comment .details {
  margin: auto;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.layout-screenshot .comments .comment .submit,
.layout-screenshot .comments .new-comment .submit {
  width: 100%;
  border: 0;
  padding: 0 5px;
  font-family: inherit;
  line-height: 40px;
  background: #583596;
  color: #ffffff;
}
.layout-screenshot .comments .comment .submit:active,
.layout-screenshot .comments .new-comment .submit:active {
  background: #a88dd7;
  color: #ffffff;
}
@media (min-width: 1300px) {
  .layout-screenshot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .layout-screenshot .screenshot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-right: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    height: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0;
  }
  .layout-screenshot .screenshot .infos {
    position: absolute;
    left: -30px;
    top: -40px;
    margin-top: 0;
    max-width: 100%;
  }
  .layout-screenshot .screenshot .picture {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: auto;
  }
  .layout-screenshot .comments {
    margin-top: 0;
    margin-bottom: auto;
    margin-left: 20px;
    margin-right: 40px;
    max-height: 100%;
    width: 500px;
  }
  .layout-screenshot .comments .comment-list {
    max-height: initial;
  }
}
.main-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 0 10px;
  line-height: 50px;
  background: #583596;
  color: #ffffff;
}
.main-header .logo-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-header .logo-component .logo {
  margin: auto;
  height: 30px;
}
.main-header .logo-component .beta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
  padding: 0 10px;
  font-variant: small-caps;
  background: #4763BD;
}
.main-header .logo-component .beta .text {
  margin: auto;
  height: 30px;
}
.main-header .logo-component .beta .text::before {
  content: '';
  display: inline-block;
  height: 30px;
}
.main-header .search-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  margin-right: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.main-header .search-component .input {
  display: block;
  margin: auto;
  margin-right: 0;
  width: 300px;
  border: 0;
  padding: 0 15px;
  line-height: 30px;
  outline: none;
}
.main-header .search-component::before {
  content: '';
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 30px;
  background: -webkit-linear-gradient(bottom right, #ffffff, #ffffff 50%, transparent 51%, transparent 100%);
  background: linear-gradient(to top left, #ffffff, #ffffff 50%, transparent 51%, transparent 100%);
}
.main-header .search-component::after {
  content: '';
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 30px;
  background: -webkit-linear-gradient(top left, #ffffff, #ffffff 50%, transparent 51%, transparent 100%);
  background: linear-gradient(to bottom right, #ffffff, #ffffff 50%, transparent 51%, transparent 100%);
}
.main-header .user-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.main-header .user-component .username {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-right: 20px;
}
.main-header .user-component .avatar {
  display: block;
  margin: auto;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 30px;
}
.main-header .login-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  line-height: 50px;
}
.main-header .login-component .login,
.main-header .login-component .register {
  margin: 0 5px;
  padding: 0 20px;
}
.main-header .login-component .login:hover,
.main-header .login-component .register:hover {
  background: #a88dd7;
  color: #ffffff;
}
.main-content {
  height: calc(100% - 50px);
}
@font-face {
  font-family: 'Audiowide';
  src: url('/statics/fonts/audiowide.ttf');
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: inherit;
  color: inherit;
}
[ui-sref],
[ng-click] {
  cursor: pointer;
}
ui-view {
  display: block;
}
s9-player canvas {
  display: block;
}
html {
  overflow-x: hidden;
}
html,
body {
  margin: 0;
  height: 100%;
  padding: 0;
  font-family: 'Open Sans';
}
.ng-pristine.ng-invalid-required {
  box-shadow: none;
}