@import “font-icons-variables”;

@font-face {

font-family: 'icomoon';
font-weight: normal;
font-style: normal;

}

.icon {

/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

.icon-arrow-left {

&:before {
  content: $icon-arrow-left;
}

}

.icon-arrow-right {

&:before {
  content: $icon-arrow-right;
}

}

.icon-close {

&:before {
  content: $icon-close;
}

}