/* ==========================================================================
   LEGACY FONT-FACES (НЕ ТРОГАЕМ СТАРЫЙ САЙТ)
   ========================================================================== */

@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold.eot');
    src:
        url('roboto-bold.eot?#iefix') format('embedded-opentype'),
        url('roboto-bold.woff2') format('woff2'),
        url('roboto-bold.woff') format('woff'),
        url('roboto-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'robotomedium';
    src: url('roboto-medium.eot');
    src:
        url('roboto-medium.eot?#iefix') format('embedded-opentype'),
        url('roboto-medium.woff2') format('woff2'),
        url('roboto-medium.woff') format('woff'),
        url('roboto-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('robotocondensed-light.eot');
    src:
        url('robotocondensed-light.eot?#iefix') format('embedded-opentype'),
        url('robotocondensed-light.woff2') format('woff2'),
        url('robotocondensed-light.woff') format('woff'),
        url('robotocondensed-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto_cnregular';
    src: url('roboto-condensed.eot');
    src:
        url('roboto-condensed.eot?#iefix') format('embedded-opentype'),
        url('roboto-condensed.woff2') format('woff2'),
        url('roboto-condensed.woff') format('woff'),
        url('roboto-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto_ltregular';
    src: url('roboto-light.eot');
    src:
        url('roboto-light.eot?#iefix') format('embedded-opentype'),
        url('roboto-light.woff2') format('woff2'),
        url('roboto-light.woff') format('woff'),
        url('roboto-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular.eot');
    src:
        url('roboto-regular.eot?#iefix') format('embedded-opentype'),
        url('roboto-regular.woff2') format('woff2'),
        url('roboto-regular.woff') format('woff'),
        url('roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto_thregular';
    src: url('roboto-thin.eot');
    src:
        url('roboto-thin.eot?#iefix') format('embedded-opentype'),
        url('roboto-thin.woff2') format('woff2'),
        url('roboto-thin.woff') format('woff'),
        url('roboto-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   НОРМАЛЬНЫЙ ROBOTO ДЛЯ НОВЫХ БЛОКОВ И FONT-WEIGHT
   ========================================================================== */

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-thin.woff2') format('woff2'),
        url('roboto-thin.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-light.woff2') format('woff2'),
        url('roboto-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-regular.woff2') format('woff2'),
        url('roboto-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-medium.woff2') format('woff2'),
        url('roboto-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-bold.woff2') format('woff2'),
        url('roboto-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src:
        url('roboto-black.woff') format('woff'),
        url('roboto-black.ttf') format('truetype');
		url('roboto-black.woff2') format('woff2'),
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   ГЛОБАЛЬНЫЙ РЕНДЕРИНГ
   ========================================================================== */

html {
	-webkit-text-size-adjust: 100%;
}

body {
	text-rendering: geometricPrecision;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    color: #334155;
}

/* ==========================================================================
   НОВЫЕ БЛОКИ
   ========================================================================== */

/*
Теперь можно безопасно писать:

font-family: 'Roboto';
font-weight: 400 / 500 / 700 / 900;

И браузер будет подключать правильный файл шрифта,
а не "рисовать" жирность искусственно.
*/