@font-face {
    font-family: TelenetAlbra-Regular;
    src: url(./fonts/Telenet-Albra-Regular.woff2) format("woff2"), url(./fonts/Telenet-Albra-Regular.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Black;
    src: url(./fonts/Telenet-Albra-Black.woff2) format("woff2"), url(./fonts/Telenet-Albra-Black.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Bold;
    src: url(./fonts/Telenet-Albra-Bold.woff2) format("woff2"), url(./fonts/Telenet-Albra-Bold.woff) format("woff")
}

@font-face {
    font-family: "TelenetAlbra-Serif-Bold";
    src: url(./fonts/Telenet-Albra-Serif-Bold.woff2) format("woff2"), url(./fonts/Telenet-Albra-Serif-Bold.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Medium;
    src: url(./fonts/Telenet-Albra-Medium.woff2) format("woff2"), url(./fonts/Telenet-Albra-Medium.woff) format("woff")
}

@font-face {
    font-family: TelenetTextIcon;
    src: url(./fonts/Telenet-texticonfont.woff2) format("woff2"), url(./fonts/Telenet-texticonfont.woff) format("woff")
}

@font-face {
  font-family: pp-right-grotesk;
  src:
    url(./fonts/PPRightTelenet-CompactRegular.woff2) format('woff2'),
    url(    ./fonts/PPRightTelenet-CompactRegular.woff) format('woff');
}

.icon:before,
[class*=" icon-"]:after,
[class*=" icon-"]:before,
[class^=icon-]:after,
[class^=icon-]:before {
    display: inline-block;
    vertical-align: middle;
    font-family: icons;
    speak: never;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: inherit
}

.icon:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    line-height: inherit;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.icon-chevron-down:before {
    content: "\f124"
}

.icon-chevron-up:before {
    content: "\f127"
}

.icon-close:before {
    content: "\f12d"
}

.icon-search:before {
    content: "\f1ca"
}

.icon-status-info:before {
    content: "\f1e8"
}