@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-100.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-300.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-400.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-500.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-700.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-900.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-100.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-300.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-400.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-500.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-700.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-900.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-100.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-300.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-400.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-500.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-700.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-900.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-100.woff) format('woff');
}

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

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

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

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

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-900.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-100.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-300.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-400.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-500.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-700.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-italic-900.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-100.woff2) format('woff2');
}

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

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

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-500.ttf) format('woff2');
}

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

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
    font-display: swap;
    src: url(fonts/roboto-normal-900.woff2) format('woff2');
}

/* ---------------------------------------------- */
/* 1.0 - General Styles */
/* ---------------------------------------------- */

body {
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
}

h2 {
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
    font-size: 26px;
    color: rgb(51, 51, 51);
    padding-bottom: 10px;
    display: block;
    line-height: 1.3em;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500 !important;
    margin: 0px;
}


table {
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
    border-style: outset !important;
}

tr td {
    border-top: 1px solid #eee;
    padding: 6px 24px;
}

td span {
    font-style: initial ;
    font-weight: 400;
}