/*
  	Flaticon icon font: Flaticon
  	Creation date: 22/06/2016 15:30
  	*/

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" fi-flaticon-"]:before,
[class^="fi-flaticon-"]:after, [class*=" fi-flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 65px;
    font-style: normal;
    margin-left: 20px;
}

.fi-flaticon-apron:before { content: "\f100"; }
.fi-flaticon-aquarium:before { content: "\f101"; }
.fi-flaticon-armchair:before { content: "\f102"; }
.fi-flaticon-basket:before { content: "\f103"; }
.fi-flaticon-bath:before { content: "\f104"; }
.fi-flaticon-bed:before { content: "\f105"; }
.fi-flaticon-bleach:before { content: "\f106"; }
.fi-flaticon-bowl:before { content: "\f107"; }
.fi-flaticon-broom:before { content: "\f108"; }
.fi-flaticon-broom-1:before { content: "\f109"; }
.fi-flaticon-brush:before { content: "\f10a"; }
.fi-flaticon-bucket:before { content: "\f10b"; }
.fi-flaticon-cleaner:before { content: "\f10c"; }
.fi-flaticon-clothespin:before { content: "\f10d"; }
.fi-flaticon-detergent:before { content: "\f10e"; }
.fi-flaticon-dustpan:before { content: "\f10f"; }
.fi-flaticon-fan:before { content: "\f110"; }
.fi-flaticon-faucet:before { content: "\f111"; }
.fi-flaticon-flower:before { content: "\f112"; }
.fi-flaticon-fridge:before { content: "\f113"; }
.fi-flaticon-gloves:before { content: "\f114"; }
.fi-flaticon-hammer:before { content: "\f115"; }
.fi-flaticon-house:before { content: "\f116"; }
.fi-flaticon-iron:before { content: "\f117"; }
.fi-flaticon-ironing-board:before { content: "\f118"; }
.fi-flaticon-jug:before { content: "\f119"; }
.fi-flaticon-kettle:before { content: "\f11a"; }
.fi-flaticon-lamp:before { content: "\f11b"; }
.fi-flaticon-liquid-soap:before { content: "\f11c"; }
.fi-flaticon-microwave-oven:before { content: "\f11d"; }
.fi-flaticon-mitten:before { content: "\f11e"; }
.fi-flaticon-mixer:before { content: "\f11f"; }
.fi-flaticon-mop:before { content: "\f120"; }
.fi-flaticon-oven:before { content: "\f121"; }
.fi-flaticon-paint-roller:before { content: "\f122"; }
.fi-flaticon-palette:before { content: "\f123"; }
.fi-flaticon-pan:before { content: "\f124"; }
.fi-flaticon-plunger:before { content: "\f125"; }
.fi-flaticon-screwdriver:before { content: "\f126"; }
.fi-flaticon-shirt:before { content: "\f127"; }
.fi-flaticon-soap:before { content: "\f128"; }
.fi-flaticon-sponge:before { content: "\f129"; }
.fi-flaticon-toilet:before { content: "\f12a"; }
.fi-flaticon-toilet-brush:before { content: "\f12b"; }
.fi-flaticon-towel:before { content: "\f12c"; }
.fi-flaticon-towel-1:before { content: "\f12d"; }
.fi-flaticon-trash-can:before { content: "\f12e"; }
.fi-flaticon-vacuum-cleaner:before { content: "\f12f"; }
.fi-flaticon-washing-machine:before { content: "\f130"; }
.fi-flaticon-wrench:before { content: "\f131"; }

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/cleaner/icomoon.eot?v5ojb0');
  src:  url('../fonts/cleaner/icomoon.eot?v5ojb0#iefix') format('embedded-opentype'),
    url('../fonts/cleaner/icomoon.ttf?v5ojb0') format('truetype'),
    url('../fonts/cleaner/icomoon.woff?v5ojb0') format('woff'),
    url('../fonts/cleaner/icomoon.svg?v5ojb0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="fi-icon-"], [class*=" fi-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.fi-icon-armchair:before {
  content: "\e900";
}
.fi-icon-cleaner-man:before {
  content: "\e901";
}
.fi-icon-home:before {
  content: "\e902";
}
.fi-icon-jumping:before {
  content: "\e903";
}
.fi-icon-man-vacuum:before {
  content: "\e904";
}
.fi-icon-price-tag:before {
  content: "\e905";
}
.fi-icon-vacuum-cleaner(1):before {
  content: "\e906";
}
.fi-icon-vacuum-cleaner:before {
  content: "\e907";
}







/* Common icon page style */
.icons_wrapper:after { clear: both; content: ""; display: block; }
.glyph { background: #e7e7e7; border: 5px solid #ffffff; float: left; margin: 0 0 5px; min-height: 115px; padding: 20px 8px; text-align: center; width: 20%; }
.glyph .glyph-icon { font-size: 65px; display: block; line-height: normal; }
.glyph .class-name { background: #f2f2f2; font-size: 16px; margin: 10px 0; padding: 8px; }
pre { background: #192f4a; color: #fff; font-size: 20px; border-radius: 5px; }

@media (max-width: 1000px) {
    .glyph { width: 33.33%; } 
}
@media (max-width: 780px) {
    .glyph { width: 50%; } 
}
@media (max-width: 420px) {
    .glyph { width: 100%; } 
}