@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Roboto_400_normal.eot"); /* http://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxO.eot */
    src: local('☺'),
        url("../fonts/Roboto_400_normal.eot%3F") format('embedded-opentype'), /* http://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxO.eot */
        url("../fonts/Roboto_400_normal.woff2") format('woff2'), /* http://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2 */
        url("../fonts/Roboto_400_normal.woff") format('woff'), /* http://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxM.woff */
        url("../fonts/Roboto_400_normal.ttf") format('truetype'), /* http://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxPKTU1Kg.ttf */
        url("../fonts/Roboto_400_normal.svg") format('svg'); /* http://fonts.gstatic.com/l/font?kit=KFOmCnqEu92Fr1Mu4mxN&skey=a0a0114a1dcab3ac&v=v27#Roboto */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Roboto_100_normal.eot"); /* {{embedded-opentype-gf-url}} */
    src: local('☺'),
        url("../fonts/Roboto_100_normal.eot%3F") format('embedded-opentype'), /* {{embedded-opentype-gf-url}} */
        url("../fonts/Roboto_100_normal.woff2") format('woff2'), /* http://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzI.woff2 */
        url("../fonts/Roboto_100_normal.woff") format('woff'), /* http://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzQ.woff */
        url("../fonts/Roboto_100_normal.ttf") format('truetype'), /* http://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzcXKMny.ttf */
        url("../fonts/Roboto_100_normal.svg") format('svg'); /* {{svg-gf-url}} */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Roboto_500_normal.eot"); /* {{embedded-opentype-gf-url}} */
    src: local('☺'),
        url("../fonts/Roboto_500_normal.eot%3F") format('embedded-opentype'), /* {{embedded-opentype-gf-url}} */
        url("../fonts/Roboto_500_normal.woff2") format('woff2'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2 */
        url("../fonts/Roboto_500_normal.woff") format('woff'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc-.woff */
        url("../fonts/Roboto_500_normal.ttf") format('truetype'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc9AMP6lQ.ttf */
        url("../fonts/Roboto_500_normal.svg") format('svg'); /* {{svg-gf-url}} */
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Roboto_700_normal.eot"); /* {{embedded-opentype-gf-url}} */
    src: local('☺'),
        url("../fonts/Roboto_700_normal.eot%3F") format('embedded-opentype'), /* {{embedded-opentype-gf-url}} */
        url("../fonts/Roboto_700_normal.woff2") format('woff2'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2 */
        url("../fonts/Roboto_700_normal.woff") format('woff'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc-.woff */
        url("../fonts/Roboto_700_normal.ttf") format('truetype'), /* http://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc9AMP6lQ.ttf */
        url("../fonts/Roboto_700_normal.svg") format('svg'); /* {{svg-gf-url}} */
}