@font-face {
    font-family: 'simple-line-icons';
    src: url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.eot');
    src: url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.woff2') format('woff2'), url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.ttf') format('truetype'), url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.woff') format('woff'), url('/local/templates/1more/assets/fonts/simple-line-icons/Simple-Line-Icons.svg?#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
 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 [class*="icon-"] selector, but it's slower:
*/

.icon-eye, .icon-arrow-left, .icon-arrow-right {
    font-family: 'simple-line-icons';
    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-eye:before {
    content: "\e087";
}
.icon-arrow-left:before {
    content: "\e605";
}
.icon-arrow-right:before {
    content: "\e606";
}