@font-face {
    font-family: "opal-icon";
    src: url('assets/fonts/opal-icon.eot');
    src: url('assets/fonts/opal-icon.eot?#iefix') format('eot'),
    url('assets/fonts/opal-icon.woff2') format('woff2'),
    url('assets/fonts/opal-icon.woff') format('woff'),
    url('assets/fonts/opal-icon.ttf') format('truetype'),
    url('assets/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 == advisor {
    $char: "\E001";
}
    @if $filename == amenities {
    $char: "\E002";
}
    @if $filename == arrow-circle-right {
    $char: "\E003";
}
    @if $filename == arrow-left {
    $char: "\E004";
}
    @if $filename == arrow-right {
    $char: "\E005";
}
    @if $filename == award {
    $char: "\E006";
}
    @if $filename == bullseye-pointer {
    $char: "\E007";
}
    @if $filename == bus-alt {
    $char: "\E008";
}
    @if $filename == cctv {
    $char: "\E009";
}
    @if $filename == check-circle {
    $char: "\E00A";
}
    @if $filename == chevron-down {
    $char: "\E00B";
}
    @if $filename == chevron-left {
    $char: "\E00C";
}
    @if $filename == chevron-right {
    $char: "\E00D";
}
    @if $filename == chevron-up {
    $char: "\E00E";
}
    @if $filename == city {
    $char: "\E00F";
}
    @if $filename == close {
    $char: "\E010";
}
    @if $filename == community {
    $char: "\E011";
}
    @if $filename == community_2 {
    $char: "\E012";
}
    @if $filename == consulting {
    $char: "\E013";
}
    @if $filename == enviroment {
    $char: "\E014";
}
    @if $filename == firefighting {
    $char: "\E015";
}
    @if $filename == fitness {
    $char: "\E016";
}
    @if $filename == garden {
    $char: "\E017";
}
    @if $filename == hospital {
    $char: "\E018";
}
    @if $filename == menu {
    $char: "\E019";
}
    @if $filename == minus {
    $char: "\E01A";
}
    @if $filename == money-check {
    $char: "\E01B";
}
    @if $filename == phone1 {
    $char: "\E01C";
}
    @if $filename == plane-departure {
    $char: "\E01D";
}
    @if $filename == play {
    $char: "\E01E";
}
    @if $filename == play_area {
    $char: "\E01F";
}
    @if $filename == plus {
    $char: "\E020";
}
    @if $filename == pool {
    $char: "\E021";
}
    @if $filename == product {
    $char: "\E022";
}
    @if $filename == quote {
    $char: "\E023";
}
    @if $filename == search {
    $char: "\E024";
}
    @if $filename == security {
    $char: "\E025";
}
    @if $filename == security_2 {
    $char: "\E026";
}
    @if $filename == servives {
    $char: "\E027";
}
    @if $filename == shape {
    $char: "\E028";
}
    @if $filename == shopping-cart {
    $char: "\E029";
}
    @if $filename == subway {
    $char: "\E02A";
}
    @if $filename == support {
    $char: "\E02B";
}
    @if $filename == team_1 {
    $char: "\E02C";
}
    @if $filename == tree {
    $char: "\E02D";
}
    @if $filename == university {
    $char: "\E02E";
}
    @if $filename == water {
    $char: "\E02F";
}

@return $char;
}

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

.opal-icon-advisor {
    @include opal-icon(advisor);
}
.opal-icon-amenities {
    @include opal-icon(amenities);
}
.opal-icon-arrow-circle-right {
    @include opal-icon(arrow-circle-right);
}
.opal-icon-arrow-left {
    @include opal-icon(arrow-left);
}
.opal-icon-arrow-right {
    @include opal-icon(arrow-right);
}
.opal-icon-award {
    @include opal-icon(award);
}
.opal-icon-bullseye-pointer {
    @include opal-icon(bullseye-pointer);
}
.opal-icon-bus-alt {
    @include opal-icon(bus-alt);
}
.opal-icon-cctv {
    @include opal-icon(cctv);
}
.opal-icon-check-circle {
    @include opal-icon(check-circle);
}
.opal-icon-chevron-down {
    @include opal-icon(chevron-down);
}
.opal-icon-chevron-left {
    @include opal-icon(chevron-left);
}
.opal-icon-chevron-right {
    @include opal-icon(chevron-right);
}
.opal-icon-chevron-up {
    @include opal-icon(chevron-up);
}
.opal-icon-city {
    @include opal-icon(city);
}
.opal-icon-close {
    @include opal-icon(close);
}
.opal-icon-community {
    @include opal-icon(community);
}
.opal-icon-community_2 {
    @include opal-icon(community_2);
}
.opal-icon-consulting {
    @include opal-icon(consulting);
}
.opal-icon-enviroment {
    @include opal-icon(enviroment);
}
.opal-icon-firefighting {
    @include opal-icon(firefighting);
}
.opal-icon-fitness {
    @include opal-icon(fitness);
}
.opal-icon-garden {
    @include opal-icon(garden);
}
.opal-icon-hospital {
    @include opal-icon(hospital);
}
.opal-icon-menu {
    @include opal-icon(menu);
}
.opal-icon-minus {
    @include opal-icon(minus);
}
.opal-icon-money-check {
    @include opal-icon(money-check);
}
.opal-icon-phone1 {
    @include opal-icon(phone1);
}
.opal-icon-plane-departure {
    @include opal-icon(plane-departure);
}
.opal-icon-play {
    @include opal-icon(play);
}
.opal-icon-play_area {
    @include opal-icon(play_area);
}
.opal-icon-plus {
    @include opal-icon(plus);
}
.opal-icon-pool {
    @include opal-icon(pool);
}
.opal-icon-product {
    @include opal-icon(product);
}
.opal-icon-quote {
    @include opal-icon(quote);
}
.opal-icon-search {
    @include opal-icon(search);
}
.opal-icon-security {
    @include opal-icon(security);
}
.opal-icon-security_2 {
    @include opal-icon(security_2);
}
.opal-icon-servives {
    @include opal-icon(servives);
}
.opal-icon-shape {
    @include opal-icon(shape);
}
.opal-icon-shopping-cart {
    @include opal-icon(shopping-cart);
}
.opal-icon-subway {
    @include opal-icon(subway);
}
.opal-icon-support {
    @include opal-icon(support);
}
.opal-icon-team_1 {
    @include opal-icon(team_1);
}
.opal-icon-tree {
    @include opal-icon(tree);
}
.opal-icon-university {
    @include opal-icon(university);
}
.opal-icon-water {
    @include opal-icon(water);
}