	/*
  	Flaticon icon font: Flaticon
  	Creation date: 28/08/2019 15:54
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff2") format("woff2"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./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("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 22px;
font-style: normal;
margin-left: 20px;
}

.flaticon-paint-board-and-brush:before { content: "\f100"; }
.flaticon-lockers:before { content: "\f101"; }
.flaticon-smart-lock:before { content: "\f102"; }
.flaticon-terrain:before { content: "\f103"; }

    #glyphs {
        border-bottom: 1px solid #ccc;
        padding: 2em 0;
        text-align: center;
    }
    .glyph {
        display: inline-block;
        width: 9em;
        margin: 1em;
        text-align: center;
        vertical-align: top;
        background: #FFF;
    }
    .glyph .glyph-icon {
		color:#009DE2;
        padding: 10px;
        display: block;
        font-family:"Flaticon";
        font-size: 64px;
        line-height: 1;
    }
    .glyph .glyph-icon:before {
        font-size: 64px;
        color: #222;
        margin-left: 0;
    }
	
	    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 6em;
		color:#009DE2;
        font-style: normal;
        margin-left: 20px;

    }
	
		 li >   [class^="flaticon-"]:before, 
		 li >   [class*=" flaticon-"]:before, 
		 li >   [class^="flaticon-"]:after, 
		 li >   [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 2em;
		color:#009DE2;
        font-style: normal;
        margin-left:0px;

    }