@font-face {
    font-family: "opal-icon";
    src: url('fonts/opal-icon.eot');
    src: url('fonts/opal-icon.eot?#iefix') format('eot'),
    url('fonts/opal-icon.woff2') format('woff2'),
    url('fonts/opal-icon.woff') format('woff'),
    url('fonts/opal-icon.ttf') format('truetype'),
    url('fonts/opal-icon.svg#opal-icon') format('svg');
}

[class*="opal-icon-"]:before{
    font-family: "opal-icon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

.opal-icon {
    font-family: "opal-icon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

@function opal-icon-char($filename) {
    $char: "";

    @if $filename == architect {
    $char: "\E001";
}
    @if $filename == award {
    $char: "\E002";
}
    @if $filename == awards {
    $char: "\E003";
}
    @if $filename == bars {
    $char: "\E004";
}
    @if $filename == building_2 {
    $char: "\E005";
}
    @if $filename == building_3 {
    $char: "\E006";
}
    @if $filename == check-circle {
    $char: "\E007";
}
    @if $filename == check {
    $char: "\E008";
}
    @if $filename == chevron-left {
    $char: "\E009";
}
    @if $filename == chevron-right {
    $char: "\E00A";
}
    @if $filename == cogs {
    $char: "\E00B";
}
    @if $filename == consultancy {
    $char: "\E00C";
}
    @if $filename == consultant {
    $char: "\E00D";
}
    @if $filename == envelope-open-text {
    $char: "\E00E";
}
    @if $filename == equipment {
    $char: "\E00F";
}
    @if $filename == goals {
    $char: "\E010";
}
    @if $filename == hat {
    $char: "\E011";
}
    @if $filename == hiking {
    $char: "\E012";
}
    @if $filename == home-lg-alt {
    $char: "\E013";
}
    @if $filename == house-flood {
    $char: "\E014";
}
    @if $filename == housebuild {
    $char: "\E015";
}
    @if $filename == location-circle {
    $char: "\E016";
}
    @if $filename == long-arrow-down {
    $char: "\E017";
}
    @if $filename == long-arrow-left {
    $char: "\E018";
}
    @if $filename == long-arrow-right {
    $char: "\E019";
}
    @if $filename == long-arrow-up {
    $char: "\E01A";
}
    @if $filename == map-marker-alt {
    $char: "\E01B";
}
    @if $filename == minus-circle {
    $char: "\E01C";
}
    @if $filename == money-bill-wave {
    $char: "\E01D";
}
    @if $filename == mouse-pointer {
    $char: "\E01E";
}
    @if $filename == phone-square {
    $char: "\E01F";
}
    @if $filename == phone-volume {
    $char: "\E020";
}
    @if $filename == planning {
    $char: "\E021";
}
    @if $filename == play {
    $char: "\E022";
}
    @if $filename == plus-circle {
    $char: "\E023";
}
    @if $filename == plus {
    $char: "\E024";
}
    @if $filename == print-search {
    $char: "\E025";
}
    @if $filename == project {
    $char: "\E026";
}
    @if $filename == quality {
    $char: "\E027";
}
    @if $filename == quote-left {
    $char: "\E028";
}
    @if $filename == quote-right {
    $char: "\E029";
}
    @if $filename == quote {
    $char: "\E02A";
}
    @if $filename == quote1 {
    $char: "\E02B";
}
    @if $filename == responbility {
    $char: "\E02C";
}
    @if $filename == search {
    $char: "\E02D";
}
    @if $filename == shield-check {
    $char: "\E02E";
}
    @if $filename == square-full {
    $char: "\E02F";
}
    @if $filename == star {
    $char: "\E030";
}
    @if $filename == team {
    $char: "\E031";
}
    @if $filename == times {
    $char: "\E032";
}
    @if $filename == tint {
    $char: "\E033";
}
    @if $filename == user-friends {
    $char: "\E034";
}
    @if $filename == user-headset {
    $char: "\E035";
}
    @if $filename == user {
    $char: "\E036";
}
    @if $filename == users-class {
    $char: "\E037";
}
    @if $filename == users {
    $char: "\E038";
}
    @if $filename == video {
    $char: "\E039";
}
    @if $filename == volleyball-ball {
    $char: "\E03A";
}
    @if $filename == why {
    $char: "\E03B";
}
    @if $filename == workers {
    $char: "\E03C";
}

@return $char;
}

@mixin opal-icon($filename, $insert: before) {
&:#{$insert} {
    content: opal-icon-char($filename);
}
}

.opal-icon-architect {
    @include opal-icon(architect);
}
.opal-icon-award {
    @include opal-icon(award);
}
.opal-icon-awards {
    @include opal-icon(awards);
}
.opal-icon-bars {
    @include opal-icon(bars);
}
.opal-icon-building_2 {
    @include opal-icon(building_2);
}
.opal-icon-building_3 {
    @include opal-icon(building_3);
}
.opal-icon-check-circle {
    @include opal-icon(check-circle);
}
.opal-icon-check {
    @include opal-icon(check);
}
.opal-icon-chevron-left {
    @include opal-icon(chevron-left);
}
.opal-icon-chevron-right {
    @include opal-icon(chevron-right);
}
.opal-icon-cogs {
    @include opal-icon(cogs);
}
.opal-icon-consultancy {
    @include opal-icon(consultancy);
}
.opal-icon-consultant {
    @include opal-icon(consultant);
}
.opal-icon-envelope-open-text {
    @include opal-icon(envelope-open-text);
}
.opal-icon-equipment {
    @include opal-icon(equipment);
}
.opal-icon-goals {
    @include opal-icon(goals);
}
.opal-icon-hat {
    @include opal-icon(hat);
}
.opal-icon-hiking {
    @include opal-icon(hiking);
}
.opal-icon-home-lg-alt {
    @include opal-icon(home-lg-alt);
}
.opal-icon-house-flood {
    @include opal-icon(house-flood);
}
.opal-icon-housebuild {
    @include opal-icon(housebuild);
}
.opal-icon-location-circle {
    @include opal-icon(location-circle);
}
.opal-icon-long-arrow-down {
    @include opal-icon(long-arrow-down);
}
.opal-icon-long-arrow-left {
    @include opal-icon(long-arrow-left);
}
.opal-icon-long-arrow-right {
    @include opal-icon(long-arrow-right);
}
.opal-icon-long-arrow-up {
    @include opal-icon(long-arrow-up);
}
.opal-icon-map-marker-alt {
    @include opal-icon(map-marker-alt);
}
.opal-icon-minus-circle {
    @include opal-icon(minus-circle);
}
.opal-icon-money-bill-wave {
    @include opal-icon(money-bill-wave);
}
.opal-icon-mouse-pointer {
    @include opal-icon(mouse-pointer);
}
.opal-icon-phone-square {
    @include opal-icon(phone-square);
}
.opal-icon-phone-volume {
    @include opal-icon(phone-volume);
}
.opal-icon-planning {
    @include opal-icon(planning);
}
.opal-icon-play {
    @include opal-icon(play);
}
.opal-icon-plus-circle {
    @include opal-icon(plus-circle);
}
.opal-icon-plus {
    @include opal-icon(plus);
}
.opal-icon-print-search {
    @include opal-icon(print-search);
}
.opal-icon-project {
    @include opal-icon(project);
}
.opal-icon-quality {
    @include opal-icon(quality);
}
.opal-icon-quote-left {
    @include opal-icon(quote-left);
}
.opal-icon-quote-right {
    @include opal-icon(quote-right);
}
.opal-icon-quote {
    @include opal-icon(quote);
}
.opal-icon-quote1 {
    @include opal-icon(quote1);
}
.opal-icon-responbility {
    @include opal-icon(responbility);
}
.opal-icon-search {
    @include opal-icon(search);
}
.opal-icon-shield-check {
    @include opal-icon(shield-check);
}
.opal-icon-square-full {
    @include opal-icon(square-full);
}
.opal-icon-star {
    @include opal-icon(star);
}
.opal-icon-team {
    @include opal-icon(team);
}
.opal-icon-times {
    @include opal-icon(times);
}
.opal-icon-tint {
    @include opal-icon(tint);
}
.opal-icon-user-friends {
    @include opal-icon(user-friends);
}
.opal-icon-user-headset {
    @include opal-icon(user-headset);
}
.opal-icon-user {
    @include opal-icon(user);
}
.opal-icon-users-class {
    @include opal-icon(users-class);
}
.opal-icon-users {
    @include opal-icon(users);
}
.opal-icon-video {
    @include opal-icon(video);
}
.opal-icon-volleyball-ball {
    @include opal-icon(volleyball-ball);
}
.opal-icon-why {
    @include opal-icon(why);
}
.opal-icon-workers {
    @include opal-icon(workers);
}