Icons not displaying correctly

Hey! So I am working on a website at the moment, which is:
http://www.unionrealtyga.com/

I am using a wordpress plugin called Optima Express.
The plugin had a few bugs, and I contacted the plugin’s support team about them, and they gave me some CSS code that I inserted into the ‘CSS Override’ section of the plugin’s interface.

The code is:

.ihf-gallery-slider-paging a {
border-radius: initial !important;
margin-right: initial !important;
}
.ihf-gallery-slider-paging {
padding: initial !important;
}
.ihf-gallery-slider-paging li {
margin-left: initial !important;
}
.ihf-refine-search-container .row input[type="text"] {
width: 85px !important
}
.pagination a,span {
width: initial !important;
border-radius: initial !important;
margin-right: initial !important;
height: initial !important;
box-shadow: initial !important;
font-size: initial !important;
}

.modal .modal-dialog {
left: 0 !important;
}
div#ihf-board-detail-disclaimer , div#ihf-agent-sellers-rep + div {
clear: left !important;
}
form#searchProfile.ihf-quick-search-form div#ihf_select_bedrooms_homes_chosen, form#searchProfile.ihf-quick-search-form div#ihf_select_baths_homes_chosen {
display: none !important;
}
form#searchProfile.ihf-quick-search-form select#ihf-select-bedrooms-homes, form#searchProfile.ihf-quick-search-form select#ihf-select-baths-homes {
display: block !important;
}

Now, a few of the bugs within the plugin are worked out, but the icons on the home page and the contact page are not displaying correctly.
They are considerably smaller than they should be.

Is there any way that I can fix this while leaving the CSS override code in place?

Thanks!