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

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

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

.sonx-chat:before {
	content: "\f100";
}
.sonx-speech-bubble:before {
	content: "\f101";
}
.sonx-chat-1:before {
	content: "\f102";
}
.sonx-chat-2:before {
	content: "\f103";
}
.sonx-chat-3:before {
	content: "\f104";
}
.sonx-chat-4:before {
	content: "\f105";
}
.sonx-briefcase:before {
	content: "\f106";
}
.sonx-business-and-trade:before {
	content: "\f107";
}
.sonx-stats:before {
	content: "\f108";
}
.sonx-handshake:before {
	content: "\f109";
}
.sonx-suitcase:before {
	content: "\f10a";
}
.sonx-money:before {
	content: "\f10b";
}
.sonx-bar-chart:before {
	content: "\f10c";
}
.sonx-darts:before {
	content: "\f10d"; 
}
.sonx-employee:before {
	content: "\f10e"; 
}
.sonx-contract:before {
	content: "\f10f"; 
}
.sonx-money-1:before {
	content: "\f110";
}
.sonx-salary:before {
	content: "\f111";
}
.sonx-growth:before {
	content: "\f112"; 
}
.sonx-pin:before {
	content: "\f113"; 
}
.sonx-setting:before {
	content: "\f114"; 
}
.sonx-idea:before {
	content: "\f115"; 
}
.sonx-profits:before {
	content: "\f116"; 
}
.sonx-line-graph:before {
	content: "\f117"; 
}
.sonx-profit:before {
	content: "\f118"; 
}
.sonx-agreement:before {
	content: "\f119"; 
}
.sonx-creativity:before {
	 content: "\f11a"; 
 }
.sonx-business:before {
	content: "\f11b"; 
}
.sonx-chess-pieces:before {
	content: "\f11c"; 
}
.sonx-life-guard:before {
	content: "\f11d"; 
}
.sonx-planning:before {
	content: "\f11e"; 
}
.sonx-target:before {
	content: "\f11f"; 
}
.sonx-target-1:before {
	content: "\f120"; 
}
.sonx-planning-1:before {
	content: "\f121"; 
}
.sonx-knight:before {
	content: "\f122"; 
}