@font-face {
	font-family: 'graphx';
	src:url('fonts/graphx.eot');
}
@font-face {
	font-family: 'graphx';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVIAAsAAAAAB1QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAioAAAKgsaZgZkZGVE0AAAM0AAAAGgAAABxl2L50R0RFRgAAA1AAAAAdAAAAIAAwAARPUy8yAAADcAAAAEsAAABgL9zcjWNtYXAAAAO8AAAAOgAAAVLgEvLNaGVhZAAAA/gAAAAuAAAANv27j/9oaGVhAAAEKAAAAB4AAAAkBF4AMWhtdHgAAARIAAAADAAAAAwETQAAbWF4cAAABFQAAAAGAAAABgADUABuYW1lAAAEXAAAAN4AAAF3ag4OaHBvc3QAAAU8AAAADAAAACAAAwAAeJw9UGtIU2EYfr9zju60jpuOlgtPmyMGagSjC0RISKXDohIDKcPCkDJ/iFSTFTKoPwtOWMS6/R0R2cWg9kMoKMFEpwbNlqCVUUnQxcyiziJ5+j7P6M/zfvA973N5GSkKMcZsR441d7RGiEnEaLO5UjK9sulRDE02NMVrpxV7XDCM/w/NZrSZ78xwnk5dTp2oUKfTRTqpunTVRYrQUMlJbioJtx+tCQaDfFTzYZnkrIhYjJ0lWbBl0qSCHod5QvkbN+M2xy9QaWg12IQn7ga5mjpAduUNqHi2AcT0WVDhqsvA7xufQO7kRuBnXSmosWwt8GDdekFuBObanoD0uUPACzUJTBx8DAwcN4GRe9M5yufWJEie8QLXlkqg3Zeq+Fp2L8jTdQf4mjjPBZpTnHxxHlSxYxDkLahbNFfBMoEPoDxJ4wnLim6BnHybgtwU0xVRA8gkN3GcqY0AP3gofI/1AncT3cDDc9uBRz0899C+YiuoAEP08FtoyVkdtjYMWUxak9gFTPKa3PELMLXtFY8vfs0NZ3KhR/wh4OmF6zkY238YVFLtU4FsfbtgDwMvt6RB/hYPMH7qAChQexK4LU4RqiwH5pfXgJZ0KsC3nWmeJvt2gOPzZ5PA62ifkGzh5QLvgdHRscWaQLrpPo8zHgb+LPDXwmAAGBYS4sJIifNVdV8B+foy4kb9IPVjL8gRqQcTGVgsFeWV82+C8n2VqsNYZna6Dc3+D2bjVjEAAHicY2BgYGQAgpOd+YYg+pz68oUwGgBCQwZuAAB4nGNgZGBg4ANiCQYQYGJgBEIQyQLmMQAABGAANQAAAHicY2Bm8mWcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMALDsMbAB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHDB8Y/v9HZikwCTBCdYEBIxsDMndEAgDJXgiuAAB4nGNgZGBgAGJN6XzxeH6brwzcTAwgcE59+UIE/f8Bky/jAyCXgwEsDQD+8AoMAAB4nGNgZGBgfPD/AYMeky8Dwz8GIAkUQQHMAHsjBJAAAAIAAAAAAAAAAk0AAAAAUAAAAwAAeJxtjjFuwkAQRZ/BOIpA6ZJ6U6S0ZZsCRJmCA6Sgd7EySMiGBaTcIxI9HcfIAXKCnCbfZooU7Go1b2f+/BlgwpmI7kQkPBkPeODNeMgre+NYmovxiDHfxonur5RR/KjMpO/qeCDHZ+Mh76TGsTRfxiNeuBonyv9QE6jYseYT6lDt1oofeBVObFUK+vr6tK0ES1oajn0MUngcJRm54kLvv9ktM9Mac71SmoKpLNrmuGxD7V2Z5W7hbiMFs3Selnkhyd2VVhoWOLDpV3Ay68ay8uGwaRtXZPn9xj8qCDXIAAB4nGNgZsALAAB9AAQ=) format('woff'),
		 url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWXYvnQAAAW8AAAAHEdERUYAMgAGAAAFnAAAACBPUy8yL7rcbAAAAVgAAABWY21hcOAU89QAAAHEAAABUmdhc3D//wADAAAFlAAAAAhnbHlmTu0lAgAAAyQAAAC8aGVhZP28j/8AAADcAAAANmhoZWEEXwAzAAABFAAAACRobXR4BPcAAAAAAbAAAAAUbG9jYQAOAF4AAAMYAAAADG1heHAASQAzAAABOAAAACBuYW1lag4OaAAAA+AAAAF3cG9zdJtVPjcAAAVYAAAAPAABAAAAAQAADYJQbV8PPPUACwIAAAAAAM4np6EAAAAAzienoQAA/+ACTgHgAAAACAACAAAAAAAAAAEAAAHg/+AALgJNAAD+AAJOAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFADAAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQJNAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAJNAAAAAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAOAA8AD//wAAAADgAPAA//8AACAEEAMAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgBeAAEAAP/gAgAB4AACAAARASECAP4AAeD+AAAAAAACAAD/4gJOAd0ADQAvAAATDgEXHgEXFjYnLgEnJgUGAAcGHgI3Njc2MzIWFxYXFj4BJyYnLgE0Njc+ATU0JiAWDg4LcBAnLhUIYhAcAbYL/icHCwQZJRUJXVwLDSc/UgsZMxIJBlMzICAzPiE7AdcMNRYSVwMHRCELVAkODAX+cwoSKBwPCARNTRs1RQUNFi8cDUUqIBIgKjMnFB8oAAAAAAAMAJYAAQAAAAAAAQAGAA4AAQAAAAAAAgAHACUAAQAAAAAAAwAhAHEAAQAAAAAABAAGAKEAAQAAAAAABQALAMAAAQAAAAAABgAGANoAAwABBAkAAQAMAAAAAwABBAkAAgAOABUAAwABBAkAAwBCAC0AAwABBAkABAAMAJMAAwABBAkABQAWAKgAAwABBAkABgAMAMwAZwByAGEAcABoAHgAAGdyYXBoeAAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABnAHIAYQBwAGgAeAAgADoAIAA3AC0AOAAtADIAMAAxADMAAEZvbnRGb3JnZSAyLjAgOiBncmFwaHggOiA3LTgtMjAxMwAAZwByAGEAcABoAHgAAGdyYXBoeAAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAZwByAGEAcABoAHgAAGdyYXBoeAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgECAQMHdW5pRjAwMAd1bmlFMDAwAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAEAAEABAAAAAIAAAAAAAEAAAAAyYlvMQAAAADOJ6ehAAAAAM4np6E=) format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'graphx';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-graphx {
	font-family: 'graphx';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-graphx:before {
	content: "\e000";
}


.x, .x a{
	font-size:12px;
	color:#a9a9a9;
	padding:0px 0px 0px 10px;
	text-decoration:none;

 
}

.x a:hover{
	color:#ed1c24;	
	 	 -moz-transition: color .3s linear;  
    -webkit-transition: color .3s linear;  
    -ms-transition: color .3s linear;  
    -o-transition: color .3s linear;  
    transition: color .3s linear;  
	

	
}