/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=4.7.95");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=4.7.95") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=4.7.95") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=4.7.95") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=4.7.95") format("truetype");
  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-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:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH"; }

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
          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); } }





/* listing */
.mdi-backburger::before {
  content: "\F06D"; }
.mdi-tune::before {
  content: "\F62E"; }