/*
  	Flaticon icon font: Flaticon
  	Creation date: 14/04/2016 23:46
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       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: 20px;*/
font-style: normal;
/*margin-left: 20px;*/
}

.circle-icon {
  /*font-size:45px;*/
  font-size: 21px;
  background:rgba(0,0,0,0.4);
  padding: 5px 10px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  -o-border-radius:100%;
  border-radius:100%;
  border:0px solid #fff;
  color:#fff;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.46);
  text-align:center;
  display:table-cell;
  display: inline-table;
  margin: 5px;
  vertical-align:middle;
  width: 1em;
  height: 1rem;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  -o-transition:.25s;
  transition:.25s;
}

.circle-icon.xl { font-size:45px; padding:15px 25px;width:60px;height:60px; font-weight:normal;}

.circle-icon:hover {
  background:rgba(0,0,0,0.6);
}

.circle-icon.hpa-blue {
  background:rgba(0,0,255,1.0);
}
a.circle-icon.hpa-blue:hover {
  background:rgba(0,0,255,.6);
}
.circle-icon.hpa-red {
  background:rgba(255,0,0,1.0);
}
a.circle-icon.hpa-red:hover {
  background:rgba(255,0,0,.6);
}
.circle-icon.hpa-grey {
  background:rgba(137,137,137,1.0);
}
a.circle-icon.hpa-grey:hover {
  background:rgba(137,137,137,.6);
}
.circle-icon.hpa-lblue {
  background:rgba(120,205,234,1.0);
}
a.circle-icon.hpa-lblue:hover {
  background:rgba(120,205,234,.6);
}

.flaticon-arrow:before { content: "\f100"; }
.flaticon-arrow-1:before { content: "\f101"; }
.flaticon-book:before { content: "\f102"; }
.flaticon-business:before { content: "\f103"; }
.flaticon-business-1:before { content: "\f104"; }
.flaticon-business-2:before { content: "\f105"; }
.flaticon-business-3:before { content: "\f106"; }
.flaticon-business-4:before { content: "\f107"; }
.flaticon-business-5:before { content: "\f108"; }
.flaticon-circle:before { content: "\f109"; }
.flaticon-circle-1:before { content: "\f10a"; }
.flaticon-circle-2:before { content: "\f10b"; }
.flaticon-circle-3:before { content: "\f10c"; }
.flaticon-circle-4:before { content: "\f10d"; }
.flaticon-circle-5:before { content: "\f10e"; }
.flaticon-circle-6:before { content: "\f10f"; }
.flaticon-circle-7:before { content: "\f110"; }
.flaticon-coins:before { content: "\f111"; }
.flaticon-communication:before { content: "\f112"; }
.flaticon-computer:before { content: "\f113"; }
.flaticon-computer-1:before { content: "\f114"; }
.flaticon-connection:before { content: "\f115"; }
.flaticon-connection-1:before { content: "\f116"; }
.flaticon-graduation:before { content: "\f117"; }
.flaticon-graduation-1:before { content: "\f118"; }
.flaticon-graphic:before { content: "\f119"; }
.flaticon-graphic-1:before { content: "\f11a"; }
.flaticon-interface:before { content: "\f11b"; }
.flaticon-interface-1:before { content: "\f11c"; }
.flaticon-interface-2:before { content: "\f11d"; }
.flaticon-man:before { content: "\f11e"; }
.flaticon-money:before { content: "\f11f"; }
.flaticon-money-1:before { content: "\f120"; }
.flaticon-people:before { content: "\f121"; }
.flaticon-people-1:before { content: "\f122"; }
.flaticon-ribbon:before { content: "\f123"; }
.flaticon-ribbon-1:before { content: "\f124"; }
.flaticon-school:before { content: "\f125"; }
.flaticon-shape:before { content: "\f126"; }
.flaticon-shapes:before { content: "\f127"; }
.flaticon-social:before { content: "\f128"; }
.flaticon-sports:before { content: "\f129"; }
.flaticon-technology:before { content: "\f12a"; }
.flaticon-technology-1:before { content: "\f12b"; }
.flaticon-technology-2:before { content: "\f12c"; }
.flaticon-three:before { content: "\f12d"; }
.flaticon-three-1:before { content: "\f12e"; }
.flaticon-transport:before { content: "\f12f"; }
.flaticon-up-arrow:before { content: "\f130"; }
.flaticon-video:before { content: "\f131"; }