/* ---------- <FONTS_MYRIAD-PRO> ---------- */
@font-face {
    font-family: 'Myriad Pro';
    src: local('MyriadPro-Black'),
        url('../fonts/myriad-pro/MyriadPro-Black.woff2') format('woff2'),
        url('../fonts/myriad-pro/MyriadPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: local('MyriadPro-Bold'),
        url('../fonts/myriad-pro/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/myriad-pro/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: local('MyriadPro-Semibold'),
        url('../fonts/myriad-pro/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/myriad-pro/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: local('MyriadPro-Regular'),
        url('../fonts/myriad-pro/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/myriad-pro/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: local('MyriadPro-Light'),
        url('../fonts/myriad-pro/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/myriad-pro/MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ---------- </FONTS_MYRIAD-PRO> ---------- */

/* ---------- <FONTS_ROBOTO> ---------- */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto-Black'), local('Roboto Black'),
        url('../fonts/roboto/Roboto-Black.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto-Bold'), local('Roboto Bold'),
        url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto-Semibold'), local('Roboto Semibold'), local('Roboto-Medium'), local('Roboto Medium'),
        url('../fonts/roboto/Roboto-Semibold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto-Regular'), local('Roboto Regular'),
        url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto-Light'), local('Roboto Light'),
        url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ---------- </FONTS_ROBOTO> ---------- */


/* ---------- <FONTS_SEGOE-UI> ---------- */
@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
        url('SegoeUI-SemiBold.woff2') format('woff2'),
        url('SegoeUI-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Bold'), local('SegoeUI-Bold'),
        url('SegoeUI-Bold.woff2') format('woff2'),
        url('SegoeUI-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI'), local('SegoeUI'),
        url('SegoeUI.woff2') format('woff2'),
        url('SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: local('Segoe UI Light'), local('SegoeUI-Light'),
        url('SegoeUI-Light.woff2') format('woff2'),
        url('SegoeUI-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ---------- </FONTS_SEGOE-UI> ---------- */

body {
	/*
	font-family: 'Segoe UI', sans-serif;
	*/
}
svg {
	width: 24px;
	height: 24px;
}

/* ---------- </FONTS_SEGOE-UI> ---------- */