/*#region Titillium */

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url('../fonts/titilliumwebthin.woff2') format('woff2'), url('../fonts/titilliumwebthin.woff') format('woff'), url('../fonts/titilliumwebthin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url('../fonts/titilliumwebthinitalic.woff2') format('woff2'), url('../fonts/titilliumwebthinitalic.woff') format('woff'), url('../fonts/titilliumwebthinitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url('../fonts/titilliumweblight.woff2') format('woff2'), url('../fonts/titilliumweblight.woff') format('woff'), url('../fonts/titilliumweblight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url('../fonts/titilliumweblightitalic.woff2') format('woff2'), url('../fonts/titilliumweblightitalic.woff') format('woff'), url('../fonts/titilliumweblightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('../fonts/titilliumweb.woff2') format('woff2'), url('../fonts/titilliumweb.woff') format('woff'), url('../fonts/titilliumweb.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url('../fonts/titilliumwebitalic.woff2') format('woff2'), url('../fonts/titilliumwebitalic.woff') format('woff'), url('../fonts/titilliumwebitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('../fonts/titilliumwebsemibold.woff2') format('woff2'), url('../fonts/titilliumwebsemibold.woff') format('woff'), url('../fonts/titilliumwebsemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('../fonts/titilliumwebsemibolditalic.woff2') format('woff2'), url('../fonts/titilliumwebsemibolditalic.woff') format('woff'), url('../fonts/titilliumwebsemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('../fonts/titilliumwebbold.woff2') format('woff2'), url('../fonts/titilliumwebbold.woff') format('woff'), url('../fonts/titilliumwebbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url('../fonts/titilliumwebbolditalic.woff2') format('woff2'), url('../fonts/titilliumwebbolditalic.woff') format('woff'), url('../fonts/titilliumwebbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium';
    src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url('../fonts/titilliumwebblack.woff2') format('woff2'), url('../fonts/titilliumwebblack.woff') format('woff'), url('../fonts/titilliumwebblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/*#endregion Titillium Web*/

/*#region Roboto */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-regular.woff') format('woff'); 
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-italic.woff') format('woff'); 
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto-v18-latin-500.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-500.woff') format('woff'); 
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-500italic.woff') format('woff'); 
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-700.woff') format('woff'); 
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'),
    url('../fonts/roboto-v18-latin-700italic.woff') format('woff'); 
}

/*#endregion */


@media (prefers-reduced-motion: reduce) {
  .fa-spin, .fa-spin-pulse {
    animation-name: fa-spin !important;
    animation-duration: var(--fa-animation-duration, 2s) !important;
    animation-iteration-count: var(--fa-animation-iteration-count, infinite) !important;
    animation-timing-function: var(--fa-animation-timing, linear) !important;
  }
}