@font-face {
    font-family: 'Cuatrecasasicons';
    src: url('fonts/Cuatrecasasicons.eot?a33uik');
    src: url('fonts/Cuatrecasasicons.eot?a33uik#iefix') format('embedded-opentype'),
        url('fonts/Cuatrecasasicons.ttf?a33uik') format('truetype'),
        url('fonts/Cuatrecasasicons.woff2?a33uik') format('woff2'),
        url('fonts/Cuatrecasasicons.woff?a33uik') format('woff'),
        url('fonts/Cuatrecasasicons.svg?a33uik#Cuatrecasasicons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon4-"],
[class*=" icon4-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Cuatrecasasicons' !important;
    speak: never;
    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;    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;    /* Support for IE. */
    font-feature-settings: 'liga';
}

.icon4-bookmark:before {
    content: "\e900";
    color: #ff6369;
}

.icon4-bookmark_active:before {
    content: "\e901";
    color: #ff6369;
}

.icon4-calendar_calendar:before {
    content: "\e902";
    color: #ff6369;
}

.icon4-calendar_list:before {
    content: "\e903";
    color: #ff6369;
}

.icon4-chat:before {
    content: "\e904";
    color: #ff6369;
}

.icon4-compartir:before {
    content: "\e905";
    color: #ff6369;
}

.icon4-down_topmenu:before {
    content: "\e906";
    color: #ff6369;
}

.icon4-download:before {
    content: "\e907";
    color: #ff6369;
}

.icon4-fav:before {
    content: "\e908";
    color: #ff6369;
}

.icon4-fav_active:before {
    content: "\e909";
    color: #ff6369;
}

.icon4-fletxa_cuatrecasas:before {
    content: "\e90a";
    color: #ff6369;
}

.icon4-grid:before {
    content: "\e90b";
    color: #ff6369;
}

.icon4-logout:before {
    content: "\e90c";
    color: #ff6369;
}

.icon4-lupa:before {
    content: "\e90d";
    color: #ff6369;
}

.icon4-mail:before {
    content: "\e90e";
    color: #ff6369;
}

.icon4-pdf:before {
    content: "\e90f";
    color: #ff6369;
}

.icon4-premium:before {
    content: "\e910";
    color: #ff6369;
}

.icon4-quote:before {
    content: "\e911";
    color: #ff6369;
}

.icon4-user:before {
    content: "\e912";
    color: #ff6369;
}