@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-regular-webfont.eot");
  src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
#eif-wrap {
  font-family: 'Roboto';
}
#eif-wrap #eif-image-wrapper {
  text-align: center;
  -webkit-box-shadow: 0px 17px 33px -8px rgba(10, 10, 10, 0.86);
  -moz-box-shadow: 0px 17px 33px -8px rgba(10, 10, 10, 0.86);
  box-shadow: 0px 17px 33px -8px rgba(10, 10, 10, 0.86);
  margin: 30px 0;
  padding: 30px 0;
}
#eif-wrap #eif-image-wrapper #eif-image {
  max-width: 100%;
}
#eif-wrap #eif-image-wrapper #eif-controls {
  margin: 25px;
}
#eif-wrap #eif-image-wrapper #eif-loader {
  width: 100%;
  display: none;
}
#eif-wrap #eif-presets {
  font-family: 'roboto';
  text-align: center;
}
#eif-wrap #eif-presets button {
  margin: 5px;
}
#eif-wrap #eif-filters label {
  display: inline-block;
  font-weight: 700;
  margin: 10px;
}
#eif-wrap .mdl-grid div.title {
  font-size: 30px;
  text-align: center;
  margin: 10px 0;
}